/*!
 *  Font Awesome 4.5.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('/resources/site/kgnz/dev/fonts/fontawesome-webfont.eot?v=4.5.0');src:url('/resources/site/kgnz/dev/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('/resources/site/kgnz/dev/fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('/resources/site/kgnz/dev/fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('/resources/site/kgnz/dev/fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('/resources/site/kgnz/dev/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{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-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper: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-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}
@font-face {
    font-family: 'fontello';
    src: url('/resources/site/kgnz/dev/fonts/fontello.eot?23513346');
    src: url('/resources/site/kgnz/dev/fonts/fontello.eot?23513346#iefix') format('embedded-opentype'),
    url('/resources/site/kgnz/dev/fonts/fontello.woff?23513346') format('woff'),
    url('/resources/site/kgnz/dev/fonts/fontello.ttf?23513346') format('truetype'),
    url('/resources/site/kgnz/dev/fonts/fontello.svg?23513346#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'Avenir Light';
    src: url('/resources/site/kgnz/dev/fonts/Avenir-Light.ttf');
    font-weight:normal;
    font-style: normal;
}
@font-face{
    font-family: 'Avenir Book';
    src: url('/resources/site/kgnz/dev/fonts/Avenir-Book.ttf');
    font-weight:normal;
    font-style: normal;
}
@font-face{
    font-family: 'Avenir Heavy';
    src: url('/resources/site/kgnz/dev/fonts/Avenir-Heavy.ttf');
    font-weight:normal;
    font-style: normal;
}
@font-face{
    font-family: 'Avenir Black';
    src: url('/resources/site/kgnz/dev/fonts/Avenir-Black.ttf');
    font-weight:normal;
    font-style: normal;
}
@font-face{
    font-family: 'Proxima Nova ExtraBold';
    src: url('/resources/site/kgnz/dev/fonts/Proxima-Nova-Extrabold.otf');
    font-weight:normal;
    font-style: normal;
}




.page-wrapper {
    position: relative;
}

/*==== Bootstrap Override Classes Start=====================================================*/
body {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 0.9rem;
    -moz-font-smoothing:antialiased;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    color: #37342E !important;
}
.page-container{
    background-color: #fff;
    position: relative;
}

a {
    color: #0FA5BB;
    -moz-transition:all 300ms ease-in-out;
    -webkit-transition:all 300ms ease-in-out;
    -o-transition:all 300ms ease-in-out;
    -ms-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out;
}
a:active, a:hover {
    text-decoration:underline !important;
}
img {
    max-width: 100%;
    height: auto;
}
.strong { font-weight: 700; }
/*MTA color code*/

.dark-red{
    background-color: #D81F3E;
}

.green{
    color: #90D0A4;
}

.dark-green{
    background-color: #45B870;
}

.dark-blue{
    color: #0FA5BB;
}

.blue{
    color: #DCE664;
}
.dark-text{
    color: #37342E;
}
.background{
    color: #F7F9FB;
}
.med-text{
    color: #788385;
}
.light-text{
    color: #ACACAC;
}
.stroke{
    color: #E1E1E1;
}
.red{
    background-color: #F54A7E;
}
.white{
    color: #FFFFFF;
}
@media (min-width: 768px) {
    .container { padding: 0;}
}
h1, h2, h3, h4, h5 { font-family: "Avenir Heavy", Helvetica, sans-serif; font-weight: 700; }
h4 { font-size: 1.5625rem; }
.row { margin-left: 0; margin-right: 0; }
.btn-secondary.active,
.btn-secondary.focus,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover,
.open>.btn-secondary.dropdown-toggle {
    color: white;
    background: #f04da5;
}

.btn-primary {
    background-color: #00adbb;
    border-color: #00adbb;
    border-radius: 0;
    font-family:"Avenir Book", Helvetica, monospace;
    text-transform: uppercase;
    font-weight: 700;
}
.btn-secondary { background-color:#f04da5; color:white; font-family:"Avenir Book", Helvetica, sans-serif; border-color:white; border-radius: 0;}
.btn-secondary:hover{
    background-color: #9E336D;
    color: white;
}
.btn-primary:hover { background-color: #71e8f1; border-color: #71e8f1; color: white; }
.btn-primary:active, .btn-primary:focus { background-color: #71e8f1; border-color: #71e8f1; color: #71e8f1; }
.btn-primary-outline { border-color: #64CAD9;color: #64CAD9}
.btn-primary-outline:hover {background-color: #8ECEA5; border-color: #8ECEA5;color: #fff}
.thead-inverse th { background-color: #e0eef0; color: #37342E; padding: 0.5rem; text-transform: capitalize; }
.form-control {border-radius: 0;}
.carousel-indicators { bottom: -16px !important; width: 76%; text-align: right;}
.carousel-inner>.carousel-item>a>img, .carousel-inner>.carousel-item>img { width: 100%}			/**************************TEMPORARY REMOVE IT WHEN IMAGE WIDTH IS DECIDED******************************/
/*navbar fix*/
.navbar-light { font-size:87.5% }
.navbar-clearfix::after {
    content: "";
    display: table;
    clear: both;
}
@media (min-width: 544px) {
    .navbar-clearfix { float: left }
    .navbar-brand    { line-height: 1.2 }
}
@media (max-width: 544px) {
    .navbar-light .nav-link { float: none	}
    .navbar-light .nav-link + .nav-link { margin-left: 0 }
}
/*navbar fix*/
.modal-open { padding: 0 !important; }
.modal-content { border-radius: 0; }
/*==== Bootstrap Override Classes End=====================================================*/

/*==== Page General Styles Start =====================================================*/
.page-header {
    margin-bottom: 2em;
    padding: 20px 0 8px 22px;

    background: #f04da5;
}

.page-header .PageTitle h1 {
    font-family: "Avenir Heavy", Courier, monospace;
    font-weight: 700;
    color: #FFF;
    text-transform: capitalize;
    font-size: 3.9rem;
    padding-bottom: 0;
}
.page { padding: 0; background: #ffffff; }
.mainContent h4 {
    font-weight: bold;
    font-size: 1.3em;
    color: #F54A7E;
}
.modal-header h1 {    font-size: 2rem;}
.img-center { margin: 0 auto; }
.clearIt { clear:both; height:0; }
#homeBlurb {display: none;}
.alert img { display: inline-block; }
.ajaxError {
    color: #a94442;
    padding: 15px;
    margin-bottom: 1rem;
}
.ajaxError img { display: inline-block;}
.ajaxLoader {
    position: fixed;
    z-index: 999;
    height: 3em;
    width: 3em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
body.transparent::after {
    content: "";
    background-color: grey;
    opacity: 0.3;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
}
.btn-red-block {
    display: block;
    font-family: "Avenir Heavy", Courier, monospace;
    line-height: 2.4125rem;
    border-radius: 0 !important;
    border-color: #bed01d !important;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;

    background: #f04da5;
}
.btn-red-block:hover, .btn-red-block:active {
    color: #fff;
    background: #F794D3;
}
.modal i.fa-caret-up {
    font-size: 2rem;
    position: absolute;
    right: 26px;
    top: -20px;
    color: #fff;
}
#pg_loading {
    position: fixed;
    color: #64CAD9;
    top: 40%;
    left: 50%;
    padding: 20px;
    z-index: 1002;
    overflow: auto;
}
.actions i {
    color: white;
    /*margin: 0 0 0 -18px;*/
    margin: 0;
}
.actions .dropdown-item i{
    color: #555;
}
.actions a.dropdown-item{
    color: #555;
}

.actions a { font-weight: 700; color: white; }
.actions a#emailCatalogueLink{
    color: white;
}
.fnt_red { color: #F54A7E;}
.fnt_bold { font-weight: 700; }
.icon-with-detail i {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: #F54A7E;
    font-size: 2.5rem;
}
.icon-with-detail span {
    line-height: 1.8rem;
    font-size: 1.5rem;
    color: #FFF;
    position: absolute;
    left: 0;
    top: 5px;
    width: 100%;
    text-align: center;
}
.icon-with-detail h4 {
    font-size: 1.2rem;
    margin: 0 0 0 1.3rem;
    display: inline-block;
}
.icon-with-detail p {
    margin: -10px 0 0 3.6rem;
    display: block;
    font-size: 1.5rem;
    color: #37342E;
    line-height: 1;
}
.btn-green {
    background: #45b870;
    padding: 1.045rem 3rem;
    font-size: 1rem;
    color: #fff;
    border-radius: 0;
    vertical-align: top;
}
.btn-fw {
    width: 225px;
    height: 50px;
    border-radius: 0px !important;
    background-color: #f04da5;
    font-family: "Avenir Book", Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    border-color: #f04da5;
}
.btn-fw:hover,
.btn-fw:visited,
.btn-fw:active,
.btn-fw:focus {
    background-color: #9E336D;
    /*border-color: #DCE664;*/
    color: white;
}

.btn[id="ACTION_PAYPAL"] {
    width: 225px;
    height: 50px;
    border-radius: 12px !important;
    background-color: #00adbb;
    border-color: #00adbb;
    font-family: "Courier New", Courier, monospace, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}
.btn[id="ACTION_PAYPAL"]:hover,
.btn[id="ACTION_PAYPAL"]:visited,
.btn[id="ACTION_PAYPAL"]:active,
.btn[id="ACTION_PAYPAL"]:focus{
    background-color: #DCE664;
    border-color: #DCE664;
    color: #CCA33D;
}
.custom-alert { font-size:1rem; color: #DCE664; }
.custom-alert i { color: #F54A7E; font-size: 2rem; vertical-align: middle; padding-right: 0.525rem; }
.nowrap { white-space: nowrap; }
/* Data Tables */
table.dataTable thead .sorting_asc:after {
    content: "\f0de";
}
table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
}
table.dataTable thead .sorting:after {
    content: "\f0dc";
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    bottom: 12px;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #ffffff;
}
table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
    background-color: #fafafa;
}
table.dataTable thead th, table.dataTable thead td {
    padding: 10px 9px;
}
table.dataTable thead th, table.dataTable tfoot th {
    font-weight: normal;
}
table.dataTable tbody tr.selected,
table.dataTable.display tbody tr.odd.selected>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1,
table.dataTable.display tbody tr.even.selected>.sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1 {
    background-color: #E1E1E1 !important;
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover,
table.dataTable.display tbody tr:hover>.sorting_1, table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
    background-color: #f6f6f6;
}
table.dataTable thead th, table.dataTable thead td {
    border: none;
    background: #e0eef0;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom-color: #e1e1e1;
}
table.dataTable tr.group {
    background-color: #F54A7E;
    color: #fff;
}
/* General Alert Modal Styles */
.alertModal .modal-header {
    border-bottom: none;
    text-align: center;
    font-size: 1.5rem;
    padding-top: 2rem;
    padding-bottom: 0;
}
.alertModal .modal-footer { border-top: none; text-align: center; padding-bottom: 2rem; }
.alertModal .modal-body { font-size: 1.125rem; }
.alertModal .modal-header .close { margin-top: -1.4rem; }
.alertModal .modal-footer .btn { padding: 0.6rem 6rem; }
.alertModal label { font-size: 1.125rem; }
.alertModal .form-control { padding: 0.8rem; font-size: 1rem; }
label.error { color: #F54A7E; }
.btn-grey {
    background: #acacac;
    color: #fff;
}
.warehouse .IBSAvailabilityCell { text-align: left;}
/*==== Page General Styles End =====================================================*/
/*==== NEWSLETTER SUBSCRIBE MODAL START =====================================================*/
#mailChimpSubscribeModal {

}
#mailChimpSubscribeModal .modal-header { border-bottom: none; }
#mailChimpSubscribeModal .modal-body { padding: 0 4rem; }
#mailChimpSubscribeModal .modal-footer { border-top: none; text-align: center; padding: 0 4rem; }
#mailChimpSubscribeModal .modal-title {
    text-transform: capitalize;
    color: #0FA5BB;
    font-size: 2.5rem;
    display: table;
    margin: 0 auto;
    padding: 2rem 0 0 0;
    line-height: 1;
}
#mailChimpSubscribeModal .modal-title i {
    color: #F54A7E;
    font-size: 4.38rem;
    display: table-cell;
    vertical-align: top;
}
#mailChimpSubscribeModal .sub-title {
    display: block;
    text-align: center;
    color: #37342E;
    font-size: 1rem;
}
#mailChimpSubscribeModal label {
    color: #37342E;
    font-size: 1rem;
}
#mailChimpSubscribeModal .modal-content input,
#mailChimpSubscribeModal .modal-content select { font-size: 1rem; padding: .8rem; }
#mailChimpSubscribeModal .indicates-required { color: #F54A7E; float: right;}
#mailChimpSubscribeModal .asterisk { color: #F54A7E; }
#mailChimpSubscribeModal .modal-footer .btn { padding: .8rem 0; width: 49%;}
#mailChimpSubscribeModal .modal-footer p {
    color: #37342E;
    padding: 1rem 0;
    font-size: .8rem;
    font-weight: bold;
}
#mailChimpSubscribeModal .modal-footer p a { color: #F54A7E; }

/*==== NEWSLETTER SUBSCRIBE MODAL END =====================================================*/
/*==== Icon Set Start =====================================================*/
.icon-new, .icon-superbuy {
    color: #F54A7E !important;
    font-size: 0.95rem !important;
}
.icon-new:hover, .icon-superbuy:hover { text-decoration: none !important; }
.icon-arrow-right:before { content: "\e802"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; }

/* .icon-superbuy:before { content: '\e818'; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; font-size:1.2rem; } */
/* .icon-new:before { content: "\e813"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; font-size:1.2rem; } */
.icon-superbuy:before {
    content: " ";
    margin-right: 5px;
    width: 33px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    background: url(/resources/site/mtadev/birthday-bonanza-splash.png) no-repeat;
}
.icon-new:before {
    content: " ";
    margin-right: 5px;
    width: 33px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    background: url(/resources/site/mtadev/new-splash.png) no-repeat;
}
.icon-tag:before { content: "\e818"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; }
.icon-shipping:before { content: "\e80e"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; }
.icon-secure:before { content: "\e817"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; }
.icon-cart:before { content: "\0028"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; }
.icon-newsletter:before { content: "\e814"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; }
.icon-fax:before { content: "\e80d"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; }
.icon-email:before { content: "\e80a"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; }
.icon-search:before { content: "\e816"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; }
.icon-zoom:before { content: "\e819"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; }
.icon-promo_code:before { content: "\e815"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; }
.icon-add-row:before { content: "\e800"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; }
.icon-add_line_text:before { content: "\e801"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; }
.icon-GALLERY:before { content: "\e810"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; }
.icon-TABLE_DETAIL:before { content: "\e809"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; }
.icon-TABLE_LIST:before { content: "\e812"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; }
.icon-in-stock:before { content: "\e811"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; }
.icon-out-stock:before { content: "\e806"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; }
.icon-newsletter:before { content: "\e814"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; }
.icon-charity:before { content: "\e805"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; }
.icon-arrow-up:before { content: "\e803"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; }
.icon-phone:before { content: "\e81a"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; }
.icon-faq-expand:before { content: "\e80c"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; }
.icon-faq-close:before { content: "\e80b"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; }
.icon-cross:before { content: "\e807"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; }
.icon-copy:before { content: "\e81b"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; }
.icon-gift:before { content: "\e80f"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; }
/*==== Icon Set End =====================================================*/
/*--------------------------------------------------HIDING ELEMENTS NOT SURE CAN THEY BE HIDE FROM BACKOFFICE-------------------*/
.catalogue-structurelink{ display: none;}
/*--------------------------------------------------HIDING ELEMENTS NOT SURE CAN THEY BE HIDE FROM BACKOFFICE-------------------*/
/*--- top scroll Start ---*/
.scrollup {
    font-size: 40px;
    color: #ffffff;
    background: #000000;
    opacity: 0.3;
    position: fixed;
    bottom: 50px;
    right: 10px;
    display: none;
    line-height: 1;
    padding: 5px;
    z-index: 99999;
}
@media screen and (min-width: 768px) {
    .scrollup {
        right: 100px;
    }
}
.scrollup:after {
    content: "HOP TO TOP";
    font-size: 0.35em !important;
    color: #000;
    position: fixed;
    display: block;
    margin: 10px 0 0 -20px;
    text-align: center;
}
a.scrollup:hover, a.scrollup:active {
    color: #ffffff;
    opacity: 0.6;
}
/* Custom Style to HOP Scrollup */
.scrollup{
    border-radius:50%;
}
.scrollup .fa.fa-arrow-up {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    vertical-align: middle;
}
.scrollup .fa.fa-arrow-up:before {
    content: '\e838';
}
.scrollup .fa.fa-arrow-up:hover:before {
    content: '\e839';
}
/* Custom Style to HOP Scrollup End */

/*--- top scroll End ---*/
/* ==== START SOCIAL LOGIN/SIGNUP =====================================================*/
.btn-social{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-social>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social.btn-lg{padding-left:61px}.btn-social.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social.btn-sm{padding-left:38px}.btn-social.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social.btn-xs{padding-left:30px}.btn-social.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding:0}.btn-social-icon>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social-icon.btn-lg{padding-left:61px}.btn-social-icon.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social-icon.btn-sm{padding-left:38px}.btn-social-icon.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social-icon.btn-xs{padding-left:30px}.btn-social-icon.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon>:first-child{border:none;text-align:center;width:100% !important}
.btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0}
.btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0}
.btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0}
.btn-adn{color:#fff;background-color:#d87a68;border-color:rgba(0,0,0,0.2)}.btn-adn:focus,.btn-adn.focus{color:#fff;background-color:#ce563f;border-color:rgba(0,0,0,0.2)}
.btn-adn:hover{color:#fff;background-color:#ce563f;border-color:rgba(0,0,0,0.2)}
.btn-adn:active,.btn-adn.active,.open>.dropdown-toggle.btn-adn{color:#fff;background-color:#ce563f;border-color:rgba(0,0,0,0.2)}.btn-adn:active:hover,.btn-adn.active:hover,.open>.dropdown-toggle.btn-adn:hover,.btn-adn:active:focus,.btn-adn.active:focus,.open>.dropdown-toggle.btn-adn:focus,.btn-adn:active.focus,.btn-adn.active.focus,.open>.dropdown-toggle.btn-adn.focus{color:#fff;background-color:#b94630;border-color:rgba(0,0,0,0.2)}
.btn-adn:active,.btn-adn.active,.open>.dropdown-toggle.btn-adn{background-image:none}
.btn-adn.disabled,.btn-adn[disabled],fieldset[disabled] .btn-adn,.btn-adn.disabled:hover,.btn-adn[disabled]:hover,fieldset[disabled] .btn-adn:hover,.btn-adn.disabled:focus,.btn-adn[disabled]:focus,fieldset[disabled] .btn-adn:focus,.btn-adn.disabled.focus,.btn-adn[disabled].focus,fieldset[disabled] .btn-adn.focus,.btn-adn.disabled:active,.btn-adn[disabled]:active,fieldset[disabled] .btn-adn:active,.btn-adn.disabled.active,.btn-adn[disabled].active,fieldset[disabled] .btn-adn.active{background-color:#d87a68;border-color:rgba(0,0,0,0.2)}
.btn-adn .badge{color:#d87a68;background-color:#fff}
.btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:focus,.btn-facebook.focus{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
.btn-facebook:hover{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
.btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}.btn-facebook:active:hover,.btn-facebook.active:hover,.open>.dropdown-toggle.btn-facebook:hover,.btn-facebook:active:focus,.btn-facebook.active:focus,.open>.dropdown-toggle.btn-facebook:focus,.btn-facebook:active.focus,.btn-facebook.active.focus,.open>.dropdown-toggle.btn-facebook.focus{color:#fff;background-color:#23345a;border-color:rgba(0,0,0,0.2)}
.btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{background-image:none}
.btn-facebook.disabled,.btn-facebook[disabled],fieldset[disabled] .btn-facebook,.btn-facebook.disabled:hover,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook:hover,.btn-facebook.disabled:focus,.btn-facebook[disabled]:focus,fieldset[disabled] .btn-facebook:focus,.btn-facebook.disabled.focus,.btn-facebook[disabled].focus,fieldset[disabled] .btn-facebook.focus,.btn-facebook.disabled:active,.btn-facebook[disabled]:active,fieldset[disabled] .btn-facebook:active,.btn-facebook.disabled.active,.btn-facebook[disabled].active,fieldset[disabled] .btn-facebook.active{background-color:#3b5998;border-color:rgba(0,0,0,0.2)}
.btn-facebook .badge{color:#3b5998;background-color:#fff}
.btn-google{color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}.btn-google:focus,.btn-google.focus{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}
.btn-google:hover{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}
.btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}.btn-google:active:hover,.btn-google.active:hover,.open>.dropdown-toggle.btn-google:hover,.btn-google:active:focus,.btn-google.active:focus,.open>.dropdown-toggle.btn-google:focus,.btn-google:active.focus,.btn-google.active.focus,.open>.dropdown-toggle.btn-google.focus{color:#fff;background-color:#a32b1c;border-color:rgba(0,0,0,0.2)}
.btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{background-image:none}
.btn-google.disabled,.btn-google[disabled],fieldset[disabled] .btn-google,.btn-google.disabled:hover,.btn-google[disabled]:hover,fieldset[disabled] .btn-google:hover,.btn-google.disabled:focus,.btn-google[disabled]:focus,fieldset[disabled] .btn-google:focus,.btn-google.disabled.focus,.btn-google[disabled].focus,fieldset[disabled] .btn-google.focus,.btn-google.disabled:active,.btn-google[disabled]:active,fieldset[disabled] .btn-google:active,.btn-google.disabled.active,.btn-google[disabled].active,fieldset[disabled] .btn-google.active{background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}
.btn-google .badge{color:#dd4b39;background-color:#fff}

.float-right .modal { text-align: start; }
.facebook-signup, .google-signup { width: 100%; margin: 5px auto; }
#dialog-form-signup .facebook-signup, #dialog-form-signup .google-signup { width: 40%; }
#Signon .facebook-signup, #Signon .google-signup { width: 70%; }
.signup-or-separator { text-align: center; margin: 20px 0;}
.signup-or-separator h6 { background-color: white; display: inline-block; width: 30px; margin: 0; }
.signup-or-separator hr { border: 0; border-top: 1px solid #dce0e0; margin-top: -10px; height: 20px; }

.signon .signon-info {
    /*background: #F4F4F4;
    border-radius: 14px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.2);*/
}
.signon .signup-or-separator h6 { background-color: #F4F4F4; }
.signon .signon-heading {
    font-size: 1.875rem;
    margin: 10px 0;
    color: #00ADBB;
    text-transform: capitalize;
}

.signon-action-signon .btn,
.signon-action-signon {
    width: 100%;
}

@media (min-width: 768px) {
    #dialogLoginModal .modal-dialog {
        top: 25px;
        outline: none;
        left: 15%;
    }
    #dialogLoginModal .modal-dialog  {width:350px;}
    #dialogLoginModal .modal-content:before {

    }
}
#dialogLoginModal h4 {
    font-size: 1.1rem;
    padding: 10px 0;
    font-weight: 700;
}
#dialogLoginModal .modal-header { border-bottom: none;}
#dialogLoginModal input[type="text"],
#dialogLoginModal input[type="password"] {
    height: 2.8125rem;
    border-radius: 0;
}
.separate-signup-page {
    background: #F4F4F4;
    border-radius: 14px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.2);
    padding: 1rem;
}
.separate-signup-page .signup-or-separator h6 {
    background: #F4F4F4;
    font-weight: 700;
    text-transform: uppercase;
}


/* ==== START SOCIAL LOGIN/SIGNUP =====================================================*/

/* ==== SYSTEM PAGES =====================================================*/
body.activities   {
    padding: 0;
    background: url(http://d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/art_banner.jpg) repeat-x 0 367px;
}
body.activity, body.category, body.search, body.recent, body.tag {
    background: url(http://d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/art_banner-short.jpg) repeat-x 0 277px;
}
.system-exception, .system-message {
    width:50%;
    margin:50px auto;
    padding:30px;
    background:#FFF;
    border-radius:4px;
    border:1px solid #dcf0f3;
    box-shadow:0 1px 5px rgba(0,0,0,0.4);
    text-align:center;
}

.system-exception p.IBSPageTitleHeader, .system-message p.IBSPageTitleHeader {
    width:100%;
    margin:10px 0;
    text-align:center;
    line-height:40px;
    color:#E61C44;
    font-size:30px;
}

.system-exception  p.IBSTextNormal { margin:10px auto 20px; text-align:center; width:70%; }
/*---SIGN OFF---*/

div.signoff {
    width:50%;
    margin:30px auto;
    padding:117px 30px 30px;
    text-align:center;
    background:#FFF;
    border-radius:4px;
    border:1px solid #dcf0f3;
    box-shadow:0 1px 5px rgba(0,0,0,0.4);
    background:url(/resources/site/kg/modern-teaching-aids-sign-out-logo.png) no-repeat center 30px #FFF;
}

div.signoff h1.IBSPageTitleText {
    width:100%;
    margin-top:10px;
    text-align:center;
    line-height:40px;
    color:#E61C44;
}

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

.session-in-use {
    width:50%;
    margin:30px auto;
    padding:30px;
    text-align:center;
    background:#FFF;
    border-radius:4px;
    border:1px solid #dcf0f3;
    box-shadow:0 1px 5px rgba(0,0,0,0.4);
}

.session-in-use p.IBSPageTitleHeader {
    width:100%;
    margin:0 0 20px;
    text-align:center;
    line-height:40px;
    color:#E61C44;
    font-size:30px;
}
.IBSTextWarning {
    color: #0FA5BB;
    font-size: 1rem;
}
.IBSTextWarning:before {
    content: "\f06a";
    font-size: 2rem !important;
    margin-right: 5px;
    vertical-align: middle;
    color: #F54A7E;
    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;
}
.IBSTextAttention {
    color: #0FA5BB;
    font-size: 1rem;
}
.IBSTextAttention:before {
    content: "\f06a";
    font-size: 2rem !important;
    margin-right: 5px;
    vertical-align: middle;
    color: #F54A7E;
    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;
}
.dataTables_empty {
    color: #0FA5BB;
    font-size: 1rem;
}
.dataTables_empty:before {
    content: "\f06a";
    font-size: 1.5rem !important;
    margin-right: 5px;
    vertical-align: middle;
    color: #F54A7E;
    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;
}
/* ==== END SYSTEM PAGES =====================================================*/

/* ==== START FRONT PAGE FOOTER =====================================================*/
.footer-free-info {
    background: #f04da5;
    color: #fff;
    padding: .6rem 0;
}
/*.footer-free-info a { color: #fff; }
.footer-free-info a:hover { text-decoration: none; }*/
.footer-free-info i {
    font-size: 3rem;
    color: #F54A7E;
    vertical-align: middle;
    float: left;
    margin-right: 1rem;
    margin-bottom: 1rem;
    background: #EFF3AC;
    width: 30%;
    border-radius: 50%;
    text-align: center;
}
.footer-free-info h4 {
    margin: 1.4rem 0 0;
    font-family: "Avenir Book", Helvetica, sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    color: white !important;
    text-align: center;
    margin-left: 5px;
    margin-right: 20px;
    /*padding-left:90px;*/
    /*margin-bottom: 15px;*/
}
@media screen and (min-width: 767px){
    .footer-free-info h4{
        padding-left: 90px;
        margin-top: 0.3rem;
    }
}
@media screen and (min-width: 992px){
    .footer-free-info h4{
        padding-left: 82px;
        margin-top: 0.9rem;
    }
}

.footer-free-info .row div {
    display: inline-block;
}
.footer-free-info .row img{
    display: inline-block;
    float: left;
    max-height:80px;
    margin-bottom: 7px;
}

#footer {
    clear:both;
}
#footer.container-fluid {
    padding: 0;
}
#dead-space {
    height:50px;
}
#top-footer {
    background:#71e8f1;
    padding: 1.2rem 0;
}
#inner-top-footer {
    margin:0 auto;
    min-height:12rem;
    /*background: url(/resources/site/kgdev/front-page/footer/footer-bounce-bg-image.png) no-repeat left bottom #0eadbb;*/
}
#footer-banner {
    background:url(/resources/site/kg/front-page-content/mta-footer.png) no-repeat center center;
    display: block;
    font-size:0;
    height: 152px;
}
#footer-navigation {
    padding-top:28px;
}
.footer-navigation-column {
    min-height: 4rem;
    position: relative;
    text-align: center;
}
@media (min-width: 768px) {
    .footer-navigation-column { padding: 0; }
}
.footer-navigation-column h6 {
    font-family: "Avenir Heavy", Helvetica, sans-serif;
    font-weight:bold;
    font-size:1rem;
    color: white;
    text-transform: capitalize;

}
.footer-navigation-column ul {
    list-style:none;
    font-size:13px;
    padding: 0;
}
.footer-navigation-column ul li {
    padding-bottom:7px;
    line-height: 1;
    font-weight: bold;
}
.footer-navigation-column ul li a {
    width:90%;
    color: #ffffff;
    display: inline-block;
    display: inline;
    zoom: 1;
    font-family: "Avenir Book", Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: normal;
}
.footer-navigation-column ul li a:hover, .footer-navigation-column ul li a:active {
    color:#ffffff;
}
#footer-logos {
    clear:both;
}
#footer-logos .mta-footer-logo img { padding-top: 1.1rem; }
/*---START FOOTER BOTTOM---*/
#bottom-footer {
    clear:both;
    margin-top:0;
    background: #0eadbb;
    padding-bottom: 35px !important;
}
#inner-bottom-footer {
    margin:0 auto;
    color:#FFF;
    position:relative;
}
#inner-bottom-footer #footer-contact:nth-child(n+2){
    margin-top: 15px;
}
/*---SOCIAL MEDIA ICONS---*/
#social-media {

}
#social-media a {
    font-size: 1.5rem;
    color: #C8DA28;
    border-radius: 50%;
    border: 2px solid;
    width: 2.3rem;
    height: 2.3rem;
    display: list-item;
    float: left;
    list-style-type: none;
    text-align: center;
    margin: 0 5px;
}
#social-media a img {
    width:38px;
    height:38px;
    box-shadow:0 2px 3px rgba(0,0,0,0.2);
    border-radius:7px;
    margin:0 5px;
    display:inline-block;
}

#footer-contact, .footerEmail  {
    margin: 0;
    font-family: "Avenir Black", Helvetica, sans-serif;
    font-size: 1rem;
    text-transform: capitalize;
}
/*---END SOCIAL MEDIA ICONS---*/
@media (min-width: 768px) {
    #footer-contact { padding: 0 }
    .footerEmail  {padding-left: 0;}
}
#footer-contact a{
    background: #F54A7E;
    border-color: #F54A7E;
    color: #FFFFFF;
    border-radius: 0;
}
#footer-contact p, .footerEmail p {
    margin: 0;
    font-weight: 700;
    color: white;
    text-transform: uppercase;
    text-align: center;
}
.footerEmail{
    text-align: center;
}

.footerEmail p{
    margin-top:15px;
    margin-bottom: -8px;
}
#footer-contact span {
    display: block;
    font-size: 1rem;
    margin: 0;
    font-family: "Avenir Book", Helvetica, sans-serif;
    line-height: 1;
    text-align: center;
}
#footer-contact span a {
    font-size:14px;
    display:block;
    font-weight:bold;
    color:#FFF !important;
    padding-top:3px;
}
#footer-contact a:hover, #footer-contact a:active {
    color:#FFF;
}
.copyright {
    font-size:12px;
    margin:0;
    padding-top: 1rem;
}
.footer-navigation-column .footer-cc-logos {
    position: absolute;
    bottom: 0;
}

/*---FOOTER JOIN MAIL LIST---*/
.footer-newsletter {}
.footer-newsletter label { color: white; font-weight: 700; }
.footer-newsletter i {
    float: left;
    font-size: 2.8rem;
    margin-right: 5px;
}

.footerEmail .email {
    line-height: 1;
    font-size: 1.5rem;
    text-align: center;
}
.footerEmail .email a {
    font-size: 1rem;
    color: #fff;
    font-family: "Avenir Book", Helvetica, sans-serif;
    text-transform: lowercase;
    text-align: center;
}
/* ==== END FOOTER =====================================================*/

/* ==== START HEADER =====================================================*/
.header-section { background: #0eadbb; }
.header .primary, .header-wrap .header-container { margin: 0; position: relative;}
.header .logo-wrapper { padding: 0.325rem 1rem; text-align: center; }
.header-wrap {
    padding: 0 0 6px 0;
}
@media (min-width: 768px) {
    .header .logo-wrapper { padding: 0; text-align: left; }
}
.login-options-container {
    background: #F54A7E;
    border-left: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
}
.label-qty {
    float: left;
    position: relative;
    display: inline;
    font-weight: bold;
}
.float-right { display: inline-block; vertical-align: bottom; padding:0; }
.float-right .function-actions-wrapper { display: inline-block; vertical-align: bottom; float: right;}
.float-right .function-actions-wrapper label.register-label {
    margin: 0;
    padding: 5px 0;
}
.float-right .function-actions-wrapper label.register-label:first-child { padding-left: 15px;}
.float-right .function-actions-wrapper label.register-label:nth-child(2) { padding-right: 15px;}
.float-right .function-actions-wrapper label.register-label:first-child:after {
    content: "or";
    color: #E1E1E1;
    padding: 0 5px;
}
.float-right .function-actions-wrapper label.register-label a {
    font-size: 0.9rem;
    font-weight: 700;
    color: #FFFFFF;
    padding: 0;
}
.header-free_shipping {
    padding: 0 0 0 14px !important;
}
.header-free_shipping .icon-shipping {
    font-size: 2.5rem;
    color: #F54A7E;
    float: left;
    /* margin-right: 0.5rem; */
}
.header-free_shipping h6 {
    color: #0FA5BB;
    margin: 0 0 3px;
    font-weight: 700;
}
.header-free_shipping span {
    color: #37342E;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
}
/*Fixed top header*/
@media (min-width: 768px) {
    .primary-fixed {
        position: fixed;
        z-index: 17;
        top: 0;
        background: #0eadbb;
        border-bottom: 1px solid #E1E1E1;
        left: 0;
        width: 100%;
    }

    .primary-fixed #newbuyall {
        position: absolute;
        top: 10px;
        right: 0;
        display: none;
    }
    /* .primary-fixed .header-free_shipping { visibility: hidden; } */
}
/*Fixed top headers*/
.header-top-bar {
    color: white;
    background: #0eadbb;
    font-family: "Avenir Heavy", Courier, monospace;
    font-size: 14px;
    font-weight: 700;
}
.header-top-bar .contact-container {
    float: none;
}
@media screen and (min-width: 1024px) {
    .header-top-bar .contact-container {
        float: right;
    }
}
.header-top-bar .usp {  }
.header-top-bar .telephone { padding: 0 1rem; }
.header-top-bar .fax {  }

.top-bar-info {
    padding: .425rem 0;
}
.cart-confirmation-message {text-align:left;}
.cart-confirmation-message .IBSTextAttention em{
    font-size: 1rem;
    text-align: left;
}
@media screen and (max-width: 767px) {
    .shoppingCart .page {
        padding-top: 30px;
    }
    #bottom-row-promos .col-md-4 + .col-md-4,
    #bottom-row-promos .col-md-6 + .col-md-6 {
        margin-top:15px;
    }
}
/*---SHOPPING CART POPUP---*/
#shoppingCartEmptyPopup, #shoppingCartModal {
    position: absolute;
    width: auto;
    top: 50px;
    right: 0;
    z-index: 1050;
    outline: 0;
    margin-right: 0;
    max-width: 400px;
}
.modal-body i.fa-caret-up {
    font-size: 2rem;
    position: absolute;
    right: 26px;
    top: -20px;
    color: #fff;
}

.ShoppingCart a, .footer-free-info a:hover {
    text-decoration: none;
}
@media (min-width: 768px) {
    #shoppingCartEmptyPopup .modal-dialog {
        /*top: 10.7rem;
        outline: none;
        left: 21%;*/
        margin: 0;
        top: 0;
        outline: none;
        left: 0;
    }
    #shoppingCartEmptyPopup .modal-dialog  {
        width:350px;
    }
    #shoppingCartEmptyPopup .modal-content:before {
    }
}
@media screen and (min-width: 34em) {
    #shoppingCartEmptyPopup .modal-dialog {
        max-width: 400px;
        margin: 0;
    }
}
.shoppingCartEmptyPopup { text-align: center; }
.shoppingCartEmptyPopup p:first-child { font-weight: 700; }
@media (min-width: 768px) {
    #shoppingCartPopup .modal-dialog {
        top: 10.7rem;
        outline: none;
        left: 21%;
    }
    #shoppingCartPopup .modal-dialog  {width:350px;}
}
.shoppingCartPopup {

}
.shoppingCartPopup p { margin-bottom: 0.6rem; }
.shoppingCartPopup h4 { font-size: 13px; font-weight: bold; padding-bottom: 5px; }
.shoppingCartPopup .cartItem { border-top: 1px solid #DDD; }
.shoppingCartPopup .checkout { text-align: center; margin-top: 15px; }
.shoppingCartPopup .cartItem p, .shoppingCartPopup .cartTotal p { width: 65%; display: inline-block;  }
.shoppingCartPopup .cartTotal p { margin-bottom: 0; font-weight: 700;}
.shoppingCartPopup .cartTotal .cartTotalFreight { font-weight: 100; color: #788385; font-size: 80%; }
#shoppingCart .shoppingCartPopup p.price {
    display: inline-block;
    text-align: right;
    vertical-align: top;
    width: 33%;
    font-weight: bold;
}
.shoppingCartPopup .cartTotal p.price {
    font-size: 15px;
    font-weight: bold;
    text-decoration: underline;
}
/*---SHOPPING CART POPUP---*/

/*---TOP NAVIGATION NAVBAR---*/
.header-top-bar .nav { float: right; text-transform: uppercase; }

.header-top-bar .navbar { padding: 0; }
.header-top-bar .navbar .nav-link {
    color: white;
}
.header-top-bar .nav form {
    text-align: right;
    display: inline-block;
}
.btn{border-radius:0;}
.header-top-bar .navbar form a.btn {
    color: white;
    font-size: 15px;
    font-weight: 700;
    /*background: #0eadbb;*/
    /*border-left: 2px solid #fff;
    border-right: 2px solid #fff;*/
    border-top: 0;
    border-bottom: 0;
}
.header-top-bar .navbar .dropdown-toggle:after {
    content: "\e803";
    font-family: "fontello";
    font-size: 5px;
    font-style: normal;
    font-weight: normal;
    vertical-align: middle;
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari */
    transform: rotate(180deg);
    display: inline-block;
    border: none;
    margin: 5px 0 0 1rem;
}
.header-top-bar .dropdown-item {
    padding: 3px 14px;
}

/*---END TOP NAV---*/

/*---Shopping Cart Start---*/
td.cartQuantity {white-space: nowrap;}
#shoppingCart br, #shoppingCart a.close { display: none; }
.function-action-home, .signon-hover-title, .voucher-wrapper br, .noOfVouchersLabel, .noOfVouchers, #voucherIcon { display: none; }
#shoppingCart .IBSShopCartLabel {
    font-size: 0.8rem;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
}
#shoppingCart .cart-lines {
    background: #f04da5;
    color: white;
    font-size: 90%;
    margin: 0;
    position: absolute;
    top: 23px;
    right: -2px;
}
@media screen and (min-width:1024px){
    #shoppingCart .cart-lines{
        right:-3px;
    }
}

#cartIcon {
    padding:0 10px;
    color: #8ECEA5;
}
#cartIcon .fa-shopping-cart {
    font-size: 1.5rem;
    line-height: 1.9rem;
}
.shopping-cart-wrapper {
    margin-top: .3rem;
    margin-top: -15px;
}

.shopping-cart-wrapper a.close, span.cart-price {
    display: inline-block;
    vertical-align: top;
    color: #f04da5;
    font-weight: bold;
    font-size: 1.1rem;
    line-height: 1.4rem;
}
.shopping-cart-wrapper .ShoppingCart { cursor: pointer; text-align: right; margin-right: 1rem; }

.shopping-cart-wrapper .cart-number-items-container { display: inline-block; position: relative; vertical-align: middle;}
.shopping-cart-wrapper .cart-number-items-container .icon-cart {
    color: #f04da5;
    font-size: 2.7rem;
    /*margin-right: 1rem;*/
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}
@media screen and (min-width: 992px){
    .shopping-cart-wrapper .cart-number-items-container .icon-cart{
        font-size: 2.7rem;
    }
}

.shopping-cart-wrapper .cart-price-container {
    display: inline-block;
    vertical-align: middle;
}
.cart-price-container:after {
    content: "\f107";
    font: normal normal normal 14px/1 FontAwesome;
    color: #F54A7E;
    font-size: 1rem;
    position: absolute;
    bottom: 8px;
    right: 0;
}
.shoppingCart .action-closeorder {
    margin-top: 1rem;
}
.shoppingCart .fundraising {    float: left;}
.shoppingCart .fundraising i {
    float: left;
    color: #F54A7E;
    font-size: 2.5rem;
    margin-right: 5px;
}
.shoppingCart .fundraising .redeemVoucher-heading {
    margin: 0;
    color: #0FA5BB;
    font-size: 1rem;
    padding-top: 10px;
}
.shoppingCart .fundraising .redeemVoucher {
    float: left;
    margin: 0;
}
.shoppingCart .fundraising input {
    margin-top: 5px;
}
.cart-autopromo { display: none; }

/*---Shopping Cart End---*/

span.budget-desc {
    min-width: 25%;
    display: inline-block;
}
/*---PromoWidget---*/
/*Budget widget*/
div#budgetWidget {
    cursor: move;
    display: none;
    text-align: center;
    max-width: 150px;
    min-width: 100px;
    position: fixed;
    top: 38%;
    right: 10%;
    z-index: 9999;
    border: 1px solid #DDD;
    background: #EEECED;
}
/*Budget widget*/
/* === SEARCH BAR =================================================== */
.menu-n-search-container {background: #71e8f1; }
.menu-n-search-container > div { padding: 0; }
.menu-container, .search-container { padding: 0 !important;}

#signoff {margin: 0px;}

.registered .search-form .input-group {
    /*float: left;*/
    display: inline;
    /*width:100%;*/
}
.search-form .input-group ,
.search-form .form-group {
    /*float: right !important;*/
    transition: all 1s, border-radius 0s;
    /*width: 32px;*/
    height: 48px;
    margin: 7px 7px 7px 0;
    background-color: #fff;
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;*/
    /*border-radius: 25px;*/
    border: 1px solid #ccc;
    border:none;
    position: relative;

}

.search-form .input-group input.form-control ,
.search-form .form-group input.form-control {
    padding: 0 0 0 1rem;

    background: transparent;
    box-shadow: none;
    display: block;
    font-size: 0.9rem;
    float: left;
    position: relative;
    line-height: 3rem;
    height: 3rem;
    box-sizing: border-box;
    font-family: "Avenir Book", Helvetica, sans-serif;
    font-size: 1rem;
    text-transform: capitalize;
}

.search-form .input-group input.form-control{
    padding:0;
    text-indent: 20px;
}

.search-form button.form-control-feedback,
.search-border #searchButton {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2;
    display: block;
    text-align: center;
    font-size: 1.5rem;
    color: #fff;
    background: #FAA334;
    border: none;
    width: 50px;
    height:100%;
}
.search-form .input-group, .search-form .form-group,
.search-form .form-group input.form-control,
.search-form button.form-control-feedback {
    /*height: auto;
    padding: 0;*/
    /*border-radius: 0 10px 15px 0;*/
}
#header .col-md-6 .header-welcome-msg{
    float: right;
    position: absolute;
    right: 0;
    z-index: -1;
    padding: 5px;
    width: 48%;
    font-size: 1rem;
    line-height: 1.2rem;
}

#QuickItemSearch {
    float: left;
    display: inline;
    width: 100%;
}

.QuickSearch .fa.fa-search{
    color:#fff;
    content: "\0027";
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    vertical-align: middle;
    font-size: 2.3rem;
}
.QuickSearch .fa.fa-search:before { content: '\0027'; font-size: 2.2rem } /* '' */

.QuickSearch .input-group-addon{
    background: #F54A7E;
    border-radius: 0;
    margin: auto;
    /* padding: 16px; */
    border: none;
}
/* === SEARCH BAR =================================================== */

/* ==== START SUB MENU =====================================================*/

/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
   You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/

.sm,.sm ul,.sm li{font-weight: 800;display:block;list-style:none;margin:0;padding:0 7px 0 0;line-height:normal;direction:ltr;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:not-allowed;}
.sm:after{content:"\00a0";display:block;height:0;font:0px/0 serif;clear:both;visibility:hidden;overflow:hidden;}
.sm,.sm *,.sm *:before,.sm *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
/*-----------------------------------------------------------------------------------------------------------------------*/

.sm-blue {
    background: transparent;
}
.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active {
    padding: 10px 20px;
    /* make room for the toggle button (sub indicator) */
    padding-right: 58px;
    color: white;
    font-weight: normal;
    line-height: 15px;
    text-decoration: none;
    font-size: 1.125rem;
}
.sm-blue a.current {
    background: #006892;
    color: white;
}
.sm-blue a.disabled {
    color: #a1d1e8;
}
.sm-blue a span.sub-arrow {
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: auto;
    right: 4px;
    width: 34px;
    height: 34px;
    overflow: hidden;
    font: bold 16px/34px monospace !important;
    text-align: center;
    text-shadow: none;
    background: rgba(0, 0, 0, 0.1);
}
.sm-blue a.highlighted span.sub-arrow:before {
    display: block;
    content: '-';
}
.sm-blue > li:first-child > a, .sm-blue > li:first-child > :not(ul) a {

}
.sm-blue > li:last-child > a, .sm-blue > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul,
.sm-blue > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {

}
.sm-blue > li:last-child > a.highlighted, .sm-blue > li:last-child > *:not(ul) a.highlighted,
.sm-blue > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
.sm-blue ul {
    background: #0eadbb;
    /*box-shadow: 1px 6px 10px #ACACAC;*/
}
.sm-blue ul ul {
    /* background: #F7F9FB; */
    background-color: #0C96A2;
}
.sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active {
    background: transparent;
    font-size: 13px;
    text-shadow: none;
    border-left: 8px solid transparent;
    color: white;
    font-weight: bold;
}
.sm-blue ul a.current {
    background: #006892;
    color: white;
}
.sm-blue ul a.disabled {
    color: #b3b3b3;
}
.sm-blue ul ul a,
.sm-blue ul ul a:hover,
.sm-blue ul ul a:focus,
.sm-blue ul ul a:active {
    border-left: 16px solid transparent;
}
.sm-blue ul ul ul a,
.sm-blue ul ul ul a:hover,
.sm-blue ul ul ul a:focus,
.sm-blue ul ul ul a:active {
    border-left: 24px solid transparent;
}
.sm-blue ul ul ul ul a,
.sm-blue ul ul ul ul a:hover,
.sm-blue ul ul ul ul a:focus,
.sm-blue ul ul ul ul a:active {
    border-left: 32px solid transparent;
}
.sm-blue ul ul ul ul ul a,
.sm-blue ul ul ul ul ul a:hover,
.sm-blue ul ul ul ul ul a:focus,
.sm-blue ul ul ul ul ul a:active {
    border-left: 40px solid transparent;
}
.sm-blue ul li {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.sm-blue ul li:first-child {
    border-top: 0;
}

@media (min-width: 768px) {
    /* Switch to desktop layout
    -----------------------------------------------
       These transform the menu tree from
       collapsible to desktop (navbar + dropdowns)
    -----------------------------------------------*/
    /* start... (it's not recommended editing these rules) */
    body.activities   {
        padding: 0;
        background: url(http://d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/art_banner.jpg) repeat-x 0 177px;
    }
    body.activity, body.category, body.search, body.recent, body.tag {
        background: url(http://d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/art_banner-short.jpg) repeat-x 0 177px;
    }
    .sm-blue ul {
        position: absolute;
    }

    .sm-blue li {
        float: left;
    }

    .sm-blue.sm-rtl li {
        float: right;
    }

    .sm-blue ul li, .sm-blue.sm-rtl ul li, .sm-blue.sm-vertical li {
        float: none;
    }

    .sm-blue a {
        white-space: nowrap;
    }

    .sm-blue ul a, .sm-blue.sm-vertical a {
        white-space: normal;
    }

    .sm-blue .sm-nowrap > li > a, .sm-blue .sm-nowrap > li > :not(ul) a {
        white-space: nowrap;
    }

    /* ...end */
    .sm-blue {
    }
    .sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
        padding: 23px 15px 17px 15px;
        /*background: #3092c0;*/
        color: white;
    }
    .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
        text-decoration: underline;
    }
    .sm-blue a.current {
        background: #006892;
        color: white;
    }
    .sm-blue a.disabled {
        background: #3092c0;
        color: #a1d1e8;
    }
    .sm-blue a span.sub-arrow {
        top: 50%;
        margin-top: -5px;
        bottom: auto;
        left: auto;
        margin-left: 0;
        right: 0;
        width: 52px;
        height: 48px;
        color: transparent;
        background: url(/resources/site/kgdev/front-page/handle-4.png) no-repeat;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
    }
    .sm-blue a.highlighted span.sub-arrow:before {
        display: none;
    }
    .sm-blue > li:first-child > a, .sm-blue > li:first-child > :not(ul) a {

    }
    .sm-blue > li {

    }
    .sm-blue > li:first-child {
        border-left: 0;
        margin-left: 0px;
    }
    .sm-blue ul {

    }
    .sm-blue ul ul {
        padding-bottom: 1rem;
        padding-top: 1rem;
        box-shadow: 0px 2px 3px rgba(0,0,0,0.3), 0px -1px 2px rgba(0,0,0,0.1);
        background: #0eadbb;
        /*border-radius: 15px;*/
        border: 4px solid #71e8f1;
    }
    .sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
        border: 0 !important;
        padding: 4px 18px 4px 18px;
        margin-right: -15px;
        background: transparent;
        color: white;
    }
    .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
        text-decoration: underline;
    }
    .sm-blue ul a.current {
        background: #006892;
        color: white;
    }
    .sm-blue ul a.disabled {
        background: white;
        color: #b3b3b3;
    }
    .sm-blue ul a span.sub-arrow {
        top: 50%;
        margin-top: -5px;
        bottom: auto;
        left: auto;
        margin-left: 0;
        right: -3px;
        display:none;
        z-index: 99999;
    }
    .sm-blue ul li {
        border: 0;
    }
    .sm-blue span.scroll-up,
    .sm-blue span.scroll-down {
        position: absolute;
        display: none;
        visibility: hidden;
        overflow: hidden;
        background: white;
        height: 20px;
    }
    .sm-blue span.scroll-up-arrow, .sm-blue span.scroll-down-arrow {
        position: absolute;
        top: -2px;
        left: 50%;
        margin-left: -8px;
        width: 0;
        height: 0;
        overflow: hidden;
        border-width: 8px;
        border-style: dashed dashed solid dashed;
        border-color: transparent transparent #2b82ac transparent;
    }
    .sm-blue span.scroll-down-arrow {
        top: 6px;
        border-style: solid dashed dashed dashed;
        border-color: #2b82ac transparent transparent transparent;
    }
    .sm-blue.sm-rtl.sm-vertical a span.sub-arrow {
        right: auto;
        left: 10px;
        border-style: dashed solid dashed dashed;
        border-color: transparent #a1d1e8 transparent transparent;
    }
    .sm-blue.sm-rtl > li:first-child > a, .sm-blue.sm-rtl > li:first-child > :not(ul) a {
        -webkit-border-radius: 0 8px 8px 0;
        -moz-border-radius: 0 8px 8px 0;
        -ms-border-radius: 0 8px 8px 0;
        -o-border-radius: 0 8px 8px 0;
        border-radius: 0 8px 8px 0;
    }
    .sm-blue.sm-rtl > li:first-child {
        border-left: 1px solid #2b82ac;
    }
    .sm-blue.sm-rtl > li:last-child {
        border-left: 0;
    }
    .sm-blue.sm-rtl ul a span.sub-arrow {
        right: auto;
        left: 10px;
        border-style: dashed solid dashed dashed;
        border-color: transparent #a1d1e8 transparent transparent;
    }
    .sm-blue.sm-vertical {
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    }
    .sm-blue.sm-vertical a {
        padding: 9px 23px;
    }
    .sm-blue.sm-vertical a span.sub-arrow {
        top: 50%;
        margin-top: -5px;
        bottom: auto;
        left: auto;
        margin-left: 0;
        right: 10px;
        border-style: dashed dashed dashed solid;
        border-color: transparent transparent transparent #a1d1e8;
    }
    .sm-blue.sm-vertical > li:first-child > a, .sm-blue.sm-vertical > li:first-child > :not(ul) a {
        -webkit-border-radius: 8px 8px 0 0;
        -moz-border-radius: 8px 8px 0 0;
        -ms-border-radius: 8px 8px 0 0;
        -o-border-radius: 8px 8px 0 0;
        border-radius: 8px 8px 0 0;
    }
    .sm-blue.sm-vertical > li:last-child > a, .sm-blue.sm-vertical > li:last-child > :not(ul) a {
        -webkit-border-radius: 0 0 8px 8px;
        -moz-border-radius: 0 0 8px 8px;
        -ms-border-radius: 0 0 8px 8px;
        -o-border-radius: 0 0 8px 8px;
        border-radius: 0 0 8px 8px;
    }
    .sm-blue.sm-vertical > li {
        border-left: 0 !important;
    }
    .sm-blue.sm-vertical ul {
        -webkit-border-radius: 4px !important;
        -moz-border-radius: 4px !important;
        -ms-border-radius: 4px !important;
        -o-border-radius: 4px !important;
        border-radius: 4px !important;
    }
    .sm-blue.sm-vertical ul a {
        padding: 9px 23px;
    }
    .sm-blue .catalogue.has-submenu i {
        padding-left: 6px;
        vertical-align: top;
        margin-top: -4px;
    }
    .home .sm-blue li#top-level-item-1 .catalogue.has-submenu i {
        visibility: hidden;
        display: none;
    }
}

#subMenu .heading {
    color: white;
    font-size: 17px;
    margin-bottom: 5px;
    margin-left: 8%;
    padding: 11px 0 0;
    border-bottom: 1px dotted #00ADBB;
    font-weight: bold;
    font-family: "Avenir Heavy", Helvetica, sans-serif;
    text-transform: uppercase;
    display: inline-block;
}

#top-level-item-1{
    margin-left: -13px;
}

#menu-button {
    display: block;
    text-decoration: none;
    background: #fff;
    margin: 1em;
    padding: 0.3em;
    color: #000;
    text-align: center;
    font-size: x-large;
    font-family: "Avenir Heavy", Helvetica, sans-serif;
}
#menu-button:before {
    content: 'Menu -';
}
#menu-button.collapsed:before {
    content: 'Menu +';
}
#main-menu.collapsed {
    display: none;
}
@media (min-width: 768px) {
    /* hide the button in desktop view */
    #menu-button {
        display: none;
    }
    /* always show the menu in desktop view */
    #main-menu.collapsed {
        display: block;
    }
}

@media screen and (min-width: 768px) {
    #main-menu {
        position:relative;
        z-index:16;
        width:auto;
    }
    #main-menu ul {
        width:12em; /* fixed width only please - you can use the "subMenusMinWidth"/"subMenusMaxWidth" script options to override this if you like */
    }
    #main-menu div.column1,
    #main-menu div.column2,
    #main-menu div.column3,
    #main-menu div.column4 {
        float: left;
        margin: 0;
        width: 14rem;
    }
    #main-menu .heading {
        padding: 10px 0 0 0;
        line-height: 15px;
        display: block;
    }
    #main-menu li#top-level-item-2,
    #main-menu li#top-level-item-3,
    #main-menu li#top-level-item-4 {
        position: static;
    }
    .sm-blue > li:first-child > a:first-child {
        text-align: center;
        font-size: 1rem;
        text-decoration: none;
        font-family: "Avenir Book", Helvetica, sans-serif;
        font-weight: 900;
        line-height: 2rem;
        color: #FFF;
        text-transform: uppercase;
        margin: 6px 0 7px;
        padding: 2px 14px 0 !important;
        background: #f04da5;
    }
    .sm-blue > li:first-child > a:first-child .sub-arrow { display: none; }

    #subMenu ul li#top-level-item-1 ul.CatNodeImageLink {
        min-width: 13.124rem !important;
        box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
        background: #0eadbb;
        border-right: 4px solid #00ADBB;
        border-bottom: 4px solid #00ADBB;
        border-left: 4px solid #00ADBB;
        /*border-radius: 0 0 15px 15px;*/
    }
    #subMenu ul li#top-level-item-1 > ul > li > a {
        white-space: normal;
        font-family: "Avenir Heavy", Helvetica, sans-serif;
        text-transform: uppercase;
        color: white;
        font-weight: 700;
        font-size: 13px;
        /*padding-top: 5px !important;*/
        text-transform: uppercase;
        /*letter-spacing: 1px;*/
    }
    #subMenu ul li#top-level-item-1 > ul > li:first-child > a:first-child {
        padding-top: 10px;
    }
    #subMenu ul li#top-level-item-1 > ul > li:last-child > a:first-child  {
        padding-bottom: 18px;
    }
}
/* TABLET PORTRAIT FIXES START */
/*@media (min-width: 768px) and (max-width: 991px) {
	.home #subMenu ul li#top-level-item-1 ul.CatNodeImageLink {
		margin: 10px 0;
	}
	.home .sm-blue > li:first-child > a:first-child {
		color: #fff;
		background: #F54A7E;
		//margin: 7px 0 0;
    	padding: 3px 24px !important;
	}
	.home .sm-blue li#top-level-item-1 .catalogue.has-submenu i {
    	visibility: visible;
	}
	.header-free_shipping {
    	padding: 0 !important;
	}
	#main-menu ul.col1 {
		min-width: 16em !important;
	}
	#main-menu ul.col2 {
		min-width: 34em !important;
	    margin-left: 12rem !important;
	}
	#main-menu ul.col3 {
		width: 34em !important;
	    margin-left: 12rem !important;
	}
	#main-menu ul.col4 {
		width: 34em !important;
	    margin-left: 12rem !important;
	}
	#main-menu ul.CatNodeImageLinkHidden2 {
		width: auto !important;
	}
	#main-menu li#top-level-item-2 ul {
		margin-left: 0 !important;
	}
	#main-menu li#top-level-item-3 ul {
		margin-left: 0 !important;
	}
	#main-menu li#top-level-item-4 ul {
		margin-left: 0 !important;
	}
	.footer-newsletter i { float: none; font-size: 1.8rem;}
}*/
/* TABLET PORTRAIT FIXES END */
@media (min-width: 769px) and (max-width: 991px) {
    #main-menu li#top-level-item-2 ul {margin-left: 1rem !important; background: #fff;}
    #main-menu li#top-level-item-3 ul {margin-left: 1rem !important; background: #fff;}
    #main-menu li#top-level-item-4 ul {margin-left: 1rem !important; background: #fff;}
}
@media (min-width: 1024px) {
    .home #subMenu ul li#top-level-item-1 ul.CatNodeImageLink {
        display: block !important;
        margin: 19px 0 !important;
        background: #0eadbb;
        border: none;
        box-shadow: none;
        padding: 20px 0px;
    }
    .home #subMenu ul li#top-level-item-1 ul.CatNodeImageLink:before {
        content: "SHOP";
        color: #ffffff;
        font-family: "Avenir Black", Helvetica, sans-serif;
        letter-spacing: 0;
        font-size: 1.5rem;
        font-weight: bold;
        padding-left: 18px;
    }
    .home .sm-blue > li:first-child > a:first-child {
        font-size: 0.9rem;
        text-decoration: none;
        font-family: "Avenir Book", Courier, monospace;
        font-weight: 700;
        line-height: 2rem;
        color: #FFF;
        text-transform: uppercase;
        margin: 6px 0 7px;
        padding: 2px 14px 0;

        visibility: visible;
        background: #f04da5;

    }

    /*.home .catalogue.has-submenu{ visibility:hidden; }*/

    .home .sm-blue > li:first-child > a:first-child:hover {
        background-color: #F04da5;

    }
    #subMenu .CatNodeImageLinkHidden1 {
        -webkit-box-shadow: 12px 12px 25px -9px rgba(0,0,0,0.22);
        -moz-box-shadow: 12px 12px 25px -9px rgba(0,0,0,0.22);
        box-shadow: 12px 12px 25px -9px rgba(0,0,0,0.22);
    }
    #main-menu ul.col1 {
        min-width: 16em !important;
        margin-left:210px !important;
    }
    #main-menu ul.col2 {
        min-width: 51em !important;
        margin-left:209px !important;
    }
    #main-menu ul.col3 {
        width: 51em !important;
        margin-left:210px !important;
    }
    #main-menu ul.col4 {
        width: 51em !important;
        margin-left:210px !important;
    }
    #main-menu li#top-level-item-2 ul {margin-left: 13rem !important; background: #fff; padding: 1rem 0;}
    #main-menu li#top-level-item-3 ul {margin-left: 13rem !important; background: #fff; padding: 1rem 0;}
    #main-menu li#top-level-item-4 ul {margin-left: 13rem !important; background: #fff; padding: 1rem 0;}
}
@media screen and (min-width: 1025px) {
    #main-menu ul.col3 {
        width: 50em !important;
    }
    #main-menu ul.col4 {
        width: 65em !important;
    }
    .has-submenu.highlighted .sub-arrow {
        /*display: block;*/
    }
}

/* ==== END SUB MENU =====================================================*/
/* ==== END HEADER =====================================================*/

/* ==== STATIC PAGES STYLES START =====================================================*/

#top-page-content{
    margin-left:-15px;
}
@media screen and (min-width: 1024px){
    #top-page-content{
        margin-left: 15px;
        margin-top: 2px;
    }
}

.about-us .badges { font-size: 1rem; }
.about-us .header-top-bar .navbar .About-Us .nav-link {
    border-top: 3px solid #FFF;
    padding-top: 0.225rem;
}
.about-us .page { padding-top: 0; }
.about-us .jumbotron {
    background: url(/resources/site/kgdev/about-hero.jpg) no-repeat top center;
    background-size: 100% auto;
    color: #fff;
    position: relative;
    padding: 0;
}
.about-us .jumbotron img { visibility: hidden; }
.about-us .jumbotron div {
    height: 50%;
    overflow: visible;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.about-us .jumbotron p { font-size: 2vw;}
.about-us .jumbotron h1 { font-size: 3vw; }
.about-us h4 { font-size: 1.5rem;}

.downloads-mta h5 {padding: 2rem 0 0.5rem; color: #37342E; border-bottom: .0625rem solid #ddd;}
.downloads-mta .list-group-item{
    font-size: 1.2rem;
    color: #37342E;
    border: none;
    border-bottom: .0625rem solid #ddd;
    margin-bottom: 0;
    border-radius: 0;
    padding-left: 0;
}
.downloads-mta .pdf i { font-size: 2rem; vertical-align: middle; padding-right: 1rem;}
.pdf i { color: #D81F3E; }
.bookrep-mta .mainContent { font-size: 1rem;}
.bookrep-mta .fa span { left: 2px; top: 2px;}
.newschool-mta .img-block img { display: inline-block; }
.ebooks .ebooks-text { border-right: 1px solid #DAD7D7;}
.lego-mta .top-lego-images img.side-image {
    border-left: 4px solid transparent;
    border-bottom: 4px solid transparent;
}
.fully-booked {
    display: block;
    width: 250px;
    height: 30px;
    margin: -5px 0 0 20px;
    position: absolute;
    background: url(/resources/site/kgdev/fully-booked.png) 0 0 no-repeat;
    outline: 0;
}
#imaform904234 {
    background: #FAFAFA;
    border-radius: 10px;
}
.fundraising-mta .left-content { font-size: 1.12rem; }
/* ==== STATIC PAGES STYLES END =====================================================*/

/* ==== START HOMEPAGE =====================================================*/

.home .page {padding: 11px 0 0; }
.home .page-header { margin: 0; padding: 0; background: #ffffff; }
.home p.IBSWelcomeText.main { display: none; }
.home .carousel-indicators li { background: #F54A7E; }
.carousel-control.left, .carousel-control.right { background-image: none; }
#home-banner-carousel .carousel-control {display: none; }
.home #middle-row-promos { padding: 1rem 0; }
.home #middle-row-promos h1 {
    font-size: 1.8rem;
    font-weight: 700;
    padding-bottom: 0;
    color: #666;
    padding-left: 0;
    font-family: "Avenir Black", Helvetica, sans-serif;
    text-transform: uppercase;
}
@media screen and (min-width: 767px) and (max-width: 1023px){
    .home #middle-row-promos h1{
        font-size: 1.8rem;
    }
}

.home #left-middle-row-banner {
    color: #666;
    line-height: 22px;
    padding-left: 0px;
}
.home #left-middle-row-banner p{
    margin-bottom: 0.5rem;
}
.home #right-middle-row-column {
    margin-top: 30px;
    padding-left:0px;
    padding-right:0px;
}
@media screen and (min-width: 767px){
    .home #right-middle-row-column{
        margin-top: 0px;
    }
}

.home .column-section-image {
    max-width: none;
    border: 1px solid #E0E0E0;
    text-align: center;
    /*border-radius: 7px;*/
    overflow: hidden;
    width: 140px;
    height: 90px;
}

@media screen and (min-width: 544px){
    .home .column-section-image{
        width:200px;
        height:129px;
    }
}

@media screen and (min-width: 767px){
    .home .column-section-image{
        width:120px;
        height:78px;
    }
}

.home .media-heading {
    font-family: "Avenir Heavy", Helvetica, sans-serif;
    font-size: 19px;
    font-weight: 700;
    color: #666;
    padding-bottom:8px;
    margin-bottom:0px;
}

@media screen and (min-width:767px){
    .home .media-heading {
        font-size: 24px;
        padding-bottom: 0px;
    }
}
.home .column-section .media-body {
    font-size: 0.85rem;
    /*border-bottom: 1px solid #ECECEC;*/
    /*padding-bottom: 12px;*/
    line-height: 1.3;
}
@media screen and (min-width: 440px){
    .home .column-section .media-body{
        line-height: 1.9;
    }
}

@media screen and (min-width: 767px){
    .home .column-section .media-body{
        line-height: 1.3;
    }
}

.media.column-section{
    margin-top:0px;
    padding-bottom:3px;
}
.home #top-row-four-promos {
    padding-top: 0px;
    /*border-bottom: 1px solid #E8E8E8;*/
    text-align: center;
    text-transform: capitalize;
}

.home #top-row-four-promos > div {
    padding-left: 5px;
    padding-right: 5px;
}

@media screen and (max-width: 766px){
    .home #top-row-four-promos > div{
        padding-bottom: 20px;
    }
}

@media screen and (min-width: 767px){
    .home #top-row-four-promos {
        text-align:center;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .home .promo-cell {
        width: 50%;
    }
    .bottom-row-section {
        padding: 10px !important;
    }
    .bottom-row-section-text {
        display: block;
        vertical-align: baseline;
        padding: 10px !important;
        width: auto;
        min-height: 100px;
    }
}


.home .promo-cell h3 {
    font-size: 18px;
    font-weight: 700;
    font-family: "Avenir Heavy", Helvetica, sans-serif;
    padding-bottom: 0;
    text-transform: capitalize;
    color: #666;
}
@media screen and (max-width: 767px) {
    .home .promo-cell h3 {
        font-size: 25px;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px){
    .home .promo-cell h3 {
        font-size: 18px;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
    .home .promo-cell h3 {
        font-size: 16px;
    }
}
.home .promo-cell h3 a {
    color: #666;
    text-transform: capitalize;
}

@media screen and (max-width: 767px){
    .home .promo-cell h3 a{
        font-size: 25px;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px){
    .home .promo-cell h3 a{
        font-size: 18px;
    }
}
/*#bottom-page-content { border-top: 1px solid #E8E8E8; }*/
.promo-cell p {
    font-size: 16px;
    height: 18px;
    margin: 9px 0 17px;
    font-family: "Courier New", Courier, monospace;
    font-weight: 700;
    text-transform: lowercase;
    vertical-align: top;
}
a.more {
    width: 234px;
    height: 18px;
    /*display: block;*/
    padding-left: 21px;
    vertical-align: top;
    color: #555;
    background: url(/resources/site/kg/front-page/orange-arrow.jpg) no-repeat 0 0;
    line-height: 1.4;
    font-family: "Avenir Heavy", Helvetica, sans-serif;
    font-size: 15px;
    text-transform: capitalize;
    cursor: pointer;
}
#top-middle-promo-2 input[type="button"]#topSignUpButton {
    width: 100%;
    height: 18px;
    display: block;
    border: none;
    padding-left: 21px;
    padding-top: 0;
    vertical-align: top;
    color: #555;
    background: url(/resources/site/kg/front-page/blue-pink-arrow-sprite.png) no-repeat 200px 0;
    font-family: "Avenir Heavy", Helvetica, sans-serif;
    text-transform: capitalize;
    font-size: 15px;
    text-align: center;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    line-height: 1.4;
}
#top-middle-promo-2 input[type="button"]#topSignUpButton:hover {
    text-decoration: underline;
}
.top-row-promo-image {
    /*width: 236px;*/
    /*border: 1px solid #DBDBDB;*/
    text-align: center;
    border-radius: 0px;
    overflow: hidden;
}
.top-row-promo-image img { height: 100%; }
.top-row-promo-image a {
    width: 100%;
    height: 190px;
    display: block;
}


@media screen and (min-width:544px) and (max-width:767px){
    .top-row-promo-image a{
        height: 260px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1200px){
    .top-row-promo-image a{
        max-height: 150px;
    }
}

.bottom-row-section {
    border-radius: 0px;
}
.bottom-row-section-image {
    max-width: none;
    height: 88px;
    border-radius: 0px;
    overflow: hidden;
}
@media screen and (min-width: 375px){
    .bottom-row-section-image {
        height: 120px;
    }
}

.bottom-row-section-text .media-heading a {
    font-family: "Avenir Heavy", Helvetica, sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    color: #222;
    text-transform: capitalize;
}
@media screen and (min-width: 767px){
    .bottom-row-section-text .media-heading a{
        font-size: 1.1rem;
    }
}

.bottom-row-section-text {
    font-size: 0.8rem;
    font-family: "Avenir Book", Helvetica, sans-serif;
    padding-top: 0px;
    padding-right: 7px;
    line-height: 1.4;
}
#bottom-row-promos h3 {
    font-size: 20px;
    font-weight: 700;
    padding-top: 0px;
    padding-bottom: 0;
    padding-left: 15px;
    color: #f04da5;
}
/* ==== END HOMEPAGE =====================================================*/

/* ==== START GCS PRODUCT SEARCH RESULTS PAGE=====================================================*/
#gcsNavBottom .gcsPage, #gcsNav .gcsPage {
    text-align: right;
}
#gcsNav .gcsSummary { font-size: 2rem;     font-weight: bolder;}
#gcsNavBottom div {}
.gcsAttribute.brand a, .gcsAttributes .category a, .gcsProperty a {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 0.8rem;
    color: #788385;
    line-height: 1.8rem;
}
.gcsResults { padding: 0; }
.gcsProductRow { clear: both; }
.gcsProductRow .gcsProduct {}
.gcsProduct .ajaxDescription a{ font-family: "Avenir Heavy", Courier, monospace;	color: #00ADBB; }
.gcsProduct .ajaxDescription { font-size:1.2rem;font-weight: bold;}
.gcsAttributes .category a span { font-weight: 700; }
.gcsAttributes h3.gcsHeading {
    display: block;
    color: #65c9d8;
    font-size: 1.3em;
    font-weight: bold;
    padding: 0 0 13px;
    border-bottom: 1px solid #E6E6E6;
}
span.attribute, span.property {
    display: block;
    font-weight: bold;
    color: #65c9d8;
    padding: 12px 0 10px 0;
}
.gcsAvailability span.IBSAvailabilityCell, .gcsAvailability span.IBSAvailabilityCellShortage {
    display: inline-block;
    padding: 0 4px;
    white-space: nowrap;
}
.gcsProduct .catPriceGallery span.IBSListCellNumber, .gcsProduct .catPriceGallery span.IBSListCellNumber, .gcsProduct .qtyBreakGallery span.IBSListCellNumber {
    display: block;
    width: 49%;
}
.gcsProduct .catPriceGallery span.IBSListCellNumber, .gcsProduct .qtyBreakGallery span.IBSListCellNumber, .gcsProduct span.catPriceGallery, .gcsProduct .catPriceGallery span.catPriceNetGallery {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 100%;
    display: inline-block;
    white-space: nowrap;
}
.gcsProduct .catGalleryAttention {
    top: 0px;
    position: absolute;
    /*z-index: 2;*/
    z-index: 0;
    left: 3px;
}
.gcsProductRow .gcsProduct {
    position: relative;
    border: 1px solid #e1e1e1;
    padding: 10px;
    height: 430px;
    margin-top: 15px;
}
.gcsProductRow .gcsProduct:last-of-type { padding-right: 0; }
.gcsProduct .gcsAvailability, .gcsProduct .gcsCode { display: inline-block; width: 49%; }
.gcsCode { padding-left: 10px; font-size: 0.7rem; }
.gcsProduct .gcsAvailability { position: absolute;
    bottom: 50px;
    left: 3px;
    display: inline; }
.gcsProduct .catItemDiscount { display: block; font-size: 0.9rem;}
.gcsProduct .catPriceNetGallery { margin-bottom: -5px;}
.gcsProduct .IBSListCellNumberStrike {     color: #ACACAC;display: block; font-size: 13px; margin: -5px 0;}
.gcsProduct .catPriceGallery span.catPriceNetGallery,
.gcsProduct .qtyBreakPriceNetGallery {  font-weight: bold;  color: #37342E;     font-size: 1.3rem;}
.gcsPrice span.catPriceGSTGallery {
    width: 45%;
    font-size: 12px;
    /* font-weight: 700; */
    color: #ACACAC;
    display: block;
    white-space: nowrap;
}

.gcsResults .gcsProduct{
    margin: 5px 0px;
    padding: 0 5px;
}

.gcsProduct .catGalleryItem,
.gcsProduct .gcsCode {
    position: absolute;
    bottom: 52px;
    right: 9px;
    display: inline;
    text-align: right;
}

.gcsPrice .priceAndBuy{
    position: relative;
    display: block;

}
.gcsProduct .catGalleryPrice .addCutQtyWrap,
.gcsPrice .addToCartDetail div{float:left;}
.gcsProduct .catGalleryPrice input.addToCart,
.gcsPrice .addToCartDetail input.addToCart{
    padding: 7px 15px;
    float: right;
}

.gcsProduct .catGalleryPrice .addCutQtyWrap,
.gcsPrice .addToCartDetail div,
.gcsPrice .addToCartDetail input{
    position: relative;
    bottom: -18px;
    /*display: inline-block;*/
}
#catalogue-details .item-billboard .gcsImage{   height:200px;}
.gcsProduct[data-display*="GALLERY"] .catGalleryAvailability{
    position: absolute;
    bottom: 52px;
    display: inline;
    text-align: left;
}
.gcsProduct[data-display*="GALLERY"] .item-image{    height: 150px;}
.gcsProduct[data-display*="GALLERY"] .catGalleryDetails .addToCartDetail{
    bottom: -4rem;
    left: 0;
    padding: 0;
}

.gcsProduct[data-display*="GALLERY"] .qtyBreakGallery span.IBSListCellNumber,
.gcsProduct[data-display*="GALLERY"] .catPriceGallery span{
    padding: 2px 0;
    color: #37342E;
}

.catalogue-details  .item-code,
.gcsProduct .catGalleryItem  a{    color: #acacac;}
.gcsProduct[data-display*="GALLERY"] .catPriceGallery {
    padding:0;
}
.gcsProduct[data-display*="GALLERY"] .catPriceGallery  .catPriceGSTGallery{    color: #ACACAC;}
.gcsProduct[data-display*="GALLERY"] .catGalleryItemDesc{
    height: 57px;
    overflow: hidden;
}
.gcsProduct[data-display*="GALLERY"] .catGalleryYT{
    margin-top: -1rem;
}

.gcsProduct[data-display*="GALLERY"] .catGalleryPrice .addCutQtyWrap{
    bottom: -33px;
}
.gcsProduct[data-display*="GALLERY"] .catGalleryPrice input.addToCart{
    bottom: -33px;
    position: relative;
    padding: 8px 18px;
}
.gcsPrice .catPriceNetGallery em {
    display: none;
}

.gcsProduct .catGalleryDetails .addToCartDetail ,
.gcsProduct .addToCartDetail {
    padding: 10px;
    position: absolute;
    bottom: -2.5rem;
    border-top: 1px solid #E1E1E1;
    width: 100%;
    height: 50px;
}

.gcsProduct .catGalleryPrice,
.gcsProduct .gcsPrice {
    width: 100%;
    padding-bottom: 5rem;
    height: 110px;
    margin: 5px 0px;
    position: relative;
}
.gcsProduct .catPriceGallery {
    padding: 5px 10px;
}
.item-billboard .gcsReplace{  padding-left:5px;  height: 10px;}
.gcsProduct .item-billboard {
    border: 1px solid #E1E1E1;
    position: relative;
}
.gcsReplace + .gcsAvailability + .gcsPrice{    height: 100px;}
.gcsProduct .qtyBreak { display: block; color: #45B870; font-weight: 700; }
.gcsProduct .IBSListCellNumber { display: block !important; margin-bottom: -5px; }
.gcsProduct .qtyBreakPriceGSTGallery ,
.gcsProduct[data-display*="GALLERY"] .catPriceGallery span.IBSListCellNumberStrike{ display: block;color: #ACACAC;}
.gcsProduct .qtyBreakGallery { display: inline-block; width: 48%; }
.gcsProduct .qtyBreakGallery:first-child ,
.qtyBreakItemDiscount{ padding-left: 10px; }
.qtyBreakPriceGSTGallery ,
span.catPriceGSTGallery {
    width: 45%;
    font-size: 15px;
    color: #ACACAC;
    display: block;
    white-space: nowrap;
}
span.catItemEquivalent em {
    display: inline-block;
    color: #ACACAC;
    font-style: normal;
}
.gcsDescription, .gcsProductDetail, h3.gcsHeading {
    display: none;
}
.gcsTitle {
    padding: 10px;
    line-height: 1;
    font-size: 1rem;
    font-weight: 700;
    height: 50px;
}

.gcsTitle a { color: #37342E; }
.gcsSummary span.label, .gcsPage a.label {
    color: #fff;
    border-radius: 0;
    padding: 6px 10px 5px 10px;
    font-size: 90%;
}
.gcsPage a {
    color: #788385;
    margin: 0 2px;
    border: 1px solid #E1E1E1;
    padding: 3px 5px 3px 5px;
}
.gcsFilters .heading {
    display: block;
    font-weight: 700;
    color: #65c9d8;
}
.gcsFilters .label { margin: 0 3px;}
.gcsFilters .removeFilter:after,
.gcsFilters .removeQuery:after {
    content: "\f00d";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 90%;
    margin-left: 3px;
}

/* ==== END GCS PRODUCT SEARCH RESULTS PAGE=====================================================*/

/* ==== START CATALOGUE BROWSER BROWSE BY BRAND =====================================================*/
.MTA-BROWSE-BY-BRAND {}
/* ==== END CATALOGUE BROWSER BROWSE BY BRAND =====================================================*/

/* ==== START CATALOGUE BROWSER =====================================================*/
.catalogueBrowser .page {
    padding: 0;
}
@media (max-width: 991px) {
    .left-navigator { display: none!important; }
}

.catalogueBrowser .left-navigator-container {
    /*padding-left: 10px;*/
    margin: 10px 0;
}

.IBSTextNormal.sub-categories {
    font-family: "Courier New", Courier, monospace;
    font-size: 1.6rem;
    font-weight: bold;
    color: #666;
    padding: 0;
    margin: 0;
    visibility: hidden;
}

.category-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0.9rem;
}
.parent {
    padding: 10px 0 0;
}
a.parent {
    display: block;
    color: #65c9d8;
    font-weight: bold;
    font-size: 1.2rem;
}
.left-navigator-container {
    padding: 0;
}

.category-list ul a:link, .category-list ul a:visited {
    color: #666;
}
.category-list ul a.IBSLink.selected:link, .category-list ul a.IBSLink.selected:visited {
    font-weight: bold;
}

.category-list ul a.IBSLink.selected{
    color: #F54A7E;
    text-decoration: underline;
}
.category-list ul a.IBSLink.selected:link{

}
.styleActions span.selectedtrue span{
    color:black;
}
.styleActions span{
    float: right;
    display: inline;
    font-size: 1.3rem;
}

.catalogueBrowser .page-header {
    height: auto;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    position: relative;
    display: inline;
    margin-top: 10px;
}

.IBSPageTitleDivider {

}

.left-navigator{
    margin-left: -15px;
}

.left-navigator .parent a.parent {
    color: #F54A7E;
    font-family: "Avenir Heavy", Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 5px;
}

.left-navigator .category-list ul {
    padding-left:10px;
    padding-top:10px;
    padding-bottom:10px;
}

.left-navigator .category-list ul a:link,
.left-navigator .category-list ul a:visited {
    white-space: normal;
    font-family: "Avenir Heavy", Helvetica, sans-serif;
    color: white;
    font-weight: 700;
    font-size: 13px;
    padding-top: 5px !important;
    padding-left: 0px;
    text-transform: uppercase;
    text-decoration: none;
}

.left-navigator .category-list li {
    line-height: 1.6rem;
    margin: 0;
}

.tab-pane {
    font-size: 0.9rem;
}

.tab-pane  a,
.item-kit-table a {
    color: #373a3c;
}

.item-kit-table td {
    width: 10%;
}

.item-kit-table td:nth-child(2){
    width: 30%;
}
.tab-pane h2{
    font-size: 1.2em;
    font-weight: 700;
    color: #37342E;
}

.item-cat-header {
    font-size: 1.2rem;
    color: grey;
}

.item-cat-links,
.item-catalogues .fa{
    margin: 5px;
    color: #F54A7E;
}

.item-detail .addCutQtyWrap .cutQty, .item-detail .addCutQtyWrap .addQty{    width: 2.5rem; }
.item-meta { font-size: 0.8em;}

#ItemDetail .qtyBreak { font-size: 1.2rem; }

.parent-selected {
    color: #F54A7E;
}
.category-list .IBSLink.selected:before {
    content: "\E802";
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    vertical-align: middle;
    font-size: 12px;
    padding-right: 5px;
    text-decoration: none;
    color: #f04da5;
}

.tab-pane .item-cat-links a {
}
#OrderConfirmation div.actions {
    padding: 5px 0px;
    float:right;
}
#OrderApprovalBrowser .IBSHeaderCellNumber,
#OrderApprovalBrowser .IBSHeaderCell {
    font-size:1rem;
}

#OrderApprovalBrowser .IBSCellLink{    display: block;}
#scheduledOrdersHO {margin:0;}
#OrderConfirmation td a{color:#0FA5BB;}
.actions .btn a.IBSActionLink,.cartOverlay a {
    color: white;
}

.cartOverlay a {
    font-size: 1rem;
    font-weight: 400;
}
.actions .btn-default {    background: #e1e1e1;}

.action-back {
    display: none;
}

.link-hold a {
    font-size: 1.2rem;
    padding-top: 10px;
    float: right;
    margin: 10px 0px 10px;
}
#OrderReceived .actions div{     margin: 0 10px 0px 0px;}
#OrderReceived .link-signoff {
    background: #e1e1e1;
    color: #acacac;
}

#OrderReceived .link-view-print,#OrderReceived .link-change-order{width:25%;padding-left:0;float: left;}
.action-view-order{width:16%;float: left;}
#OrderReceived .link-signoff {background:#e1e1e1;}
#OrderReceived a{     margin-right: 10px;}

#OrderReceived {
    font-size: 1rem;
}

.catDetailItemDesc {
    display: block;
    font-family: "Courier New", Courier, monospace;
    color: #00ADBB;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.6rem;
    text-decoration: none;
}
.catDetailItemCode {
    color: #050505;
    font-size: 1rem;
}

.nav-link{    font-weight: bold;}

.catDetailPrice {

}
@media screen and (max-width:1024px) and (min-width:768px) {
    .catDetailPrice {min-height: 22rem; }
    .catDetailAvailability { bottom: 5.1rem !important; }

    #catalogue-details div[data-display*="TABLE_DETAIL"] .catDetailPrice > .qtyBreakDetail +.qtyBreakDetail +.qtyBreakItemDiscount  + .catDetailAvailability {
        bottom: 5.2rem !important;
    }
}
.priceAndAvailability {
    align-items: stretch;
    border-left: 1px solid #e7e7e7;
}
.catPriceDetail {
    margin: 0 0 0 15px;
}



.catDetailAvailability {
    margin: 0 0 0 15px;
    position: absolute;
    bottom: 50px;
}
.catDetailPrice .IBSListCellNumber, .catDetailPrice .catPriceGSTDetail
.catDetailPrice .catPriceNetDetail, .catDetailPrice .qtyBreakPriceNetDetail {
    display:block;
    color:#565656;
    font-weight:bold;
    font-size:1.3em;
    line-height:1.3em;
}
.IBSListCellNumber em, .qtyBreakPriceGSTDetail em, .IBSListCellNumberStrike em, .catPriceNetDetail em, .catPriceGSTDetail em,
.qtyBreakPriceNetDetail em, .catPriceGSTGallery em, .qtyBreakPriceGSTGallery em, .catPriceNetGallery em, .IBSTextAttention em {
    font-size:9px;
    font-style: normal;
    font-weight:normal;
}
span.catItemEquivalent {
    display: block;
    font-size: 0.7rem;
    font-weight: 700;
    color: #ACACAC;
}
.addCutQtyWrap{
    display: inline-block;
}
.addToCartDetail {  }
.addToCartDetail .addToCart {
    display: inline;
    border-radius: 0;
    padding: 6px 18px;
    font-size: 1rem;
    min-width: 100px;
    font-family: "Avenir Heavy", Helvetica, sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    background: #f04da5;

}

#Activities li#themes ul{padding:0;}
#activityCategory {padding:0;}
.addToCartDetail .IBSInput {
    border: 1px solid #e6e6e6;
    text-align: center;
    width: 2rem;
    height: 36px;
    bottom: 0 !important;
    font-weight: bolder;
}
.addCutQtyWrap .cutQty, .addCutQtyWrap .addQty {
    display: inline-block;
    width: 2.2rem;
    line-height: 34px;
    vertical-align: top;
    font-size: 1rem;
    color: #37342E;
    font-weight: 700;
}
.addCutQtyWrap .cutQty:hover, .addCutQtyWrap .addQty:hover {
    text-decoration: none;
    box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);
}
.addCutQtyWrap .cutQty {
    text-align: center;
    margin-right: -5px;
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}
.addCutQtyWrap .addQty {
    text-align: center;
    margin-left: -5px;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}
.catalogueBrowser .addToCartDetail {
    position: absolute;
    bottom: 10px;
    left: 10px;
    display: inline-block;
}
.catalogueBrowser .addToCartDetail label {
    display: block;
    font-size: 0.8em;
    font-weight: bold;
}

.catalogue-details .catItemDetail:first-child{border-top: 1px solid #eeeeee;}
.catItemDetail {
    float: left;
    margin-top: 10px;
    border-bottom: 1px solid #eeeeee;
    margin: 0;
    clear: both;
    content: " ";
    position: relative;
    overflow: hidden;
    height: auto;
    min-height: 275px;
}

.catItemDetail .priceAndAvailability  {
    height: 92%;
    position: absolute;
    right: 0;
    bottom: 10px;
}
.catalogue-details .table tr td:nth-child(2)){
    width: 28%;
}
.catalogue-details .table tr td:nth-child(1){
    width: 15%;
}

.catalogue-details .table td {
    padding: 0.35rem 0.75rem;
}
.catDetailBrand img {
    height: 3em;
}
.catalogue-tree-wrapper .category-list{
    background-color: #0eadbb;
}
@media screen and (max-width: 767px){
    .category-list{
        background-color: white;

    }
}

@media screen and (max-width: 991px){
    .category-list{
        padding-bottom: 20px;

    }
}

.category-list li {
    line-height: 1.6rem;
    margin: 2px 0px;
}
.category-list ul ul li {
    width: auto;
    float: none;
    font-size: 14px;
    margin-bottom: 0;
    line-height: 1.8;
}
.category-list ul ul li.heading {
    color: white;
    font-family: "Avenir Black", Helvetica, sans-serif;
    font-weight: bold;
    margin: 0px 0 0;
}
.page-contents .category-list ul ul li.heading {
    color: #777;
    font-family: "Avenir Black", Helvetica, sans-serif;
    font-weight: bold;
    margin: 00px 0 0;
}

.CatalogueTree .category-list ul ul li.heading {
    border-top: 1px solid #EAEAEA;
}

/* List View for catalogue browser */
.table-catalogue td div.catPriceGallery,
td .catPriceDetail{
    height: 2rem;
    display: table-cell;
    width: 40%;
    line-height: 1.5rem;
}

.table-catalogue td div.catPriceGallery{
    bottom: 0.2rem;
    position: relative;
    width: 60%;
}
td.priceAndBuy .addToCartDetail {
    display: table-cell;
    position: relative;
    min-width: 220px;
    bottom: 0px;
    top: 10px;
}

td .catPriceDetail p {margin: 0;}
td.priceAndBuy {
    display: table;
    position: relative;
}

td .catPriceDetail span {
    display: block;
    /*margin: 3px;*/
}

#catalogueText {
    float: left;
    font-weight: 500;
}
td .qtyBreakGallery,
td .qtyBreakPriceGSTDetail,
td .qtyBreakDetail span.qtyBreak {
    display: block;
}

td .qtyBreakGallery,
td .qtyBreakDetail {
    display: table-cell;
}

.qtyBreakGallery,
.qtyBreakDetail {
    display: block;
}

td .qtyBreakDetail .IBSListCellNumber em,
td  .catPriceDetail .IBSListCellNumberStrike  em,
td  .catPriceDetail .catPriceNetDetail  em,
td .catPriceDetail .IBSListCellNumber em {
    display: none;
}

td .catPriceDetail .catPriceGSTDetail {
    font-size: 0.8rem;
    color: #788385;
}


.qtyBreakPriceNetGallery ,
.scheduled-price .catPriceNetGallery,
.scheduled-price .catPriceNetGallery .IBSListCellNumber,
.scheduled-price .catPriceGallery  .IBSListCellNumber,
td .qtyBreakGallery  .IBSListCellNumber,
td .qtyBreakDetail span,
td .catPriceDetail span{
    font-size: 1.5em;
    font-weight: bold;
    color: #37342E;
    line-height: 21px;
}

.table-catalogue .addToCartDetail .IBSInput{    height: 32px;}
.table-catalogue  td .qtyBreakGallery{        padding: 0 10px 0 0px;}
td .qtyBreakDetail {
    padding: 20px 30px 7px 0;
}

td .qtyBreakPriceGSTDetail,
td .catPriceGSTDetail {
    font-size: 0.8rem !important;
    color: #ACACAC!important;
    font-weight: normal !important;
}

td span.catItemDiscount {
    font-size: 0.9em;
}

.catalogue-details table a.IBSCellLink {
    font-weight: bold;
    font-family: "Avenir Heavy", Helvetica, sans-serif;
    color: #00ADBB;
    font-size: 1rem;
}
.item-pricing .IBSOutputStrike p,
td .IBSListCellNumberStrike p{
    display: inline;

}

td.catListPrice .qtyBreakItemDiscount{
    position: absolute;
    float: left;
    left: 0;
    top: 5px;
    margin: 0;
}

td.catListPrice .qtyBreakDetail .qtyBreakPriceNetDetail{
    line-height: 2rem;
}
#ItemDetail .IBSListCellNumberStrike,
td.catListPrice span.IBSListCellNumberStrike{
    font-size: 0.9em;
    color: #aCACAC;
    font-weight: normal;
}

td .catDetailAvailability{
    position: relative;
    bottom: 0;
    top: 10px;
    padding: 10px;
    min-width: 100px;
}

.expandable {
    font-size: 1em;
    color: #37342E;
}

.product-code-container {
    font-size: 0.9em;
}
/* List View for catalogue browser */
@media (min-width: 768px) {
    #ItemCatalogue .category-list ul div { float: left; padding-right: 5px; }
    #ItemCatalogue .category-list ul.col2 div { width: 50%; }
    #ItemCatalogue .category-list ul.col3 div { width: 33%; }
    #ItemCatalogue .category-list ul.col4 div { width: 25%; }
}
#multi-item-container-browse {
    clear: both;
    margin-top: 14px;
    padding: 14px 0 14px 14px;
    background: #F5F5F5;
    position: relative;
    z-index: 1;
}
#multi-item-container-browse .sub-category-item {
    width: 188px;
    display: inline-block;
    vertical-align: top;
    padding: 10px 0;
    margin: 0 7px 17px 0;
    text-align: center;
    background: #FFF;
    position: relative;
    border: 1px solid #EDEDED;
    box-shadow: 0 1px 6px -2px rgba(0, 0, 0, 0.27);
}
.multi-category-item:before, .sub-category-item:before {
    content: "";
    z-index: -1;
    position: absolute;
    left: 10px;
    bottom: 7px;
    width: 30%;
    max-width: 200px;
    max-height: 30px;
    height: 55%;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    -webkit-transform: skew(-15deg) rotate(-6deg);
    -moz-transform: skew(-15deg) rotate(-6deg);
    -ms-transform: skew(-15deg) rotate(-6deg);
    -o-transform: skew(-15deg) rotate(-6deg);
    transform: skew(-15deg) rotate(-6deg);
}
.multi-category-item:after, .sub-category-item:after {
    content: "";
    z-index: -1;
    position: absolute;
    /* left: auto; */
    right: 10px;
    bottom: 7px;
    width: 30%;
    max-width: 200px;
    max-height: 30px;
    height: 55%;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    -webkit-transform: skew(15deg) rotate(6deg);
    -moz-transform: skew(15deg) rotate(6deg);
    -ms-transform: skew(15deg) rotate(6deg);
    -o-transform: skew(15deg) rotate(6deg);
    transform: skew(15deg) rotate(6deg);
}
.sub-category-item h2 {
    font-size: 14px;
    font-weight: bold;
}
.sub-category-image-link img {
    margin: auto;
}
.MTA-ART-AND-CRAFT.catalogueBrowser .catalogue-info {
    display: none;
}

/*---START IMAGE NAVIGATION---*/

ul.image-nav {
    list-style: none;
    display:block;
}
/*---SHOW BUTTONS ON PAGE LOAD TELEPHONE TO JUST OVER iPAD---*/
@media screen and (max-width:1025px) and (min-width:319px) {
    ul.image-nav
    {
        display:block;
    }
}
ul.image-nav li.prev  {
    position:absolute;
    top:35%;
    /*bottom:25%;*/
    left:0;
}
ul.image-nav .fa.fa-angle-left,
ul.image-nav .fa.fa-angle-right{font-size:2rem;}
ul.image-nav li.next {
    position:absolute;
    top:35%;
    /*bottom:25%;*/
    right:10px;
}

ul.image-nav li.prev button.nav.prev {
    text-align:left;
    padding-right:4px;
    padding-left:3px;
}

ul.image-nav li.next button.nav.next {
    text-align:right;
    padding-left:3px;
    padding-right:4px;
}
ul.image-nav li button.nav {
    width:18px;
    vertical-align:middle;
    padding:1px 0 0;
    background:#fff;
    border:1px solid transparent;
    border-radius:3px;
    text-shadow:0 -1px 0 #b7b7b7;
    z-index:7;
    font-size:18px;
    color:#000;
    font-weight:bold;
    -moz-transition:all 300ms ease-in-out;
    -webkit-transition:all 300ms ease-in-out;
    -o-transition:all 300ms ease-in-out;
    -ms-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out;
    opacity: 0.7;
}
.highslide-container { z-index: 15 !important;}
/*---END IMAGE NAVIGATION---*/

.item-info .cutQty {

}

#ItemDetail .item-info h1.IBSPageTitleText {
    font-size: 2rem;
    color: #00ADBB;
    font-weight: 700;
}

.item-detail .addCutQtyWrap .cutQty ,
.item-detail .addCutQtyWrap .addQty  {
    padding: 5px 0px;
}
.item-pricing span.IBSTextAttention, span.qtyBreakPriceNetDetail {
    font-size: 2.5rem;
    font-weight: bold;
    display: block;
    color: #37342E;
    line-height: 100%;
    margin-bottom: -10px;
}
.item-pricing span.catPriceGSTDetail {
    font-size: 1rem;
    display: block;
    color: #ACACAC;
}
.item-info .addToCartDetail {

}
.item-info .addToCart {
    width: 49%;
    height: 2.7rem;
    font-size: 1.1rem;
}
/*.item-info .addCutQtyWrap .cutQty, .item-info .addCutQtyWrap .addQty { width: 2.7rem; line-height: 2.7rem; font-size: 1.5rem }*/
.item-info .addToCartDetail .IBSInput, .order-pack .addToCartDetail .IBSInput {     width: 38%;     height: 2.88rem; font-size: 1.3rem; }

.item-info .addToCartDetail label {
    font-size: 0.8em;
    font-weight: bold;
}
.item-availability {
    padding: 0.5rem;
    text-align: right;
}
.item-availability span {
    white-space: nowrap;
}
span.IBSAvailabilityCellShortage img, span.IBSAvailabilityCellShortageBold img, span.IBSAvailabilityCell img, span.IBSAvailabilityCellBold img {
    /*display: inline-block;*/
    display: none;
}
.catDetailItemReplaced {
    font-size: 0.8em;
}
/*---IN STOCK---*/
span.IBSAvailabilityCell:after, span.IBSAvailabilityCellBold:after {
    content:"In Stock";
    font-size:14px;
    font-weight:bold;
    color:#45b870;
    padding-left:6px;
    display:inline-block;
}
/*---OUT OF STOCK---*/
span.IBSAvailabilityCellShortage:after, .IBSAvailabilityCellShortageBold:after {
    content:"Available Soon";
    font-size:14px;
    font-weight:bold;
    color:#D81F3E;
    padding-left:6px;
    display:inline-block;
}
.catDetailOffer {
    position: absolute;
}

.IBSListCellNumberStrike p{
    display: inline;
}
.qtyBreakDetail {
    padding: 0 0 0 15px;
    white-space: nowrap;
}

.scheduled-price span.qtyBreak ,
.qtyBreakDetail span.qtyBreak {
    font-size: 0.9em;
    color: #45B870;
    font-weight: bolder;
}
.gcsPrice .IBSListCellNumberStrike em{
    display: none;
}

.scheduled-price .IBSListCellNumberStrike,
.gcsPrice .IBSListCellNumberStrike, .IBSListCellNumberStrike,
.IBSListCellNumberStrike p, .item-pricing .IBSOutputStrike p {
    text-decoration: line-through;
    color: #ACACAC;

}
.item-pricing .IBSOutputStrike em {
    font-size: 9px;
}
.catItemDiscount, .catItemDiscount em, .qtyBreakItemDiscount, .qtyBreakItemDiscount em {
    color: #F54A7E !important;
    font-style: normal;
    font-weight: 700;
}
/*.qtyBreakItemDiscount { margin: 0 0 0 15px; }*/

/*.catPriceGallery .IBSListCellNumber,*/
.qtyBreakGallery  .qtyBreak,
.scheduled-price .IBSListCellNumberStrike,
.catPriceNetGallery,
.catDetailPrice .catPriceGSTDetail, .catDetailPrice .qtyBreakPriceGSTDetail, .catDetailPrice .IBSListCellNumberStrike {
    display: block;
    margin: -5px 0 0 0;
    color: #ACACAC;
    font-weight: 700;
}
#catalogue-details div[data-display*="TABLE_DETAIL"] .catDetailPrice .qtyBreakPriceGSTDetail {
    line-height: 1.5rem;
}

#catalogue-details div[data-display*="TABLE_DETAIL"] .catDetailPrice .qtyBreakPriceNetDetail {
    line-height: 1rem;
    margin-top: 0.1rem;
    font-size: 1.6rem;
}
.catDetailPrice .qtyBreakDetail .IBSListCellNumberStrike{line-height: 1rem;}
.catItemDetail  .catDetailPrice .catPriceGSTDetail, .catDetailPrice .qtyBreakPriceGSTDetail, .catDetailPrice .IBSListCellNumberStrike {
    font-weight: normal;
    font-size: 0.9rem;
    line-height: 2rem;
}

#catalogue-details div[data-display*="TABLE_DETAIL"] .catDetailPrice > .qtyBreakDetail +.qtyBreakDetail +.qtyBreakItemDiscount  + .catDetailAvailability + .addToCartDetail	{
    bottom: -2px;
}
#catalogue-details div[data-display*="TABLE_DETAIL"] .catDetailPrice .qtyBreakDetail:nth-child(2){
    top: -7px;
    position: relative;
}
.catDetailPrice .IBSListCellNumber, .catDetailPrice .catPriceNetDetail, .catDetailPrice .qtyBreakPriceNetDetail {
    display: block;
    margin: 12px 0;
    color: #565656;
    font-weight: 700;
    font-size: 2rem;
    line-height: 18px;
    white-space: nowrap;
}
.item-pricing span {
    display: block;
}

div.priceAndAvailability .catDetailPrice .IBSListCellNumber,
#ItemDetail .item-pricing .catPriceNetDetail {    margin: 5px 0px;}
.item-pricing .catPriceNetDetail,
.item-pricing span.IBSListCellNumber {
    font-size: 2.5rem;
    color: #37342E;
    font-weight: 700;
    line-height: 100%;
    display: block;
    margin-bottom: -10px;
}
.item-pricing span.IBSListCellNumber {
    margin-bottom: 0px;
}
#ItemDetail .qtyBreakDetail { display: inline-block; width: 49%; padding: 0; }
#ItemDetail .qtyBreak { display: block; margin: 0; font-size: 1rem; }
#ItemDetail .IBSListCellNumberStrike { display: block; color: #ACACAC;line-height: 2.5rem; }
#ItemDetail .qtyBreakPriceNetDetail { display: block; width: 100%; font-size: 2.5rem; text-align: start; line-height: 100%; margin-bottom: -10px; color: #37342E; }
#ItemDetail .qtyBreakPriceGSTDetail { display: block; line-height: 100%; color: #ACACAC; font-weight: 700; }
#ItemDetail .qtyBreakItemDiscount { display: block; margin: 0; }
#ItemDetail .addCutQtyWrap { width: 49%; }
#ItemDetail .item-meta div { display: inline-block; color: #ACACAC; vertical-align: top; width: 49%; }
#ItemDetail .item-code {
    width: 50%;
    color: #37342E !important;
    font-weight: 700;
    font-size: 0.9rem;
}
#ItemDetail .item-cat-page { width: 43% }
#ItemDetail .item-pricing { border-top: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA; }
#ItemDetail .catPriceDetail { margin: 5px;}
#ItemDetail .item-pricing span.IBSTextAttention  { margin: 5px 0px; }
.free-shipping-info {
    font-size: 0.8rem;
    font-weight: 700;
    color: #37342E;
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
    margin: 1rem 0 0;
    padding: 1rem 0;
}
.free-shipping-info span { color: #F54A7E; }
.pack-item span {
    display: block;
}
/* ==== END CATALOGUE BROWSER =====================================================*/
/*---HIGHSLIDE---*/
.item-thumbnail-group .highslide-gallery img {    visibility: hidden;
    max-width: 100%;
    position: relative;}

/* ==== START ART + CRAFT CATEGORY LISTING PAGE =====================================================*/
.category-item-row { border-bottom: 1px dashed #65c9d8; display: flex;}
.category-item-row:last-of-type { border-bottom:none; }
.category-item-image { flex: 1 0 auto;}
.category-item .text { flex: 1 0 auto;}
.category-item-image img { margin: 0 auto;     width: 100%;
    height: 100%;}
.category-item-image img:hover, .category-item-image img:active { opacity:0.8; }
.category-item { display: flex; flex-direction: column;}
.category-item .text h4 { font-size:1em; font-weight:bold; }
.category-item .text h4 a { width:100%; display:block; color:#37342E; }
@media (max-width: 34em) {
    .category-item-row { flex-direction: column;}
}

/* ==== END ART + CRAFT CATEGORY LISTING PAGE =====================================================*/

/* ==== START SHOPPING CART PAGES =====================================================*/
@-webkit-keyframes pg-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}
// Spec and IE10+
@keyframes pg-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}
.cartProgress {
    height: 20px;
    margin: 3rem 0;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.cartProgress:after, .cartProgress:before {
    display: table;
    content: " ";
    clear: both;
}
.cartProgress .step0, .cartProgress .step1, .cartProgress .step2 {
    float:left;
    width: 33%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
    -webkit-animation: pg-stripes 2s linear infinite;
    -o-animation: pg-stripes 2s linear infinite;
    animation: pg-stripes 2s linear infinite;
}
.cartProgress .active a {
    color: #fff;
    text-decoration:none;
    font-weight: bold;
}
.cartProgress .step0.active {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-color: #65C9D8;
}
.cartProgress .step0.active + .step1 {
    background: none !important;
}
.cartProgress .step1.active, .cartProgress .step0 {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-color: #65C9D8;
}
.cartProgress .step2.active, .cartProgress .step1, .cartProgress .step0 {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-color: #65C9D8;
}
.actionList .dropdown-menu > li > a {
    color: #333333;
    font-size: 0.9rem;
}
.actionList li i {

}
.shopping-cart-container {

}
.shopping-cart-container .showDeleteOrderLine { color: #F54A7E; }
.shopping-cart-container table.IBSListTable2 {
    width: 100%;
}
.shopping-cart-container table.IBSListTable2 p { margin: 0; }
.shopping-cart-container table.IBSListTable2 tr:first-child {
    height: 28px;
    color: #37342E;
    font-size: 14px;
    border-bottom: 1px solid #DDD;
}
tr.cartTotals {
    vertical-align:top;
    background:#f7f6f5;
    color:#37342E;
}
.IBSOrderTotalTable {
    margin: 0 auto;
}
.IBSOrderTotalTable tr td:first-child {
    text-align: left;
    padding-right: 54px;
}
.shopping-cart-container td.IBSListCell.cartQuantity input[type="text"] {
    width: 35px;
    padding: 3px 6px;
    border-radius: 3px;
    border: 1px solid #DAD7D7;
}
.cartQuantity img {
    display: inline;
}
#cartOverlay {
    position: absolute;
    right: 0;
    top: 145px;
    z-index: 1;
}
.primary-fixed #cartOverlay {
    position: absolute;
    right: 0;
    top: 5rem;
}
#cartOverlay button {
    padding: .25rem .75rem;
    font-size: .85rem;
    line-height: 1.5;
    border-radius: .2rem;
}
.shopping-cart-container table.IBSListTable2 tr.cartTotals td.cart-left {
    border-radius: 7px 0 0 7px;
    padding: 20px 0;
}
.shopping-cart-container table.IBSListTable2 tr.cartTotals td.cart-right {
    border-radius: 0 7px 7px 0;
    padding: 20px 0;
}
.cartProductImage img {
    width: 60px;
}

.cart-promotion, .cart-totals {
    text-align: left;
    padding: 0 15px;
    font-size: 1rem;
}
.cart-totals .form-control-label {
}
.cart-totals .cartLabelTotal, .cart-totals .cartTotal {
    font-weight: 700;
}

.cart-auto-promotion, #vouchers {
    color: #F54A7E;
    text-align: left;
    font-weight: 700;
    font-size: 1rem;
}
.cart-auto-promotion i {
    font-size: 1.5rem;
    margin-right: .8rem;
}
.remove-giftcard {
    cursor: pointer;
}

em.IBSMandatoryDataChar {
    color: rgb(233, 22, 22);
    font-style: normal;
    padding-left: 3px;
}
.sc-budget-container{
    float: left;
    width: 100%;
}

.cart-promotion-form .input-group-btn {
    vertical-align: bottom;
}
.cart-promotion .enter-promo {
    color: #0fa5bb;
    padding-bottom: 6px;
}
.cart-promotion .enter-promo  i {
    font-size: 1.5rem;
    color: #F54A7E;
}

.form-actions .actionList{
    padding-left: 0px;
    padding-right: 0px;
}

.form-actions .actionList ul.actions {
    padding-left:0;
}
.shoppingCart .modal-body.email-items textarea#textItems_EF {
    width: 100%;
}

/* ==== END SHOPPING CART PAGES =====================================================*/
/* ==== MANAGE BUDGET PAGE ===============================================-----======*/
#managebudgets .filters{margin: 33px 0px;}
#managebudgets #results,
#managebudgets .findnav,
#managebudgets #resultcount {
    margin: 0 10px;
}
.newnote div {margin-bottom:10px;}
#siteSelection .modal-dialog,
.budgetsmodal#modal .modal-dialog{
    position: relative;
    display: table;
    overflow-y: auto;
    overflow-x: auto;
    /* width: auto; */
    min-width: 300px;
}
/* ==== END OF MANAGE BUDGET PAGE =====================================================*/


/* ==== START DELIVERY ADDRESS =====================================================*/
ul.ui-autocomplete {
    width: 20rem !important;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-top: none;
    border-radius: 0;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    padding: 8px 0;
    list-style-type: none;
    margin-top: -1px;
}
ul.ui-autocomplete li a.ui-corner-all {
    display: block;
    color: #acacac;
    font-size: 1rem;
    padding: 3px 20px;
}
ul.ui-autocomplete li a.ui-state-focus {
    color: #DCE664;
    text-decoration: none;
}
ul.ui-autocomplete li {
    white-space: nowrap;
    cursor: pointer;
    font-size: 0.9rem;
    line-height: 1.5rem;
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
p.IBSLabelHeader {
    font-size: 1.2rem;
}
.order-delivery-actions{
    margin-bottom:20px;
}

.order-delivery-form .IBSHtmlSelectForm {
    display: block;
    width: 100%;
    padding: 0.5rem;
}
/* ==== END DELIVERY ADDRESS =====================================================*/

/* ==== START PAYMENT PAGE =====================================================*/
.credtcardPayments label {
}
.order-payments-form {
    border: 1px solid rgb(195, 195, 195);
    border-radius: 7px;
    background: rgb(250, 250, 250) none repeat scroll 0% 0%;
}
.order-payments-message p {
    color: rgb(101, 201, 216);
    padding: 10px;
    margin-bottom: 20px;
    line-height: 1.4rem;
    background: rgb(238, 245, 250) none repeat scroll 0% 0%;
    border: 1px solid rgb(161, 200, 227);
    border-radius: 7px;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
}
ul.acceptedCards { width:300px; height:32px; padding:0px 0 40px; list-style-type: none; }

ul.acceptedCards li {
    height:32px;
    width:51px;
    display: inline-block;
    margin:0 10px 0 0;
    text-indent:-9997px;
    background:url(/resources/site/kg/new-credit-card-sprite.png) no-repeat 0 0;
    -moz-transition:all 200ms ease-in-out;
    -webkit-transition:all 200ms ease-in-out;
    -o-transition:all 200ms ease-in-out;
    -ms-transition:all 200ms ease-in-out;
    transition:all 200ms ease-in-out;
}
ul.acceptedCards li.visa { background-position:0 0; }
ul.acceptedCards li.visa.off { background-position:0 -32px; }
ul.acceptedCards li.mastercard { background-position:-51px 0; }
ul.acceptedCards li.mastercard.off { background-position:-51px -32px; }
ul.acceptedCards li.amex { width:63px; background-position:-102px 0; }
ul.acceptedCards li.amex.off { width:63px; background-position:-102px -32px; }

.paymentDetails .form-control { width: inherit; width: initial;}

/*---CVN TOOLTIP EXPLANATION---*/

.amex-four-digit {
    display:block;
    font-size:11px;
    padding-top:4px;
}
.creditCards p {
    font-size: 1.1rem;
    color: rgb(61, 61, 61);
    margin: 0px;
    padding: 0px 36px 0px 0px;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
}
.creditCards .paynow {
    font-size: 1.5rem;
    color: #37342E;
}
.creditCards .paymentmethods {
    font-size: 1rem;
    color: #37342E;
    padding-top: 1rem;
}
/*---END CVN tooltipshow EXPLANATION---*/

/* ==== END PAYMENT PAGE =====================================================*/

/* ==== START COPY PASTE PAGE =====================================================*/
p.order-copy-paste-header {
    font-size: 1.5em;
    font-weight: bold;
}
#OrderLineCopyPaste .actions .action-convert,
#OrderLineCopyPaste .actions .action-clear {
    display: inline-block;
}
.order-copy-paste-info { background: #f7f9fb; padding: 2rem 0; margin-top: 2rem;
    font-size: 0.9rem;
    order-top: 1px solid #e1e1e1;
}
.order-copy-paste-info h2 { font-weight: 700; }
.order-copy-paste-info h5 { font-weight: 700; color: #0FA5BA; }
.OrderLineCopyPaste #dead-space { height: 0; }
.OrderLineCopyPaste .action-convert a {
    color: #fff;
    background-color: #F54A7E;
    border-color: #DCE664;
    display: inline-block;
    padding: 0.5rem 1rem;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
}
/* ==== END COPY PASTE PAGE =====================================================*/

/* ==== START ORDER LINE ENTRY PAGE =====================================================*/
.disabledTab{ pointer-events: none;}
.order-line-entry #tabs .nav-item.active{
    border: 2px solid red;
    border-bottom: none;
    border-radius: 5px 5px 0px 2px;
}

.order-line-entry-tabs .actions.pull-right{
    right: 2px;
    position: relative;
    margin: 15px 0px -25px 0px;
}

.order-line-entry-tabs .actions.pull-right + .dt-bootstrap{
    position: relative;
    float: right;
    right: 17%;
    margin: -13px 0px 10px 0px;
}
.order-line-entry-table .alert { padding: 5px;}
.order-line-entry-table .table td {
    border: none;
    border-bottom: 1px solid #d7d7d7;
    padding: 0.7rem 0.5rem;
    color: #000;
    font-weight: 600;
}

#OrderLineEntry .actions a{
    font-size: 1.0rem;
    text-decoration: none;
    margin-bottom: 20px;
    color: white;
    font-family: "Avenir Book", Helvetica, sans-serif;
}


#catalogue-details #buyall{
    float: right;
    margin: 0 10px;
    display: none;
}
#catalogue-details .fa .fa-play-circle-o{
    font-size: 1.2rem;
    padding: 2px 5px 2px;
    top: 2px;
    position: relative;
}
.table-catalogue .category td {
    background-color: #F54A7E;
    color: #FFFFFF;
}
.order-line-entry-table input[type="text"] {
    border: none;
    border-bottom: 1px solid #e6e6e6;
    background: #fff;
    color: #000;
    font-weight: 600;
}
.quickDescription input[type="text"] {
    border: none;
}
#OrderLineEntry .actions div { float: left; margin-left: 10px;  }
/* ==== END ORDER LINE ENTRY PAGE =====================================================*/
/* ==== ARLedger transaction PAGE =====================================================*/
.alert-warning{
    background: white;
}
.alert{
    border: none;
    padding-left: 0px;
    padding-right: 0px;
}
.ar-transactions .alert.alert-warning { display:inline;float:right;}
.massDL-popover{
    display: block;
    width: 150px;
    text-decoration:none;
}
/* ==== End of ARLedger transaction PAGE =====================================================*/

/* ==== START NEW ONLINE ACCOUNT =====================================================*/
.newuser .link-help, .newuser2 .link-help, .newuser3 .link-help { display:none; }
.newuser .page-header, .newuser2 .page-header, .newuser3 .page-header {
    width: 63%;
    margin: 0 auto;
}
.newuser .page-contents {
    width: 63%;
    margin: 0 auto;
}
.newuser2 .page-contents, .newuser3 .page-contents {
    width: 50%;
    margin: 0 auto;
}
.newuser .PageTitle, .newuser2 .PageTitle, .newuser3 .PageTitle {
    text-align: center;
    color: #37342E;
    text-transform: capitalize;
}
.newuser .register-error {
    width: 50%;
    text-align: left;
    margin: 0 auto;
}
.newuser .register-account .form-group {
    width: 66%;
    margin: 1rem auto;
    text-align: left;
}
.newuser .register-account .IBSLabelSmall {
    font-size: 1rem;
    color: #37342E;
}
.newuser .register-account .IBSInput {
    padding: 1rem;
    font-size: 1.1rem;
}
/* Second Page */
.user-update label,.change-password label,.ar-transactions  label{font-weight:bold;}
.newuser2 .register-user label {
    font-size: 1rem;
    color: #37342E;
}
.newuser2 .register-user .form-control {
    font-size: 1.2rem !important;
}
.newuser2 .register-user .QRY_COUNTRY {
    display: block;
    font-size: 1.2rem;
    width: 100%;
    padding: 0.6rem;
}
.newuser2 .register-user input#EF_POSTCODE {
    width: 8rem;
    margin-top: 1rem;
}
.newuser .register-actions input.IBSPushButtonSmall,
.newuser2 .register-actions input.IBSPushButtonSmall,
.newuser3 .register-actions input.IBSPushButtonSmall {
    padding: 1rem 6rem 1rem 6rem;
    text-transform: capitalize;
}
/* Third Page */

.IBSPageNumber {
    font-size: 1.1rem;
    border-bottom: 2px solid #e1e1e1;
    padding-bottom: 1rem;
}
.IBSPageNumber .pg-current {
    color: #F54A7E;
}
.IBSPageNumber .pg-next {
    color: #acacac;
}
.IBSPageNumber .pg-done {
    color: #0fa5bb;
}
.IBSPageNumber  i {
    color: #9a9a9a;
    font-weight: 700;
    padding: 0 1rem;
}
/* ==== END NEW ONLINE ACCOUNT =====================================================*/
/* ==== START SIGN IN =====================================================*/
.signon-page .form-control {
    padding: 1rem;
}
.signon-page h3 { color: #37342E}
.signon-page .select-customer-wrapper .IBSInput { padding: 1rem; font-size: 1rem; width: 40%; }
#searchResults {}
#searchResults table {
    width: 100%;
    max-width: 100%;
}
#searchResults table td, #searchResults table td.IBSHeaderCell {
    padding: .75rem;
    line-height: 1.5;
    vertical-align: top;
    border-top: 1px solid #eceeef;
}
#searchResults table td.IBSHeaderCell {
    font-weight: bold;
}
#searchResults table td.label {
    color: #37342E !important;
    text-align: left;
    font-size: 100%;
    font-weight: 100;
    display: block;
}
#searchResults table a.IBSCellLink {
    background-color: #F54A7E;
    border-color: #F54A7E;
    border-radius: 0;
    font-weight: 700;
    text-transform: capitalize;
    color: #fff;
    display: inline-block;
    padding: .375rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    border: .0625rem solid transparent;
}
.customer-selection-cservices p,
.signon-customer-services p {

}
.customer-selection-cservices label,
.signon-customer-services label {
    font-size: 1rem;
    color: #37342E;
}
.customer-selection-cservices .IBSInput,
.signon-customer-services .IBSInput {
    padding: .375rem .75rem !important;
    font-size: 1rem;
    line-height: 1.5;
    color: #55595c;
    background-color: #fff;
    background-image: none;
    border: .0625rem solid #ccc;
    border-radius: 0;
    display: inline-block;;
    margin: 0;
}
.customer-selection-cservices .IBSPushButtonSmall,
.signon-customer-services .IBSPushButtonSmall {
    background-color: #F54A7E;
    border-color: #F54A7E;
    border-radius: 0;
    font-weight: 700;
    text-transform: capitalize;
    color: #fff;
    display: inline-block;
    padding: .375rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    border: .0625rem solid transparent;
}
/* ==== END SIGN IN =====================================================*/

/* ==== START CUSTOMER SELECTION =====================================================*/
.customer-selection .page-header .actions { display: none; }
.customer-selection .IBSInput { padding: 1rem; font-size: 1rem; width: 40%; }
.customer-selection h3 { color: #37342E; margin-top: 2rem; }
/* ==== END CUSTOMER SELECTION =====================================================*/

/* ==== 50% CENTER LAYOUT START =====================================================*/
.half-center-layout {}
.half-center-layout .page-header { width: 50%; margin: 0 auto; text-align: center; }
.half-center-layout .IBSPageTitleText { color: #37342E; text-transform: capitalize; }
.half-center-layout .page-contents { width: 50%; margin: 0 auto; text-align: center }
.half-center-layout .IBSTextNormal { font-size: 1rem; margin: 1rem 0;}
.half-center-layout .form-group { text-align: left; }
.half-center-layout .form-group label { font-size: 1rem; color: #37342E; }
.half-center-layout .form-group .form-control { padding: 1rem; font-size: 1rem; }
.half-center-layout .btn { width: 49%; padding: 1rem; font-size: 1.1rem; text-transform: capitalize; }
.half-center-layout .alert { margin: 1rem 0; }

/* ==== 50% CENTER LAYOUT END =====================================================*/
/* ==== FORGOT PASSWORD START =====================================================*/
.password-request .password-request-note { margin: 1rem 0; }
.password-request .password-request-note > span { color: #ACACAC; font-size: 0.9rem; }
/* ==== FORGOT PASSWORD END =====================================================*/
/* ==== EXPORT SALES START =====================================================*/
.export-mta .mainContent { font-size: 1.1rem; color: #37342E; }
.export-mta .mainContent h1 { }
.export-mta .contact-info span:first-child {
    color: #0FA5BB;
}
.export-mta .contact-info span:nth-child(2) {
    font-size: 1.5rem;
    display: block;
    margin-left: 3.5rem;
    margin-top: -1.2rem;
}
.export-mta .contact-info p:first-child:before,
.export-mta .contact-info p:nth-child(2):before {
    content: "\e81a";
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    vertical-align: middle;
    background: #F54A7E;
    border-radius: 50%;
    padding: 2px 10px 4px 10px;
    font-size: 1.5rem;
    color: #fff;
    margin: 10px 10px 0 0;
    display: inline-block;
}
.export-mta .contact-info p:nth-child(3):before {
    content: "\e80a";
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    vertical-align: middle;
    background: #F54A7E;
    border-radius: 50%;
    padding: 2px 9px 5px 9px;
    font-size: 1.5rem;
    color: #fff;
    margin: 10px 10px 0 0;
    display: inline-block;
}
.export-mta .contact-info span a {
    color: #37342E;
}
/* ==== EXPORT SALES END =====================================================*/
/* ==== CONTACT US START =====================================================*/
.contact-mta .header-top-bar .navbar .Contact-Us .nav-link {
    border-top: 3px solid #FFF;
    padding-top: 0.225rem;
}
.contact-mta p.lead { margin-bottom: 0; }
.contact-mta .mainContent h4 {
    font-size: 1.6rem;
    color: #0FA5BB;
}
.contact-mta .contact-details {margin-top: 1rem;}
.contact-mta .postal-info {margin-top: 1rem;}
.contact-mta address {
    font-size: 1.1rem;
    color: #37342E;
}
.contact-mta .mainContent i.fa {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: #F54A7E;
    font-size: 2rem;
}
.contact-mta .mainContent i.fa span {
    font-size: 1rem;
    line-height: 1.8rem;
    color: #FFF;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    margin-left: 2px;
}
.contact-mta .contact-info h4 {
    font-size: 1.2rem;
    margin: 0 0 0 1.3rem;
    display: inline-block;
}
.contact-mta .contact-info p {
    margin: -1.8rem 0 0 4rem;
    display: block;
    font-size: 1.5rem;
    color: #37342E;
}
.contact-mta .contact-info div { margin-bottom: 1rem;}
.contact-mta .contact-info i.fa {
    font-size: 3rem;
    margin-top: 1rem;
}
.contact-mta .contact-info i.fa span {
    font-size: 1.5rem;
    top: 5px;
}

/* ==== CONTACT US END =====================================================*/
/* ==== HELP SATRT =====================================================*/
.help-mta .bullets {
    list-style-type: none;
    padding: 0;
    font-size: 1rem;
}
.help-mta .bullets li {
    padding-bottom: 1rem;
}
.help-mta .bullets .active { color: #37342E;}
@media (min-width: 768px) {
    .help-mta .bwTop-scroll { position: fixed; top:0;}
    .help-mta .bwTop-scrollback {}
}
.help-mta h4 {color: #37342E; font-size: 1.6rem; }
.help-mta h5 {color: #0FA5BB; }
.help-mta #accordion h4 { font-size: 1rem;}
.help-mta #accordion .panel { padding-bottom: 1rem; position: relative; }
.help-mta #accordion .panel-collapse { padding-left: 1.7rem; }
.help-mta #accordion .panel-heading span { color: #DCE664; float: left; margin-top: -3px; margin-right: 0.5rem; }

/* ==== HELP END =====================================================*/
/* ==== OUR PEOPLE START =====================================================*/
.our-people .page { padding-top: 0; }
.our-people .jumbotron {
    background: url(/resources/site/kg/our-people-top-banner.jpg) no-repeat top center;
    background-size: 100% auto;
    color: #fff;
    position: relative;
    padding: 0;
}
.our-people .jumbotron img { visibility: hidden; }
.our-people .jumbotron div {
    height: 50%;
    overflow: visible;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.our-people .jumbotron p { font-size: 2vw;}
.our-people .jumbotron h1 { font-size: 3vw; }
.our-people .PageTitle { display: none;}
.our-people .mainContent p.lead { font-size: 1.5rem;}
.our-people .mainContent h2 {
    color: #0FA5BB;
    margin-bottom: 1rem;
}
.our-people .mainContent p {
    font-size: 1rem;
    color: #37342E;
}
.our-people .bg-blue {background: #e0eef0;}
.our-people .bg-green {background: #90d0a4;}

/* ==== OUR PEOPLE END =====================================================*/

/* ==== FREE FREIGHT START =====================================================*/
.freefreight {}
.freefreight .page, .freefreight .page-header { padding-top: 0; margin-top: 0; }
.freefreight .jumbotron {
    background: url(/resources/site/kg/free-freight-hero.jpg) no-repeat top center;
    background-size: 100% auto;
    color: #fff;
    position: relative;
    padding: 0;
}
.freefreight .jumbotron img { visibility: hidden; }
.freefreight .jumbotron div {
    height: 55%;
    overflow: visible;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.freefreight .jumbotron p { font-size: 3vw; margin-bottom: 0;}
.freefreight .jumbotron h1 { font-size: 2.8vw; line-height: 1; }
.freefreight h2 {
    font-size: 3rem;
    color: #0FA5BB;
    margin-bottom: 1rem;
}
.freefreight h2 i { color: #F54A7E; margin-right: 1rem; vertical-align: text-top; }
.freefreight .view-range { background: #f6f9fa; }
.freefreight .view-range h3 { color: #0fa5bb; font-size: 2rem; padding-top: 35px; }
.freefreight .view-range p { font-size: 1.5rem; line-height: 1.2; }
/* ==== FREE FREIGHT END =====================================================*/

/* ==== PROJECTS & PARTNERSHIPS START =====================================================*/
.newschool-mta .page { padding-top: 0; }
.newschool-mta .page-header { margin-top: 0;}
.newschool-mta .ns-heroImage1 {
    background: url(/resources/site/kg/new-school-heroImage1.jpg) no-repeat top center;
    background-size: 100% auto;
    color: #fff;
    position: relative;
    padding: 0;
}
.newschool-mta .jumbotron img { visibility: hidden; }
.newschool-mta .jumbotron div {
    height: 50%;
    overflow: visible;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.newschool-mta .jumbotron p { font-size: 2vw;}
.newschool-mta .jumbotron h1 { font-size: 2.5vw;}
.newschool-mta p.lead { font-size: 1.5rem;}
.newschool-mta h2 {	font-size: 3rem; color: #0FA5BB; margin-bottom: 1rem; }
.newschool-mta h3 {	color: #0FA5BB; margin-bottom: 1rem; }
.newschool-mta { font-size: 1rem; color: #37342E; }
.newschool-mta label { }
.newschool-mta .form-control { font-size: 1rem; padding: 0.8rem; }
.newschool-mta .bullets {color: #DCE664;}
.newschool-mta .bullets span {color: #37342E;}
.newschool-mta .gallery { background: #f7f9fb; position: relative; }
.newschool-mta .mta-sm-banner h3 { color: #fff; font-size: 2rem; }
.newschool-mta .mta-sm-banner h4 { color: #fff; font-size: 1rem; }
.newschool-mta .mta-sm-banner a i { font-size: 0.5rem; vertical-align: middle; }
.newschool-mta .mta-sm-banner a {
    background: #F54A7E;
    color: #fff;
    padding: 0.5rem 1rem;
    position: absolute;
    bottom: 1rem;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 60%;
    display: none; /* Temporary */
}
.newschool-mta .cs-eastside {
    background: url(/resources/site/kg/new-school-gallery-1.jpg) no-repeat 0 0;
    min-height: 284px;
    min-width: 285px;
    color: #fff;
}
.newschool-mta .cs-little {
    background: url(/resources/site/kg/new-school-gallery-2.jpg) no-repeat 0 0;
    min-height: 284px;
    min-width: 285px;
    color: #fff;
}
.newschool-mta .cs-springfield {
    background: url(/resources/site/kg/new-school-gallery-3.jpg) no-repeat 0 0;
    min-height: 284px;
    min-width: 285px;
    color: #fff;
}
.newschool-mta .cs-okeedokee {
    background: url(/resources/site/kg/new-school-gallery-4.jpg) no-repeat 0 0;
    min-height: 284px;
    min-width: 285px;
    color: #fff;
}

.newschool-mta .ns-heroImage2 {
    background: url(/resources/site/kg/new-school-heroImage2.jpg) no-repeat top center;
    background-size: 100% auto;
    color: #fff;
    position: relative;
    padding: 0;
}
.case-study h1 { font-size: 3rem; margin-bottom: 1rem; }
.testimonial { border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding: 2rem 0; }
.testimonial .testi-text {
    font-size: 1.4rem;
    text-align: center;
    color: #acacac;
    line-height: 1.8rem;
    padding-top: 2rem;
}
.cs-gallery li { padding: 0; }
/* ==== PROJECTS & PARTNERSHIPS END =====================================================*/
/* ==== VOUCHERS START =====================================================*/
.voucher h2 { }
.voucher .educationLinks { font-size: 1rem; }
.voucher .payments {
    background: #f7f6f5;
    padding: 1rem;
    font-size: 1rem;
}
.voucher .payments p { margin-bottom: 0.4rem; }
.voucher .payments p.total { font-size: 1.5rem; }
.voucher .payments p em { float: right; font-style: normal; }
.voucher .auto-redeem { text-align: right; }
.voucher .auto-redeem .btn { padding: 0.6rem 1.5rem; }
.voucher .btn-remove {
    color: #0fa5bb;
    background: transparent;
    padding-left: 1.5rem;
}
.voucher .remove-all:before { content: "\e807"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; color: #0fa5bb; font-size: 1rem; margin-right: -15px; }
.voucher .dataTables_empty {
    color: #0fa5bb;
    font-size: 1rem;
}
.voucher .dataTables_empty i {
    color: #F54A7E;
    font-size: 1.5rem;
    vertical-align: middle;
}

.vouhcer-to-spend{
    position: relative;
    left: 130px;
}
/* ==== VOUCHERS END =====================================================*/
/* ==== BACK ORDER SEARCH START =====================================================*/
.snippet.backorder { font-size: 1.125rem; color: #788385; }
.backorder .page-header .actions { display: none; }
.backorder .IBSSelectionTable { }
.backorder .QRY_Customer, .backorder .IBS_SCROLLSIZE {
    width: 100%;
    padding: .375rem .75rem;
    line-height: 1.5;
    background-color: #fff;
    background-image: none;
    border: .0625rem solid #ccc;
}
.backorder .IBSPushButtonSmall {
    display: block;
    background: #F54A7E;
    border: none;
    color: #fff;
    font-size: 1rem;
    text-transform: capitalize;
    display: inline;
    float:none;
}
.backorder .form-control, .backorder select { padding: .8rem !important; }
/* ==== BACK ORDER SEARCH END =====================================================*/

/* ==== ORDER SEARCH START =====================================================*/
.snippet.ordersearch { font-size: 1.125rem; color: #788385; }
.orderbrowse h2 { }
.orderbrowse .actions { display: none; }
.orderbrowse .IBSSelectionTable { text-transform: capitalize; }
.orderbrowse .IBSSelectionTable select {
    width: 100%;
    padding: .375rem .75rem;
    line-height: 1.5;
    background-color: #fff;
    background-image: none;
    border: .0625rem solid #ccc;
}

.backorder .fa.fa-edit{
    top: 3px;
    position: relative;
}

#BackOrderBrowser a[name="ACTION_DELETE"],#BackOrderBrowser a[name="ACTION_CHANGE"]{
    display: block;
    color: #F54A7E;
    border: none;
    font-size: 1rem;
    display: inline;
    text-decoration: none;
}
.orderbrowse .IBSPushButtonSmall {
    display: block;
    background: #F54A7E;
    border: none;
    color: #fff;
    font-size: 1rem;
    text-transform: capitalize;
    padding: .8rem 3rem;
}
.orderbrowse .form-control, .orderbrowse select { padding: .8rem !important; }
.orderbrowse .IBSGoToLink { display: none; }
#SalesOrderBrowser  i.fa-sort-asc,
#SalesOrderBrowser i.fa-sort-desc
{
    cursor: pointer;
    font-size: 1.3rem;
    top: 3px;
    position: relative;
    width: 10px;
    height: 6px;
}

#BackOrderBrowser .modal-content{
    position: relative;
    float: left;
    display:block;
}


.change-line-confirm .IBSPageNumber{
    display: block;
    color: #F54A7E;
    border: none;
    margin: 41px 0 0px 11rem;
}

#BackOrderBrowser td label {
    font-weight: bold;

}

#BackOrderBrowser td{
    vertical-align: middle;
}

#BackOrderBrowser .modal-body{    text-align: left;}
.change-line-confirm{    height: 150px;}
.backorder-search label{margin-bottom:0;}

#AccountInfo .ar-transactions  td:nth-child(8),
#AccountInfo .ar-transactions  td:nth-child(9){text-align:center;}
#AccountInfo .fa.fa-file-excel-o{
    font-size: 1rem;
    top: 2px;
    position: relative;
}
#BackOrderBrowser .fa-sort-asc,
#BackOrderBrowser .fa-sort-desc,
#AccountInfo  i.fa-sort-asc,
#AccountInfo i.fa-sort-desc

{    margin: 0 auto;
    position: relative;
    text-align: center;
    display: block;
    cursor: pointer;
    font-size: 1.3rem;
    height: 13px;
}

#AccountInfo pageheader{
    margin: 0px;
}
.ar-transactions table label{
    padding:0.3rem;
    margin: 0 auto;
    position: relative;
    text-align: center;
    display: block;
}

#BackOrderBrowser .fa-sort-asc,
#SalesOrderBrowser i.fa-sort-asc,
.ar-transactions i.fa-sort-asc{  display: block;}
#SalesOrderBrowser .table thead th {
    vertical-align: middle;
    background: #e0eef0;
    border-color: #ecf5f6;
    padding: 0.2rem 0.5625rem;
    line-height: 1;
}
#SalesOrderBrowser .table thead th  label
{
    padding: 2px;
    bottom: 3px;
    position: relative;
}

#SalesOrderDetail .card{    margin-bottom: 1.7rem;}

#SalesOrderBrowser a{text-decoration:none;}
#SalesOrderBrowser .icon-add-row,
#SalesOrderBrowser .icon-copy{
    color: #F54A7E;
    font-weight: bold;
    font-size: 1.2rem;

}
.ar-transactions  button {margin: 5px 0px;}
.ar-transactions  .IBSHeaderCellLight{font-weight:bold;      font-size: 1.1rem;  margin-top: 20px;}
table.IBSListTable.table-responsive { text-align: center;}
#BackOrderBrowser i.fa-sort-desc,#AccountInfo i.fa-sort-desc{   bottom: 8px;}
#AccountInfo .table td:nth-child(3),
#AccountInfo .table td:nth-child(7){width:16%;}
#AccountInfo .table td{
    vertical-align: middle;width: 8%;   padding: 0.4rem;    text-align: left;}
#AccountInfo .table td:nth-child(4),
#AccountInfo .table td:nth-child(5),
#AccountInfo .table td:nth-child(6),
]#AccountInfo .table td:nth-child(7){    width: 15%;}
/* ==== ORDER SEARCH END =====================================================*/

/* ==== ORDER LINE INFORMATION START =====================================================*/
.orderlineinfo .orderno,.orderlineinfo .orderline span {
    font-size: 1.525rem;
}
.orderlineinfo .orderline span {
    display:block;
}
.orderlineinfo .orderline span + span {}
.orderlineinfo .IBSHeaderCellLight ,
#SalesOrderDetail .IBSHeaderCellLight {
    font-size: 1.55rem;
}
.orderlineinfo .IBSRow { padding-top: .5rem; }
.orderlineinfo .IBSRow .IBSLabel {
    font-size: 1rem;
    display: block;
}
.orderlineinfo .IBSRow .IBSOutput {}
/* ==== ORDER LINE INFORMATION END =====================================================*/

/* ==== ORDER INFORMATION START =====================================================*/
.order-receipt-table .IBSLabel,
.order-receipt-table .IBSHeaderCell,
.order-receipt-table .IBSHeaderCellNumber
{}
.orderdetail th { white-space: nowrap; }
.orderdetail .IBSLabel {
    font-size: 1.55rem;
    text-transform: capitalize;
    /*padding: 2rem 0 0;*/
}

.item-no-access{    margin-top: 20px;}
.orderdetail .IBSRow { /*padding-top: .5rem; */}
.order-search-line-detail-table .IBSLabel,.orderdetail .IBSLabel {
    font-size: 1rem;
    display: inline-table;
    float: left;
}

.order-search-detail-basic .card-block span{	font-size: 1rem;
    display: inline-table;
    float: left;
}

.order-search-detail-basic {margin-top:20px;}
.orderdetail  span,
.order-search-line-detail-table span {
    height: auto;
    /*display: block;*/
    position: relative;
}

#OrderConfirmation .actions .btn{
    margin-right: 10px;
    float: right;
}
.IBSOrderTotalTable tr td,
.table .IBSOrderTotalTable.table{
    background-color:transparent;
    border:none;
    font-weight: 600;
}

table.IBSOrderTotalTable td{padding:0.3rem;}
.IBSOrderTotalTable .order-total td{
    font-size: 1.5rem;
}
.order-close-table .col-xs-3{padding-left:0;}

.order-receipt-table .card-block,
.order-close-table .card-block{
    border:none;
    padding: 0;
    text-align: left;
}
.order-close-table .card-text .IBSOutput,.order-close-table .card-text .IBSLabel{padding: 0;}
.order-close-table .IBSHeaderCell,
.order-close-table .IBSHeaderCellNumber,
.order-close-table .card-text .IBSLabel,
.order-search-line-detail-table span.IBSLabel {

}

.card-text div{    margin: 5px 0;}
.orderdetail .orderno {
    font-size: 1.525rem;
}

#scheduledOrderCatalogue .category {    font-weight: 700;}
.orderline{
    float: left;
    display: block;
}
/* ==== ORDER INFORMATION END =====================================================*/

/* ==== SCHEDULE ORDERS START =====================================================*/
.scheduledorders table.dataTable thead .sorting_asc,
.scheduledorders table.dataTable thead .sorting
{background-image:none;}
.scheduledorders .scheduled-availability { white-space: nowrap;}
.scheduledorders tr.group td { }
.scheduledorders .add-item { font-size: 1.2rem;    text-decoration: none; }
.scheduledorders .add-item:hover { text-decoration: none; }
.scheduledorders td.form-group { display: block; }
.scheduledorders input.btn-group {
    border: none;
    margin-right: 7px;
    padding: 9px 11px;
}
.scheduledorders input.btn-group:last-of-type { margin-right: 0; }
.scheduledorders .cutQty,
.scheduledorders .sol_cutQty,
.scheduledorders .sol_addQty,
.scheduledorders .addQty {
    background: #fff;
    border-radius: 0;
}
.scheduledorders .sol_cutQty, .scheduledorders .sol_addQty {
    cursor: pointer;
    border: 1px solid #e1e1e1;
    padding: .375rem .75rem;
}
.scheduledorders .orderQty { text-align: center; }
.scheduledorders .modal-header {
    border-bottom: none;
    text-align: center;
    font-size: 1.5rem;
    padding-top: 2rem;
}
.scheduledorders .modal-footer { border-top: none; text-align: center; padding-bottom: 2rem; }
.scheduledorders .modal-body { font-size: 1.125rem;    text-align: left; }
.scheduledorders .modal-header .close { margin-top: -1.4rem; }
.scheduledorders .modal-footer .btn { padding: 0.6rem 6rem; }
.scheduledorders .modal label { font-size: 1.125rem; }
.scheduledorders .modal .form-control { padding: 0.8rem; font-size: 1rem; }
.scheduledorders .catQty {
    width: 20%;
    text-align: center;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    border-left: none;
    border-right: none;
    padding: .375rem .75rem;
}
@media (min-width: 768px) {
    .scheduledorders #orderHistoryModal .modal-dialog { min-width: 55rem;}
}
/* ==== SCHEDULE ORDERS END =====================================================*/

/* ==== SIMPLE SCHEDULE ORDERS START =====================================================*/
.simpleschedule .btn.skip { width:30%; }
.simpleschedule .btn.deleteScheduledOrder { width:30%; }
.simpleschedule #scheduledOrders tr, .addQty, .cutQty {	cursor: pointer; }
.simpleschedule tr.active { background-color: #fafafa !important; }
.simpleschedule #scheduledOrdersLines .addToCartDetail,
.simpleschedule #scheduledOrderCatalogue .addToCartDetail { display:none !important; min-width: 0px !important; }
.simpleschedule #scheduledOrdersLines .orderQty {
    border: 1px solid #e6e6e6;
    text-align: center;
    width: 1.7rem;
    height: 32px;
    bottom: 0 !important;
    font-weight: bolder;
}
.simpleschedule .soc_cutQty,
.simpleschedule .soc_addQty,
.simpleschedule .soc_cutQty, .scheduledorders .soc_addQty {
    cursor: pointer;
    border: 1px solid #e1e1e1;
    padding: .375rem .75rem;
}
.simpleschedule .catQty {
    text-align: center;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    border-left: none;
    border-right: none;
    padding: .375rem .75rem;
}
.simpleschedule tr.group td { }
.simpleschedule .catPriceGallery .IBSListCellNumber { display: block; color: #37342E; font-weight: 700;}
.simpleschedule .scheduled-price.priceAndBuy { display: table-cell;}
.simpleschedule .catPriceGallery.quick { display: table; }
.simpleschedule .qtyBreakGallery.quick:first-child {    padding-right: 8px;}
.simpleschedule .qtyBreakItemDiscount.quick {  display: table-row;}
.simpleschedule .qtyBreakItemDiscount.quick em { display: inline;}
.simpleschedule .scheduled-availability,
.simpleschedule .qtyBreakGallery.quick span.qtyBreak { white-space: nowrap; }
.simpleschedule .catPriceNetGallery, .simpleschedule .IBSListCellNumber, .simpleschedule .qtyBreakPriceNetGallery {font-size: 1rem !important; }

/* ==== SIMPLE SCHEDULE ORDERS END =====================================================*/

/* ==== MANAGE SCHEDULE ORDERS START =====================================================*/
.manageschedule #scheduledOrdersCentres td { vertical-align: top; }
.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0;
    margin: 0;
    border: none !important;
    border-radius: 0;
    vertical-align: top;
}
.pagination>li>a, .pagination>li>span {
    border-radius: 0 !important;
    color: #040707;
    font-weight: 700;
    padding: 5px 11px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover { background: transparent; border: none; }
@media (min-width: 1190px) {
    .manageschedule #scheduledOrdersHO .showRequestedOrders, .manageschedule #scheduledOrdersHO .deleteScheduledOrder { width: 32%; }
    .manageschedule #scheduledOrdersHO .skipNextOrder { width: 50%; }
    .manageschedule #requestHistoryModal .modal-dialog { width: 50%; }
}

#requestHistoryModal .modal-body{    padding: 0 15px;}
/* ==== MANAGE SCHEDULE ORDERS END =====================================================*/

/* ==== ITEM BLACKLIST SEARCH START =====================================================*/
.item-blacklist {}
.item-blacklist .IBSHtmlSelectForm {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
}
.item-blacklist .backorder-search label { }
.item-blacklist .search-result { }
/* ==== ITEM BLACKLIST SEARCH END =====================================================*/


/*=============================== Item detail ========================================*/
#ItemDetail #links a{    display: inline;
    float: left;
}

#modalCarousel img{
    height: auto;
    width: auto;
    margin: auto;
}

a[href="#modalCarousel"] {
    background: none;
    vertical-align: middle;
    top: 45%;
}

a[href="#modalCarousel"] i{font-size: 2rem;color:#37342E;}

#modalCarousel .carousel-control.right ,
#modalCarousel .carousel-control.left{background:none;}

#ItemDetail #modalCarousel .carousel-inner .item {
    transition-property: opacity;
}

#ItemDetail #modalCarousel .item,
#ItemDetail #modalCarousel .active.left,
#ItemDetail #modalCarousel .active.right {
    opacity: 0;
}

#ItemDetail #modalCarousel .active,
#ItemDetail #modalCarousel .next.left,
#ItemDetail #modalCarousel .prev.right {
    opacity: 1;
}

#ItemDetail #modalCarousel .next,
#ItemDetail #modalCarousel .prev,
#ItemDetail #modalCarousel .active.left,
#ItemDetail #modalCarousel .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}

#ItemDetail #modalCarousel .carousel-control {
    /*z-index: 2;*/
}
.item-detail .row-fluid{display: inline-block;}

.activeThumbnail{
    border: 1px solid #37342E;
}



html,
body,
#ItemDetail .carousel,
#ItemDetail .carousel-inner,
#ItemDetail .carousel-inner .item {
    height: 100%;
}



/*=============================== End of Item detail ========================================*/
.fa-cart-plus,.fa-cart-arrow-down,.fa-money,fa-group{    width: 1.28571429em;
    text-align: center;}
/* To hide checkout page styles*/

.IBSPageTitleHeaderPrint, .IBSFooterCellPrint
{
    display:none;
}
.static-medium-banner div:eq(1){

    border-right: 1px solid #788385;
    padding-right: 11px;
    border-left: 1px solid #788385;
    padding-right: 11px;
    min-height: 180px;
}
/* Media Queries*/
@media (max-width: @screen-xs-max) {
    .static-medium-banner div:eq(1){
        border:none;
    }
    #footer-contact a {
        background: #45B870;
        padding: 9px;
        top: -46px;
        right: -8%;
        float: right;
        position: relative;
        color: #FFFFFF;
    }

    .gcsProduct .addToCartDetail {
        top: 3rem;
    }

    .catItemDetail .priceAndAvailability{
        height: 250px;
        position: relative;
    }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) {
    .static-medium-banner div:eq(1){
        border:none;
    }
    #footer-contact a {
        background: #45B870;
        padding: 9px;
        top: -46px;
        right: -8%;
        float: right;
        position: relative;
        color: #FFFFFF;
    }
    .catItemDetail .priceAndAvailability{
        height: 250px;
        position: relative;
    }
}

/* Large desktops and laptops */
@media (min-width: 1200px) {
    #square-banners-row  > div:first-child	 {    padding-left: 0;}
    .primary-fixed > .row {
        width: 1156px;
        margin: 0 auto;
    }
}

/* Landscape tablets and medium desktops */
@media(max-width: 1199px) {
    .footer-free-info i{
        float: none;
        margin: 0 auto;
        display: block;
    }
    .footer-free-info .row div{text-align: center;}
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    #home-banner-carousel .carousel-inner {
        width: 97%;
    }
    #homeFeatureWide .banner1 div:nth-child(1) {}
    #homeFeatureWide .banner1 + div > div {    background-position: 50% 0%; }
    #homeFeatureWide .banner1 + div + div > div {     background-position: 50% 0%;}

    #homeFeatureWide .banner2 + div > div {    background-position: 50% 0%; }
    #homeFeatureWide .banner2 + div + div > div {     background-position: 50% 0%;}

    #homeFeatureWide .banner3 + div > div {    background-position: 50% 0%; }
    #homeFeatureWide .banner3 + div + div > div {     background-position: 50% 0%;}

    #homeFeatureWide .banner4 + div > div {    background-position: 50% 0%; }
    #homeFeatureWide .banner4 + div + div > div {     background-position: 50% 0%;}

    #homeFeatureWide .banner5 + div > div {    background-position: 50% 0%; }
    #homeFeatureWide .banner5 + div + div > div {     background-position: 50% 0%;}

    .lg-banner-text {
        font-size: 3rem;
        line-height: 2.5rem;
    }

    .banner1 .lg-banner-text,
    .banner2 .lg-banner-text,
    .banner3 .lg-banner-text,
    .banner4 .lg-banner-text,
    .banner5 .lg-banner-text
    {
        line-height: 2.5rem;
        font-size: 3.4rem;
    }

    #square-banners-row{    margin-left: 19%;}
    #home-banner-carousel .banner-btns {
        left: 2%;
        position: relative;
    }
    #homeFeatureWide{    margin-left: 0%;}
    .home-top-right {
        /*margin-left: 5.5rem;*/
        margin-left: 0;
        width: 100%;
    }

    .sm-banner-text{
        top: 50%;
    }


    .catDetailAvailability {
        bottom: 83px;
    }

    .gcsPrice .addToCar tDetail div, .gcsPrice .addToCartDetail input {
        /*	bottom: -35px;*/
    }

    #home-banner-carousel i{
        float: none;
        padding-left:0;
    }

    .static-medium-banner .block-header h3{
        text-align: center;
    }

    .gcsProduct .gcsCode {
        bottom: 52px;
    }

    .gcsProduct .gcsAvailability {
        bottom: 50px;
    }

    .static-medium-banner i{
        margin-left:0;
        float: none;
    }
    .header-free_shipping {
        padding: 0 0 0 1rem !important;
    }
    .header-top-bar .navbar {
        padding: 0 0 0 4rem;
        display: inline-block;
        vertical-align: middle;
    }
    .top-bar-info {
        display: inline-block;
    }
    .header-top-bar .telephone, .header-top-bar .fax {
        float: none;
    }
    #shoppingCartPopup .modal-dialog .modal-dialog {
        top: 13rem;
        left: 30%;
    }
    .header-top-bar { padding: 0; }

    .bnr-lg-fontXLarge { font-size: 2.4rem; padding: 0 1rem; }
    .bnr-lg-fontLarge { font-size: 1.3rem; }
    .bnr-lg-fontMedium { font-size: 1.1rem; }
    .bnr-lg-fontSmall { font-size: 1.0rem; }
    .bnr-sm-fontLarge { font-size: 2.5rem; padding-top: 1rem; }
    .bnr-top-space-1 { padding-top: 1rem; }
    .bnr-top-space-2 { padding-top: 1.5rem; }
    .bnr-top-space-3 { padding-top: 2rem; }
    .bnr-top-space-4 { padding-top: 3rem; }
    .bnr-top-space-5 { padding-top: 4rem; }
    .bnr-top-space-6 { padding-top: 5rem; }
    .bnr-top-space-7 { padding-top: 6rem; }
    .bnr-top-space-8 { padding-top: 7rem; }
    .bnr-top-space-9 { padding-top: 8rem; }
    .bnr-top-space-10 { padding-top: 9rem; }

}
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .banner1 .lg-banner-text,.banner5 .lg-banner-text,.banner2 .lg-banner-text, .banner3 .lg-banner-text, .banner4 .lg-banner-text {
        line-height: 2.5rem;
        font-size: 3.4rem;
    }
    .bnr-lg-fontXLarge { font-size: 2.4rem; padding: 0 1rem; }
    .bnr-lg-fontLarge { font-size: 1.3rem; }
    .bnr-lg-fontMedium { font-size: 1.1rem; }
    .bnr-lg-fontSmall { font-size: 1.0rem; }
    .bnr-sm-fontLarge { font-size: 2.5rem; padding-top: 1rem; }
    .bnr-sm-fontSmall { font-size: 1.5rem; }
    .bnr-top-space-1 { padding-top: 1rem; }
    .bnr-top-space-2 { padding-top: 1.5rem; }
    .bnr-top-space-3 { padding-top: 2rem; }
    .bnr-top-space-4 { padding-top: 3rem; }
    .bnr-top-space-5 { padding-top: 4rem; }
    .bnr-top-space-6 { padding-top: 5rem; }
    .bnr-top-space-7 { padding-top: 6rem; }
    .bnr-top-space-8 { padding-top: 7rem; }
    .bnr-top-space-9 { padding-top: 8rem; }
    .bnr-top-space-10 { padding-top: 9rem; }

    /*	.header-top-bar .contact-container {
            float: none !important;
        }
    */	.item-thumbnail-group .highslide-gallery  {
              min-height: 350px;
          }
    #scheduledOrdersCentreForm td input[type="button"]{width: 6.5rem;margin-left:-1px;}
    #scheduledOrdersCentreForm .sol_cutQty ,#scheduledOrdersCentreForm .sol_addQty,
    #scheduledOrdersCentreForm .catQty {
        width: 50%;
        font-size: 2rem;
        line-height: 1.3rem;
        text-align: center;
    }
    body.activity, body.category, body.search, body.recent, body.tag {
        background: none;
    }

    .item-category .PageTitle {margin-top:0;}
    #homeFeatureWide .banner1 div:nth-child(1) {}
    #homeFeatureWide .banner1 + div > div {    background-position: 50% 0%; }
    #homeFeatureWide .banner1 + div + div > div {     background-position: 50% 0%;}

    #homeFeatureWide .banner2 + div > div {    background-position: 50% 0%; }
    #homeFeatureWide .banner2 + div + div > div {     background-position: 50% 0%;}

    #homeFeatureWide .banner3 + div > div {    background-position: 50% 0%; }
    #homeFeatureWide .banner3 + div + div > div {     background-position: 50% 0%;}

    #homeFeatureWide .banner4 + div > div {    background-position: 50% 0%; }
    #homeFeatureWide .banner4 + div + div > div {     background-position: 50% 0%;}

    #homeFeatureWide .banner5 + div > div {    background-position: 50% 0%; }
    #homeFeatureWide .banner5 + div + div > div {     background-position: 50% 0%;}

    .lg-banner-text {
        font-size: 3.2rem;
        line-height: 2.3rem;
    }
    .sm-banner-text {
        top: 71%;
    }
    #home-banner-carousel .carousel-inner {
        width: 100%;
    }
    #homeFeatureWide{    margin-left: 0;}
    .home-top-right { float: none; width:100%; }
    .category .PageTitle{  margin-top: 1rem;}

    .catDetailAvailability {
        bottom: 33px;
    }
    .static-medium-banner .block-header h3{
        text-align: center;
    }
    .login-options-container {
        padding: 15px 10px;
    }
    #home-banner-carousel i{
        float: none;
        padding-left:0;
    }
    .static-medium-banner .form-group .form-control{
        width:100%
    }
    .sm-banner-text {
        top: 54%;
    }
    .static-medium-banner i{
        margin-left:0;
        float: none;
    }
    .header-top-bar .top-bar-info {
        text-align: center;
    }
    .header-top-bar .usp {
        float: none;
        display: block;
    }
    .header-top-bar .telephone {
        float: none;
        padding: 0 1rem;
    }
    .header-top-bar .fax {
        float: none;
    }
    .header-top-bar .nav {
        float: none;
        text-align: center;
    }
    .navbar-nav .nav-item {
        float: none;
        display: inline-block;
    }
    .header-top-bar .nav form {
        display: inline-block;
        margin-left: 0;
    }
    .header-top-bar .navbar form a.btn {
        background: transparent;
        border: none;
    }
    .menu-container {
    }
    .search-container {
        float: right;
    }
    .sm-blue > li > a {
        padding-left: .1rem !important;
        padding-right: .1rem !important;
    }
    .sm-blue > li:first-child > a:first-child {
        padding-left: 0;
    }
    #shoppingCartPopup .modal-dialog {
        top: 15rem;
        left: 23%;
    }

    .footer-navigation-column:last-of-type {
        margin-left: 0;
        width: 30%;
    }
    .contact-mta .contact-info p {
        font-size: 1rem;
    }
    .contact-mta .contact-info h4 {
        font-size: 0.9rem;
    }
    .catDetailPrice .IBSListCellNumber, .catDetailPrice .catPriceNetDetail, .catDetailPrice .qtyBreakPriceNetDetail {
        font-size: 1.9rem;
    }
    .header-free_shipping .icon-shipping { display: none; }
    .search-form .form-group button.form-control-feedback, .search-border #searchButton {
        width: auto;
    }
    .activity-header { height: 10rem; }
    .activity-search { margin-bottom: 6rem; }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

    .bnr-overlay-image img { width: 100%; }
    .bnr-lg-fontXLarge { font-size: 2.4rem; padding: 0 1rem; }
    .bnr-lg-fontLarge { font-size: 1.3rem; }
    .bnr-top-space-3 { padding-top: 1rem; }
    .bnr-top-space-4 { padding-top: 2rem; }
    .bnr-top-space-5 { padding-top: 3rem; }
    .bnr-top-space-6 { padding-top: 4rem; }
    .bnr-top-space-7 { padding-top: 5rem; }
    .bnr-top-space-8 { padding-top: 6rem; }
    .bnr-top-space-9 { padding-top: 7rem; }
    .bnr-top-space-10 { padding-top: 8rem; }

    #homeFeatureWide .banner1 div:nth-child(1),
    #homeFeatureWide .banner2 div:nth-child(1),
    #homeFeatureWide .banner3 div:nth-child(1),
    #homeFeatureWide .banner4 div:nth-child(1)
    #homeFeatureWide .banner5 div:nth-child(1)
    {
        background-size:cover;
    }

    .banner1 .lg-banner-text,.banner2 .lg-banner-text, .banner3 .lg-banner-text, .banner4 .lg-banner-text,.banner5 .lg-banner-text,
    .banner1 .sm-banner-text,.banner2 .sm-banner-text, .banner3 .sm-banner-text, .banner4 .sm-banner-text,.banner5 .sm-banner-text
    {    right: 4%;}

    #homeFeatureWide .banner1 div:nth-child(1),
    #homeFeatureWide .banner2 div:nth-child(1),
    #homeFeatureWide .banner3 div:nth-child(1),
    #homeFeatureWide .banner4 div:nth-child(1),
    #homeFeatureWide .banner5 div:nth-child(1){
        background-position-y: -43px;
    }

    #OrderReceived .link-view-print,
    #OrderReceived .link-change-order,
    .action-view-order{width:100%;}
    .item-thumbnail-group .highslide-gallery  {
        min-height: 350px;
    }
    #scheduledOrdersCentreForm td input[type="button"]{width: 6.5rem;margin-left:-1px;}
    #scheduledOrdersCentreForm .sol_cutQty ,#scheduledOrdersCentreForm .sol_addQty,
    #scheduledOrdersCentreForm .catQty {
        width: 50%;
        font-size: 2rem;
        line-height: 1.3rem;
        text-align: center;
    }

    .item-category .PageTitle {margin-top:50px;}

    body.activity, body.category, body.search, body.recent, body.tag {
        background:none;
    }
    .activityLeftNav .activity-search input[type="search"]{width: 85%;}
    .activity-text1,.activity-text2{top:20%;}
    .activity-text1 {font-size:3rem;}
    #homeFeatureWide .banner1 div:nth-child(1),
    #homeFeatureWide .banner2 div:nth-child(1),
    #homeFeatureWide .banner3 div:nth-child(1),
    #homeFeatureWide .banner4 div:nth-child(1),
    #homeFeatureWide .banner5 div:nth-child(1),

    {background-position-y: -32px;}
    #home-banner-carousel .carousel-inner {
        /*width: 87%;*/
        width: 100%;
    }
    .sm-banner-text {
        top: 54%;
    }
    .home-top-right{width:100%;}

    .carousel-item div:nth-child(2),
    .carousel-item div:nth-child(3),
    #square-banners-row  > div:nth-child(1),
    #square-banners-row > div:nth-child(3){
        padding-left:0;
    }
    .carousel-item.active > div:nth-child(2){    margin-top: 10px;}
    .header-free_shipping{padding-left:19px!important;}
    .category .PageTitle{  margin-top: 1rem;}
    .catDetailAvailability {
        bottom: 3rem;
    }

    .static-medium-banner .form-group .form-control{
        width:100%
    }
    .static-medium-banner .block-header h3{
        text-align: center;
    }
    .catItemDetail {
        display: block;
    }
    .shoppingCartAlert{    right: 0;}

    .catDetailPrice {
        min-height: 16rem;
    }

    .gcsPrice .priceAndBuy .addToCartDetail div,
    .gcsPrice .priceAndBuy .addToCartDetail input{
        bottom: -10px;
    }

    .gcsProduct .addToCartDetail {
        top: 6rem;
        bottom: 0
    }

    .gcsProduct .gcsAvailability{
        bottom: 3.3rem;
    }

    .gcsProduct .gcsCode {
        bottom: 3.3rem;
        right: 10px;
    }
    .catItemDetail .priceAndAvailability{
        height: 250px;
        position: relative;
    }

    .gcsProduct[data-display*="GALLERY"] .catGalleryAvailability,
    .gcsProduct[data-display*="GALLERY"] .catGalleryItem{
        bottom:4.9rem;
    }

    #home-banner-carousel i{
        float: none;
        padding-left:0;
    }
    .static-medium-banner i{
        margin-left:0;
    }
    .header-top-bar .top-bar-info {
        text-align: center;
    }
    .header-top-bar .usp {
        float: none;
        display: block;
    }
    .header-top-bar .telephone {
        float: none;
        padding: 0 1rem;
    }
    .header-top-bar .fax {
        float: none;
    }
    .header-top-bar .nav {
        float: none;
        text-align: center;
    }
    .navbar-nav .nav-item {
        float: none;
        display: inline-block;
    }
    .header-top-bar .nav form {
        display: inline-block;
        margin-left: 0;
    }
    .header-top-bar .navbar form a.btn {
        background: transparent;
        border: none;
    }
    .menu-container {
        float: none;
        width: 100%;
    }
    .search-container {
        float: right;
    }
    .sm-blue > li > a {
        padding-left: .6rem;
        padding-right: .6rem;
    }
    #subMenu {
        position: absolute;
        width: 96%;
        top: 0;
        z-index: 16;
        left: 6px;
        right: 0;
    }
    #menu-button {
        margin: 0;
        padding: 0.55rem;
        background: transparent;
        text-align: left;
        color:#f04da5; /*color: #fff;*/
        text-transform: uppercase;
    }
    ul#main-menu {
        background: #0FA5BB;
        margin-top: -5px;
    }
    .sm, .sm ul, .sm li {
        padding: 0;
    }
    .search-container {
        width: 50%;
        float: right;
        z-index: 1041;
    }

}
/* Portrait phones and smaller */
@media (max-width: 545px) {

    .banner1 .lg-banner-text,.banner2 .lg-banner-text, .banner3 .lg-banner-text, .banner4 .lg-banner-text,.banner5 .sm-banner-text,
    .banner1 .lg-banner-text,.banner2 .sm-banner-text, .banner3 .sm-banner-text, .banner4 .sm-banner-text,.banner5 .sm-banner-text
    {    right: 0%;}
    .gcsProduct[data-display*="GALLERY"] .catGalleryPrice input.addToCart,
    .gcsProduct[data-display*="GALLERY"] .catGalleryPrice .addCutQtyWrap {}
    .gcsProduct[data-display*="GALLERY"] .catGalleryPrice .addToCartDetail .IBSInput{width:55%;}
    #square-banners-row div {padding:0;}
    #homeFeatureWide .banner1 div:nth-child(1),
    #homeFeatureWide .banner2 div:nth-child(1),
    #homeFeatureWide .banner3 div:nth-child(1),
    #homeFeatureWide .banner4 div:nth-child(1),
    #homeFeatureWide .banner5 div:nth-child(1)
    {    background-position-y: -3px;}

    .banner1 .overlay-text a.btn,
    .banner2 .overlay-text a.btn,
    .banner3 .overlay-text a.btn,
    .banner4 .overlay-text a.btn,
    .banner5 .overlay-text a.btn
    {
        bottom: 27px;
        left: 10%;
    }
    .gcsProduct .gcsPrice {
        /* bottom: 2rem;*/
    }
    .lg-banner-text {
        width: 90%;
    }
    .eylf .jumbotron div { height: 85%; }
    .horizontal-banner {
        width: 100% !important;
        height: auto !important;
    }
}
@media (max-width: 544px) {
    .header-top-bar .navbar {
        text-align: center;
        display: block;
        position: absolute;
        top: 75px;
        left: 0px;
        width: 100%;
        z-index: 1042;
    }
}

.logo{
    margin-top: 10px;
}

.logo-img{
    width:100%;
}

@media screen and (min-width: 767px) and (max-width: 991px){
    .logo-img{
        margin-top: 24px;
    }
}

/*@media (max-width: 768px) {*/
/*.logo img { max-width: 150px; }*/
/*}*/


/* Portrait phones and smaller */
@media (max-width: 480px) {

    .banner1 .lg-banner-text,.banner2 .lg-banner-text, .banner3 .lg-banner-text, .banner4 .lg-banner-texts,.banner5 .lg-banner-text, .bnr-lg-fontXLarge {
        font-size: 2.9rem;
        line-height: 4rem;
    }

    .banner1 .overlay-text a.btn,
    .banner2 .overlay-text a.btn,
    .banner3 .overlay-text a.btn,
    .banner4 .overlay-text a.btn,
    .banner5 .overlay-text a.btn
    {   left: 20%}

    .banner1 .sm-banner-text,.banner2 .sm-banner-text, .banner3 .sm-banner-text, .banner4 .sm-banner-text,.banner5 .sm-banner-text{
        top: 15%;
    }

    body.activities {
        padding: 0;
        background: url(http://d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/art_banner.jpg) repeat-x 0 327px;
    }
    body.activity, body.category, body.search, body.recent, body.tag {
        background:none;
    }


    .activity-text1{line-height:2.2rem}
    #homeFeatureWide .banner1 + div > div ,
    #homeFeatureWide .banner1 + div + div > div ,
    #homeFeatureWide .banner2 + div > div ,
    #homeFeatureWide .banner2 + div + div > div ,
    #homeFeatureWide .banner3 + div > div ,
    #homeFeatureWide .banner3 + div + div > div ,
    #homeFeatureWide .banner4 + div > div ,
    #homeFeatureWide .banner4 + div + div > div ,
    #homeFeatureWide .banner5 + div > div ,
    #homeFeatureWide .banner5 + div + div > div
    {    background-position: 42% 0%; }
    .carousel-item .icon-arrow-right:before{ display:none;}
    .lg-banner-text{
        font-size: 2.8rem;
        height: 165px;
        line-height: 2.1rem;
    }
    #homeFeatureWide button{
        font-size: 1.0rem;
        font-weight: bolder;
        text-align: center;
    }
    .home-banner-md-block{font-size: 1rem;    right: 3%;}
    .catDetailAvailability {
        bottom: 3rem;
    }
    .catItemDetail {
        display: block;
    }
    .sm-banner-text {
        top: 49%;
    }

    .static-medium-banner i {
        margin-left:0;
        float: none;
    }
    .catDetailPrice {
        min-height: 16rem;
    }

    .gcsPrice .priceAndBuy .addToCartDetail div,
    .gcsPrice .priceAndBuy .addToCartDetail input{
        bottom: -10px;
    }

    .gcsProduct .gcsAvailability{
    }

    .gcsProduct .gcsCode {
        /*bottom: 42px;*/
        right: 10px;
    }
    .icon-GALLERY:before {display:none;}
    .icon-TABLE_LIST:before {display:none;}

    .footer-navigation-column ul { font-size: 1.1rem;}
    #footer-logos .mta-footer-logo img { padding-bottom: 1.1rem; }
    .footer-navigation-column { min-height: 4rem; }
    #ItemDetail .addCutQtyWrap {
        width:  100%;
        display: block;
    }
    .item-info .addToCart{width: 62%;    margin-top: 10px;}
    #homeFeatureWide .carousel-item  div:nth-child(2) img,
    #homeFeatureWide .carousel-item  div:nth-child(3) img{
        object-fit: cover;
        object-position: -70px 0px;
        left: 29px;
        background-color: white;
    }
    #square-banners-row div{padding-left:0;}
    .home-top-right{width:100%;}

    .activities-col {
        /*  min-width: 270px;*/
    }
    .header-top-bar { padding: 0 0 20px 0; }
    .header-top-bar .top-bar-info { text-align: center; }
    .header-top-bar .nav { float: none; background: #71e8f1; }

    .header-top-bar .open>.dropdown-menu {
        display: block;
        left: 0;
        right: 0;
        text-align: center;
    }
    .header-top-bar .navbar-nav .nav-item {
        float: none;
        display: block;
        padding: 0.5rem;
        margin: 0 !important;
        text-align: center;
        border-bottom: 1px solid;
    }
    .header-top-bar .nav form {
        display: block;
        text-align: center;
        margin: 0;
        padding: 0.5rem 0;
    }
    .header-top-bar .navbar form a.btn {
        display: block;
        padding: .5rem;
        margin: 0;
        border: 0;
        background: transparent;
    }
    .header-top-bar .usp {
        float: none;
        display: block;
        text-align: center;
    }
    /*.header-top-bar .contact-container {
        float: none !important;
    }*/
    .header-top-bar .telephone {
        float: none;
        padding: 0 1rem;
    }
    .header-top-bar .fax {
        float: none;
    }
    .shopping-cart-wrapper {
        padding-right: 1rem;
    }
    .cart-price-container:after {
        right: 1rem;
    }

    #subMenu {
        position: absolute;
        width: 96%;
        top: 0;
        z-index: 16;
        left: 6px;
        right: 0;
    }
    #menu-button {
        margin: 0;
        padding: 0.55rem;
        background: transparent;
        text-align: left;
        color: #f04da5;
    }
    ul#main-menu {
        background: #0FA5BB;
        margin-top: -5px;
    }
    .sm, .sm ul, .sm li {
        padding: 0;
    }
    .search-container {
        width: 50%;
        float: right;
        z-index: 1041;
    }
    #footer-contact.footerCall { clear: both; }
    .shoppingCart .shopping-cart-container {
        display: block;
        width: 100%;
        overflow-x: auto;
    }
    .shoppingCart .shopping-cart-container table.IBSListTable2 {
        width: 100%;
        max-width: 100%;
        margin-bottom: 1rem;
        background-color: transparent;
        border-spacing: 0;
        border-collapse: collapse;
    }
}
@media (max-width:347px){
    .item-category .PageTitle {margin-top:80px;}
    #homeFeatureWide .banner1 div:nth-child(1),
    #homeFeatureWide .banner2 div:nth-child(1),
    #homeFeatureWide .banner3 div:nth-child(1),
    #homeFeatureWide .banner4 div:nth-child(1),
    #homeFeatureWide .banner5 div:nth-child(1),
    {background-position-y:0px;}
    .sm-banner-text {
        top: 47%;
        line-height: 1.2rem;
    }
    .activityHomeBanner div {
        margin: 0 auto;
        width: 100% !important;
    }
    .carousel-item .icon-arrow-right:before{ display:none;}
    .highslide-image, .highslide-wrapper, .highslide-container div {
        max-width: 260px !important;
        height: auto !important;
        bottom: -15rem;
        left: 1rem !important;
    }
}

@media (max-width:319px){
    #homeFeatureWide .banner1 div:nth-child(1) ,
    #homeFeatureWide .banner2 div:nth-child(1) ,
    #homeFeatureWide .banner3 div:nth-child(1) ,
    #homeFeatureWide .banner4 div:nth-child(1) ,
    #homeFeatureWide .banner5 div:nth-child(1) {
        background-position-y: 0px;
    }
    #homeFeatureWide .carousel-item div:nth-child(2) img,
    #homeFeatureWide .carousel-item div:nth-child(3) img{ object-position: -100px 0px;}
    .lg-banner-text {
        font-size: 2.5rem;
        line-height: 2rem;
    }

    .sm-banner-text{ font-size: 1.2rem;}
    .home-banner-md-block{    line-height: 1rem;}
    .activityHomeBanner div{margin:0;}

}
/*End of media queries*/

p.IBSTextAttention
{
    background:#FAFAFA;
    border-radius:5px;
    border:2px solid #EE322B;
    padding:7px 10px 6px;
    min-height:20px;
    /*margin-bottom:20px;*/
    margin-bottom:7px;
    font-size:13px;
    color:#EE322B;
    line-height:21px;
    text-shadow:0 1px 0 rgba(255,255,255,0.6);
    box-shadow:inset 0 2px 6px rgba(0,0,0,0.3);
}

.form-control-label {
    font-size: .9rem;
}
.cart-totals .form-control-label {
    padding: .3rem .75rem;
}
.cart-totals .cartLabelTotal, .cart-totals .cartTotal {
    font-size: 2rem;
}

/* DIAGONAL HEADER */
.menu-n-search-container {
    z-index: 1;
    position: relative;
}

.menu-n-search-container .skew:before {
    content: '';
    position: absolute;
    left: 0;
    top: -8px;
    overflow: visible;
    width: 100%;
    background: #71e8f1;
    z-index: -1;
    /*transform: skewy(-.4deg);*/
    -webkit-backface-visibility: hidden;
    backface-visibility: initial;
    height: 60px;
}

.menu-n-search-container .skew .container {
    margin-left: auto;
    margin-right: auto;
}
/* DIAGONAL HEADER End */
/* DIAGONAL FOOTER */
.se-container{
    display: block;
    width: 100%;
    overflow: hidden;
    padding: 0;
}
.se-slope{
    /*margin: 0 -50px;*/
    transform-origin: left center;
}
.se-slope:nth-child(odd){
    /*background: #000;*/
    /*transform: rotate(.6deg);*/
    margin-top: -50px;
    /*box-shadow: 0px -1px 3px rgba(0,0,0,0.4);*/
}
.se-slope:nth-child(even){
    /*background: #e90089;*/
    /*transform: rotate(-.6deg);*/
    /*box-shadow: 0px 2px 3px rgba(0,0,0,0.4) inset;*/
}
.se-content{
    margin: 0 auto;
}
/* DIAGONAL FOOTER End */

#footer-contact a {
    /*border-radius: 0 10px 15px 0 !important;*/
}
#footer-contact input[type=email]{
    font-family: "Avenir Book", Helvetica, sans-serif;
    font-size: 1rem;
}

#shoppingCartEmptyPopup .modal-content,
[id="shoppingCartModal"] .modal-content {
    /*border-radius: 10px;*/
    border: 2px solid #71e8f1;
    /*box-shadow: 0 0 30px #DCE664;*/
}

[id="shoppingCartModal"] .modal-dialog {
    /*width: 600px;*/
    width: 100%;
    min-width: 320px;
    margin: 0 auto;
    float: right;
}

/* Shopping Cart Modal */
#shoppingCartModal .cartItem {
    border-top: 1px solid #DDD;
}

#shoppingCart #shoppingCartModal p.price {
    display: inline-block;
    text-align: right;
    vertical-align: top;
    width: 33%;
    font-weight: bold;
}
#shoppingCartModal .cartItem p, #shoppingCartModal .cartTotal p {
    width: 65%;
    display: inline-block;
}
#shoppingCartModal p {
    margin-bottom: 0.6rem;
}

#shoppingCartModal .cartItem p, #shoppingCartModal .cartTotal p {
    width: 65%;
    display: inline-block;
}
/* Shopping Cart Modal END */

.home .carousel-indicators {
    bottom: -10px !important;
}
.home .carousel-indicators {
    bottom: 10px;
    left: 0;
    padding-left: 0;
    margin-left: 15px;
    text-align:left;
    z-index:1;
}
.home .carousel.slide {
    z-index: 0;
}
#main-menu ul {
    z-index: 999;
}
.home .catalogue.has-submenu{/*visibility:hidden;*/}

.footer-wrap {
    display: none;
}


/* Catalogue Browser Image Gallery */
.catalogueBrowser .gcsProduct ul.image-nav {
    list-style: none;
    display: flex;
    position: absolute;
    width: 90%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 0 0;
    padding: 0;
    top: 0;
    height: 165px;
}
.catalogueBrowser .gcsProduct ul.image-nav li.prev,
.catalogueBrowser .gcsProduct ul.image-nav li.next {
    position: static;
    top: initial;
    bottom: initial;
    left: initial;
}

.elLink{display:none;}

@media screen and (min-width: 1024px) and (max-width: 1199px){
    .home-top-right {
        margin-left: 20%;
        margin-right: 0;
        width: 80%;
        min-height: 640px;
    }
}
@media screen and (max-width: 768px) {
    .container.page-container {
        max-width:100%;
    }
}

/* CART Z-INDEX FIX */
.input-group .form-control,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    z-index: 0;
}
#subMenu ul li#top-level-item-1 ul.CatNodeImageLink { z-index: 9999 !important; }

#ACTION_PROMOTION{
    font-family:"Avenir Book", sans-serif;
    background-color: #f04da5;
    color: #fff;
}

#ACTION_PROMOTION:hover{
    background-color: #9E336D;
    color: #fff;
}

[id="socialcontainer"] { margin-bottom:.5rem; }
[id="socialcontainer"] .fbcontainer { display: none; }

/* Promotion Added */
.cart-promotion {
    /*  display: flex;
      flex-direction: column;
      border: 2px solid #F54A7E;
      padding: 15px !important;
      border-radius: 5px;*/
}
.cart-promotion-added { margin-bottom: .5rem; }
.cart-promotion-added h5 { font-size: 1.1rem; }
.cart-promotion-added p { font-size: .9rem; }

[id="OrderPayments"] {
    clear: both;
}
/*
 * Hiding MTA Sun Splash Icon
 */
.catalogueBrowser img[src$='mtasun.png'] {
    display: none;
}


/*Start Pardot iFrame */
.footer-newsletter label{
    display: block;
}

.pardot-iFrame{
    border:none;
}
/*End Pardot iFrame*/

/* CLoud Search */

#CloudSearch .landing-title--main {
  font-weight: 400;
  font-size: 28px;
  line-height: 1;
  padding-top:20px;
  color: #0FA5BB;
  }
  @media only screen and (min-width: 998px) {
     #CloudSearch .landing-title--main {
      font-size: 45px; } }

 #CloudSearch h3 {
  font-weight: bold;
  line-height: 1.25;
  color: #0FA5BB;
  text-transform: capitalize;
  display: inline-block;
   }

#CloudSearch h3 {
  font-size: 28px; }
  @media only screen and (min-width: 998px) {
     #CloudSearch h3 {
      font-size: 30px; } }

#CloudSearch main.container {
  background-color: white;
  padding: 1rem 1.5rem;
}

#CloudSearch .landing-title--main .search-title {
  text-transform: capitalize; }

#CloudSearch .product {
  padding: 9px 0; }
  @media only screen and (min-width: 480px) {
    #CloudSearch .product {
      padding: 9px; } }

#CloudSearch .image-container {
  text-align: center;
  max-height: 100%;
  margin: 10px;
  height: 220px;
}
#CloudSearch .image-container .image {
  max-width: 100%;
  max-height: 100%;
}

#CloudSearch .cs-pages a {
  padding: 4px;
  font-weight: 700;
  top: 0;
}

#CloudSearch .cs-pages .pages {
  background: #fff;
  word-break: break-word; }
  @media screen and (max-width: 992px) {
    #CloudSearch .cs-pages .pages {
      padding: 10px 0;
      top: 10px; } }
  #CloudSearch .cs-pages .pages .page {
    background: #fff; }
  #CloudSearch .search-title h3{
    margin-right: 15px;
  }
#CloudSearch .cs-filters {
  padding: 10px 4px; }
  #CloudSearch .cs-filters-title h3::before {
    content: "\f002"; }
  #CloudSearch .cs-filters span {
    border: 1px solid #d3d3d3;
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 5px;
  }

#CloudSearch .cs-products {
  padding: 10px 4px; }
  #CloudSearch .cs-products-title h3::before {
    content: "\f02b"; }
  #CloudSearch .cs-products .title a {
    min-height: unset !important;
    font-weight: bold;
    font-size: 1.1rem;
    color: #565656;
    padding: 10px;
    display: inline-block;
    height: 72px; }
  #CloudSearch .cs-products .item-price.gcsPrice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  #CloudSearch .cs-products .IBSAvailabilityCellShortage,
  #CloudSearch .cs-products .IBSAvailabilityCell {
    position: absolute;
    bottom: 62px;
    left: 15px;
    font-size: 16px !important;
  }
  span.IBSAvailabilityCell:after, span.IBSAvailabilityCellBold:after{
    font-size: 16px !important
  }
  #CloudSearch .cs-products .code {
    position: absolute;
    bottom: 62px;
    right: 20px; }
  @media screen and (max-width: 545px) {
    #CloudSearch .cs-products .code {
      right: 30px;
    }
  }
  @media screen and (max-width: 480px) {
    #CloudSearch .cs-products .code {
      right: 10px;
    }
  }
  #CloudSearch .cs-products .image {
    width: 100%; }
  #CloudSearch .cs-products .addToCartDetail {
    border-top: 1px solid #d3d3d3;
    height: 80px;
    position: absolute;
    padding: 35px 10px 30px 10px;
    width: 100%;
    margin: 0 auto;
    bottom: 9px;
    left: 0; }
    @media screen and (min-width: 991px) and (max-width: 1200px){
      #CloudSearch .addToCartDetail .addToCart{
        margin-left: -4px;
      }
    }
    @media only screen and (min-width: 480px) {
      #CloudSearch .cs-products .addToCartDetail {
        width: 93%;
        left:10px;
       }
      }

#CloudSearch .cs-workshops {
  padding: 10px 4px; }
  #CloudSearch .cs-workshops-title h3::before {
    content: "\f002"; }

#CloudSearch .cs-blogs {
  padding: 10px 4px; }
  #CloudSearch .cs-blogs-title h3::before {
    content: "\f04b"; }
  #CloudSearch .cs-blogs .title {
    min-height: unset !important;
    font-weight: bold;
    font-size: 1.1rem;
    color: #565656;
    padding: 10px;
    display: inline-block;
    height: 72px; }
  #CloudSearch .cs-blogs .desc {
    height: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px; }
    #CloudSearch .cs-blogs .desc h2 {
      display: none; }
    #CloudSearch .cs-blogs .desc h3, #CloudSearch .cs-blogs .desc h4, #CloudSearch .cs-blogs .desc h5, #CloudSearch .cs-blogs .desc h6 {
      font-size: 1rem; }
    #CloudSearch .cs-blogs .desc img {
      width: 100%;
      display: none; }
  #CloudSearch .cs-blogs .post-item__read-more a {
    margin: 0 10px; }

#CloudSearch .cs-general {
  padding: 10px 4px; }
  #CloudSearch .cs-general-title h3::before {
    content: "\f129"; }
    #CloudSearch .cs-general .desc {
      padding: 20px 0;
    }
#CloudSearch .cs-general .desc .page-header{
  background: transparent;
  padding: 0;
  margin: 0;
}
#CloudSearch .cs-general .title{
  color: #f04da5;
  font-size: 2rem;
  font-weight: 700;
  padding: 10px 15px;
}
#CloudSearch .cs-general .desc h1{
  display: none;
}
#CloudSearch .cs-general .item-billboard{
  min-height: unset !important;
  border-left: 0;
  border-right: 0;
	border-top: 0;
	padding-bottom: 10px;
}
#CloudSearch .cs-general .product:first-child .item-billboard {
	border-top: 1px solid #d3d3d3;
}
#CloudSearch .cs-general .desc iframe, #CloudSearch .cs-general .desc .embed-responsive, #CloudSearch .cs-general .desc a, #CloudSearch .cs-general .desc img, #CloudSearch .cs-general .desc section,
#CloudSearch .cs-general .desc section:nth-child(1) .HGBrands__Hero_subheading, #CloudSearch .cs-general .desc hr, #CloudSearch .cs-general .desc p,
#CloudSearch .cs-general .desc h2, #CloudSearch .cs-general .desc h3, #CloudSearch .cs-general .desc h4, #CloudSearch .cs-general .desc span, #CloudSearch .cs-general .desc strong, #CloudSearch .cs-general .desc ul, #CloudSearch .cs-general .desc li,
#CloudSearch .cs-general .desc p {
  display: none;
}
#CloudSearch .cs-general .desc section:nth-child(1),
#CloudSearch .cs-general .desc section:nth-child(2),
#CloudSearch .cs-general .desc p:nth-child(1),
#CloudSearch .cs-general .desc h1 + p ,
#CloudSearch .cs-general .desc p:first-child{
  display: block;
  padding: 0 15px;
}
#CloudSearch .post-item__read-more a {
    margin: 0 15px;
    text-transform: capitalize;
    position: relative;
    top: -30px
}
@media screen and (min-width:991px) and (max-width:1200px) {
  #CloudSearch .cs-general .post-item__read-more {
    margin-left: -20px;
  }
}
@media screen and (max-width:991px) {
  #CloudSearch .cs-general .desc,
  #CloudSearch .cs-general .post-item__read-more {
    width: 100%;
    top: 0;
  }
}
#CloudSearch .cs-activities {
  padding: 10px 4px; }
  #CloudSearch .cs-activities-title h3::before {
    content: "\f0c4"; }
  #CloudSearch .cs-activities .title {
    min-height: unset !important;
    font-size: 1.5rem;
    font-weight: bold;
    height: 72px;
    padding: 10px; }
  #CloudSearch .cs-activities .image-container {
    height: 200px;
    text-align: center; }
    #CloudSearch .cs-activities .image-container .image {
      max-width: 100%;
      max-height: 100%; }
  #CloudSearch .cs-activities .desc {
    height: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px; }
    #CloudSearch .cs-activities .desc h2 {
      display: none; }
    #CloudSearch .cs-activities .desc img {
      width: 100%;
      display: none; }
  #CloudSearch .cs-activities .post-item__read-more a {
    margin: 0 10px; }

#CloudSearch .item-billboard {
  height: unset !important;
  min-height: 530px !important;
  border: 1px solid #d3d3d3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

#CloudSearch .gcsPrice .addToCartDetail .addCutQtyWrap {
  bottom: 0; }

#CloudSearch .addToCartDetail .addToCart {
  float: right;
  display: inline;
  border-radius: 0;
  font-size: 1rem;
  min-width: 92px;
  padding: 4px 18px;
  margin-top: 0;
  bottom: 0; }

#CloudSearch .view-all {
  float: right;
  color: #A7A9AC;
  padding-right: 5px;
  margin: 10px 0;
  text-transform: capitalize;
}
#CloudSearch .cs-filters .view-all {
    margin: 0;
}
  #CloudSearch .view-all a::before {
    font-family: FontAwesome;
    font-weight: 900;
    content: "\f067";
    margin-right: 5px; }

#CloudSearch h3::before {
  font-family: FontAwesome;
  font-weight: 900;
  font-size: 16px;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  color: #0FA5BB;
  background: #DCE664;;
  padding: 5px;
  text-align: center;
  border-radius: 200px;
  display: inline-block;
  position: relative;
  top: -4px; }

#CloudSearch .post-item__read-more {
  padding: 20px 0;
  height: 70px; }

#CloudSearch .cs-blog .post-item__read-more::after,
#CloudSearch .cs-activities .post-item__read-more::after {
  height: 50px;
  width: 100%;
  display: inline-block;
  position: relative;
  top: -108px;
  left: 0;
  content: "";
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(90%, #fcfcfc));
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fcfcfc 90%); }

#CloudSearch a.gcsPage {
  padding: 0px 2px;
  font-weight: 600; }

#CloudSearch #gcsNav {
  width: 100%; }

#CloudSearch #gcsNav .gcsPage {
  float: unset;
  padding: 0px 2px;
  font-weight: 700 }

#CloudSearch .catPriceGallery {
  min-height: 140px;
  padding: 10px;
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  font-size: 16px;
}

#CloudSearch .catPriceGallery em {
    padding-left: 4px;
    font-size: 16px;
}

#CloudSearch .gcsPrice .IBSListCellNumberStrike em {
    display: none;
}

#CloudSearch .catPriceGSTGallery {
  display: block;
  font-size: 16px;
}

#CloudSearch .qtyBreak {
  display: block;
  font-size: 1rem;
  font-weight: 700; }

#CloudSearch .qtyBreakGallery .IBSListCellNumber {
  font-size: 1.1rem; }

#CloudSearch .qtyBreakPriceGSTGallery {
  display: block;
  font-size: 0.85rem;
  white-space: nowrap; }
  #CloudSearch .qtyBreakPriceGSTGallery::after {
    content: "(Incl GST)"; }
#CloudSearch .item-replacement{
  padding: 10px;
  font-size: 16px;
}
@media screen and (min-width: 767px) {
  #CloudSearch .catPriceGallery .IBSListCellNumber {
    font-size: 1.5rem; }
    #CloudSearch .catPriceGallery .IBSListCellNumber em {
      /*font-size: 0.9rem;*/
      display: none; } }

#filter{
  width: 20%;
  display: inline-block;
  height: 100%;
  border: 0;
  border-left: .0625rem solid #ccc;
  float: right;
  position: relative;
  left: -50px;
}
#QuickItemSearch #query {
  display: inline-block;
  width: 70%;
  border: 0;
}
/* #CloudSearch main.container{
  padding: 20px 0;
} */
#query.form-control:focus{
  margin-right: -200px;
}
#query.form-control:focus + select#filter{
  width: calc(100% - 83% + 25px);
  right: 4%;
  position: relative;
}
@media screen and (max-width:1200px) {
  #query.form-control:focus + select#filter{
    width: calc(100% - 83% + 20px);
  }
}

/* CloudSearch Mobile Collapse */
#CloudSearch .cat-arrow {
  margin: 0 20px;
  -webkit-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out;
  color: #0095da;
}