/*!
 *  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/mtanz/prod/fonts/fontawesome-webfont.eot?v=4.5.0');
  src: url('/resources/site/mtanz/prod/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('/resources/site/mtanz/prod/fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('/resources/site/mtanz/prod/fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('/resources/site/mtanz/prod/fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('/resources/site/mtanz/prod/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/mtanz/prod/fonts/fontello.eot?23513346');
  src: url('/resources/site/mtanz/prod/fonts/fontello.eot?23513346#iefix') format('embedded-opentype'), url('/resources/site/mtanz/prod/fonts/fontello.woff?23513346') format('woff'), url('/resources/site/mtanz/prod/fonts/fontello.ttf?23513346') format('truetype'), url('/resources/site/mtanz/prod/fonts/fontello.svg?23513346#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 18, 2016 */

@font-face {
  font-family: 'ProximaNova';
  src: url('/resources/site/mtanz/prod/fonts/proxima_nova_regular-webfont.eot');
  src: url('/resources/site/mtanz/prod/fonts/proxima_nova_regular-webfont.eot?#iefix') format('embedded-opentype'), url('/resources/site/mtanz/prod/fonts/proxima_nova_regular-webfont.woff') format('woff'), url('/resources/site/mtanz/prod/fonts/proxima_nova_regular-webfont.ttf') format('truetype'), url('/resources/site/mtanz/prod/fonts/proxima_nova_regular-webfont.svg#ProximaNova') format('svg');
  font-style: normal;
}

@font-face {
  font-family: 'ProximaNovaBold';
  src: url('/resources/site/mtanz/prod/fonts/proxima_nova_bold-webfont.eot');
  src: url('/resources/site/mtanz/prod/fonts/proxima_nova_bold-webfont.eot?#iefix') format('embedded-opentype'), url('/resources/site/mtanz/prod/fonts/proxima_nova_bold-webfont.woff') format('woff'), url('/resources/site/mtanz/prod/fonts/proxima_nova_bold-webfont.ttf') format('truetype'), url('/resources/site/mtanz/prod/fonts/proxima_nova_bold-webfont.svg#ProximaNovaBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ProximaNovaSemiBold';
  src: url('/resources/site/mtanz/prod/fonts/proxima_nova_semibold-webfont.eot');
  src: url('/resources/site/mtanz/prod/fonts/proxima_nova_semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/resources/site/mtanz/prod/fonts/proxima_nova_semibold-webfont.woff') format('woff'), url('/resources/site/mtanz/prod/fonts/proxima_nova_semibold-webfont.ttf') format('truetype'), url('/resources/site/mtanz/prod/fonts/proxima_nova_semibold-webfont.svg#ProximaNovaSemiBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ProximaNovaExtraBold';
  src: url('/resources/site/mtanz/prod/fonts/proxima_nova_extrabold-webfont.eot');
  src: url('/resources/site/mtanz/prod/fonts/proxima_nova_extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('/resources/site/mtanz/prod/fonts/proxima_nova_extrabold-webfont.woff') format('woff'), url('/resources/site/mtanz/prod/fonts/proxima_nova_extrabold-webfont.ttf') format('truetype'), url('/resources/site/mtanz/prod/fonts/proxima_nova_extrabold-webfont.svg#ProximaNovaExtraBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

.page-wrapper {
  position: relative;
  /*background: url(/resources/site/mta/stripe-bg-repeat-x.png) repeat-x 0 131px;*/
}

@font-face {
  font-family: "MuseoThin";
  src: url('/resources/site/mtadev/fonts/museo-300.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "MuseoSemiBold";
  src: url('/resources/site/mtadev/fonts/museo-500.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "MuseoBold";
  src: url('/resources/site/mtadev/fonts/museo-700.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MuseoExtraBold';
  src: url('/resources/site/mtadev/fonts/Museo-900.otf');
  font-weight: normal;
  font-style: normal;
}

/*==== Bootstrap Override Classes Start=====================================================*/

body {
  font-family: ProximaNova, Arial, Helvetica, sans-serif !important;
  font-size: 0.9rem;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  color: #5e5e5e !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;
}

img {
  max-width: 100%;
  height: auto;
}

strong {
  font-family: ProximaNovaBold;
}

/*MTA color code*/

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

.green {
  color: #90D0A4;
}

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

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

.blue {
  color: #5FCADA;
}

.dark-text {
  color: #5E5E5E;
}

.background {
  color: #F7F9FB;
}

.med-text {
  color: #788385;
}

.light-text {
  color: #ACACAC;
}

.stroke {
  color: #E1E1E1;
}

.red {
  background-color: #F0294A;
}

.white {
  color: #FFFFFF;
}

@media (min-width: 768px) {
  .container {
    padding: 0;
  }
}

h1,
h2,
h3,
h4,
h5 {
  font-family: ProximaNovaBold;
}

h4 {
  font-size: 1.5625rem;
}

.row {
  margin-left: 0;
  margin-right: 0;
}

.btn-primary {
  background-color: #f0294a;
  border-color: #f0294a;
  border-radius: 0;
  font-family: ProximaNovaBold;
  text-transform: capitalize;
}

.btn-secondary {
  background-color: #f7f6f5;
  color: #acacac;
  font-family: ProximaNovaBold;
  border-color: #f7f6f5;
  border-radius: 0;
}

.btn-success {
  font-family: ProximaNovaBold;
}

.btn-primary:hover {
  background-color: #D81F3E;
  border-color: #D81F3E;
}

.btn-primary:active,
.btn-primary:focus {
  background-color: #f0294a;
  border-color: #f0294a;
}

.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: #5e5e5e;
  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%
}

@media screen and (max-width:767px) {
  .hidden-sm-down {
    display: none !important;
  ;
  }
}

/**************************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 (max-width: 1023px) {
  .navbar-light .nav-link {
    float: none
  }
  .navbar-light .nav-link+.nav-link {
    margin-left: 0
  }
}

@media (min-width: 1024px) {
  .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-dialog {
  border-radius: 0 !important;
}

.modal-content {
  border-radius: 0;
  border-color: #e5e5e5;
}

.navbar-toggler {
  position: absolute;
  top: -29px;
  right: -15px;
  text-align: right;
  background: transparent;
  display: inline-block;
  width: auto;
  padding: 8px 8px;
  margin: 0 auto;
  outline: none;
}

.navbar .navbar-toggler {
  display: block !important;
}

@media (min-width: 1024px) {
  .navbar .navbar-toggler {
    display: none !important;
  }
}

@media screen and (min-width: 34em) and (max-width:1023px) {
  .navbar-toggleable-xs.collapse:not(.in) {
    display: none !important;
  }
}

/*==== Bootstrap Override Classes End=====================================================*/

/*==== iOS Override Classes Start=====================================================*/

input {
  border-radius: 0px;
}

input[type=text] {
  /* Remove First */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/*==== Page General Styles Start =====================================================*/

.page-header {
  margin: 1rem 0rem;
  margin-bottom: 2em;
}

.page-header .PageTitle h1 {
  font-size: 3rem;
  font-family: ProximaNovaBold;
  color: #5E5E5E;
  text-transform: capitalize;
}

.page {
  padding: 24px 0 0 0;
}

.mainContent h4 {
  font-weight: bold;
  font-size: 1.3em;
  color: #5FCADA;
}

.width-auto {
  width: auto !important;
}

.modal-header h1 {
  font-size: 2rem;
}

/*#homeBlurb{display:none;}*/

.img-center {
  margin: 0 auto;
}

.clearIt {
  clear: both;
  height: 0;
}

.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;
  width: 100%;
  line-height: 2.4125rem;
  background: #f0294a;
  border-radius: 0 !important;
  border-color: #f0294a !important;
  color: #fff;
  font-weight: 700;
}

.btn-red-block:hover,
.btn-red-block:active {
  background: #f0294a;
  color: #fff;
}

.modal-body 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: #F0294A;
}

.actions a {
  font-weight: 700;
}

.fnt_red {
  color: #F0294A;
}

.fnt_bold {
  font-weight: 700;
}

.icon-with-detail i {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  color: #F0294A;
  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;
  font-family: ProximaNovaSemiBold;
}

.icon-with-detail p {
  margin: -10px 0 0 3.6rem;
  display: block;
  font-size: 1.5rem;
  color: #5E5E5E;
  line-height: 1;
}

.btn-green {
  background: #45b870;
  padding: 1.045rem 3rem;
  font-size: 1rem;
  color: #fff;
  font-family: ProximaNovaBold;
  border-radius: 0;
  vertical-align: top;
}

.btn-fw {
  width: 225px;
  height: 50px;
}

.custom-alert {
  font-size: 1rem;
  color: #5FCADA;
  font-family: ProximaNovaBold;
}

.custom-alert i {
  color: #f0294a;
  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;
  font-family: ProximaNovaBold;
}

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: #f0294a;
  color: #fff;
}

table.dataTable tr.group.success {
  background-color: #5cb85c
}

/* General Alert Modal Styles */

.alertModal .modal-header {
  border-bottom: none;
  text-align: center;
  font-family: ProximaNovaBold;
  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-family: ProximaNovaBold;
  font-size: 1.125rem;
}

.alertModal .form-control {
  padding: 0.8rem;
  font-family: ProximaNovaSemiBold;
  font-size: 1rem;
}

label.error {
  color: #F0294A;
  font-family: ProximaNovaSemiBold;
}

.btn-grey {
  background: #acacac;
  color: #fff;
  font-family: ProximaNovaBold;
}

/*==== 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-family: "ProximaNovaExtraBold";
  font-size: 2.5rem;
  display: table;
  margin: 0 auto;
  padding: 2rem 0 0 0;
  line-height: 1;
}

#mailChimpSubscribeModal .modal-title i {
  color: #F0294A;
  font-size: 4.38rem;
  display: table-cell;
  vertical-align: top;
}

#mailChimpSubscribeModal .sub-title {
  display: block;
  text-align: center;
  font-family: ProximaNovaBold;
  color: #5e5e5e;
  font-size: 1rem;
}

#mailChimpSubscribeModal label {
  font-family: ProximaNovaBold;
  color: #5E5E5E;
  font-size: 1rem;
}

#mailChimpSubscribeModal .modal-content input,
#mailChimpSubscribeModal .modal-content select {
  font-size: 1rem;
  padding: .8rem;
}

#mailChimpSubscribeModal .indicates-required {
  color: #F0294A;
  float: right;
}

#mailChimpSubscribeModal .asterisk {
  color: #F0294A;
}

#mailChimpSubscribeModal .modal-footer .btn {
  padding: .8rem 0;
  width: 49%;
}

#mailChimpSubscribeModal .modal-footer p {
  color: #5E5E5E;
  font-family: ProximaNova;
  padding: 1rem 0;
  font-size: .8rem;
  font-weight: bold;
}

#mailChimpSubscribeModal .modal-footer p a {
  color: #F0294A;
}

/*==== NEWSLETTER SUBSCRIBE MODAL END =====================================================*/

/*==== Icon Set Start =====================================================*/

.icon-new,
.icon-superbuy,
.icon-birthdaybonanza {
  color: #F0294A !important;
  /* margin-top: 8px; */
  font-family: ProximaNovaBold !important;
  font-size: 0.95rem !important;
}

.icon-new:hover,
.icon-superbuy:hover,
.icon-birthdaybonanza: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(//d4iqe7beda780.cloudfront.net/resources/site/mtaau/super-buys-splash-small.png) no-repeat;
  background-size: contain;
}

.icon-birthdaybonanza:before {
  content: " ";
  margin-right: 5px;
  width: 33px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  background: url(//d4iqe7beda780.cloudfront.net/resources/site/mtaau/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(//d4iqe7beda780.cloudfront.net/resources/site/mtaau/mtanew-small.png) no-repeat;
  background-size: contain;
}

.icon-shipping:before {
  content: "\e80e";
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  vertical-align: middle;
  margin-right: 5px;
}

.icon-secure:before {
  content: "\e817";
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  vertical-align: middle;
  margin-right: 5px;
}

.icon-cart:before {
  content: "\e804";
  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;
  margin-right: 5px;
}

.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: #000;
  opacity: 0.3;
  position: fixed;
  bottom: 50px;
  right: 10px;
  display: none;
  z-index: 9999;
}

@media screen and (min-width: 768px) {
  .scrollup {
    right: 100px;
  }
}

.scrollup:after {
  content: "TOP";
  font-size: 0.35em !important;
  color: #000;
  position: fixed;
  display: block;
  margin: -5px 0 0 4px;
}

a.scrollup:hover,
a.scrollup:active {
  color: #000;
  opacity: 0.6;
}

/*--- 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: 3.5em;
  margin: 10px 0;
  font-family: ProximaNovaBold;
  color: #5E5E5E;
  text-transform: capitalize;
}

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

.signon-form p {
  font-size: 0.9rem;
  font-family: ProximaNovaSemiBold;
}

@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/mta/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-family: ProximaNovaBold;
  font-size: 1rem;
}

.IBSTextWarning:before {
  content: "\f06a";
  font-size: 2rem !important;
  margin-right: 5px;
  vertical-align: middle;
  color: #F0294A;
  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-family: ProximaNovaBold;
  font-size: 1rem;
}

.IBSTextAttention:before {
  content: "\f06a";
  font-size: 2rem !important;
  margin-right: 5px;
  vertical-align: middle;
  color: #F0294A;
  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-family: ProximaNovaBold;
  font-size: 1rem;
}

.dataTables_empty:before {
  content: "\f06a";
  font-size: 1.5rem !important;
  margin-right: 5px;
  vertical-align: middle;
  color: #F0294A;
  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: url(/resources/site/mta/footer-pattern.png) #5fcada;
  color: #fff;
  padding: 3rem 0;
}

.footer-free-info a {
  color: #fff;
}

.footer-free-info a:hover {
  text-decoration: none;
}

.footer-free-info i {
  font-size: 4rem;
  vertical-align: middle;
  float: left;
  margin-right: 1rem;
  margin-bottom: 1rem;
}

.footer-free-info h4 {
  margin: 1.5rem 0 0;
  font-family: ProximaNovaBold;
  font-size: 2rem;
  color: #fff !important;
}

.footer-free-info .row div {
  display: inline-block;
}

#footer {
  clear: both;
}

#footer.container-fluid {
  padding: 0;
}

#dead-space {
  height: 50px;
}

#top-footer {
  background: #46b1c1;
  padding: 1.2rem 0;
}

#inner-top-footer {
  margin: 0 auto;
}

#footer-banner {
  background: url(/resources/site/mta/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;
}

@media (min-width: 768px) {
  .footer-navigation-column {
    padding: 0;
  }
}

.footer-navigation-column h6 {
  font-weight: bold;
  font-size: 14px;
}

.footer-navigation-column ul {
  list-style: none;
  margin-top: 10px;
  color: #65c9d8;
  font-size: 13px;
  padding: 0;
}

.footer-navigation-column ul li {
  padding-bottom: 7px;
}

.footer-navigation-column ul li a {
  width: 90%;
  color: #565656;
  display: inline-block;
  display: inline;
  zoom: 1;
}

.footer-navigation-column ul li a:hover,
.footer-navigation-column ul li a:active {
  color: #565656;
}

#footer-logos {
  clear: both;
}

#footer-logos .mta-footer-logo img {
  padding-top: 1.1rem;
}

/*---START FOOTER BOTTOM---*/

#bottom-footer {
  clear: both;
  margin-top: 0;
  margin-bottom: 1rem;
  min-height: 147px;
  background: #fff;
}

#inner-bottom-footer {
  margin: 0 auto;
  color: #FFF;
  position: relative;
}

.footer-shipping-copy {
  font-family: ProximaNova;
  font-weight: 500 !important;
  padding-left: 84px;
}

@media screen and (min-width:767px) {
  .footer-shipping-copy {
    padding-right: 30px;
  }
}

#footer-contact .icon-shipping {
  color: #f0294a
}

@media screen and (min-width: 767px) {
  #footer-contact .icon-shipping {
    margin-top: 10px;
  }
}

/*---SOCIAL MEDIA ICONS---*/

#social-media {}

#social-media a {
  font-size: 1.5rem;
  border-radius: 50%;
  border: 2px solid;
  width: 2.2rem;
  height: 2.2rem;
  display: inline-block;
  text-align: center;
  margin: 0 5px;
  /* padding-top: 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: ProximaNovaBold;
  font-size: 1rem;
}

/*---END SOCIAL MEDIA ICONS---*/

@media (min-width: 768px) {
  #footer-contact {
    padding: 0
  }
  .footerEmail {
    padding-left: 0;
  }
}

#footer-contact a {
  background: #F0294A;
  border-color: #F0294A;
  color: #FFFFFF;
  border-radius: 0;
}

#footer-contact p,
.footerEmail p {
  margin: 0;
  font-weight: 700;
}

#footer-contact span {
  display: block;
  font-size: 1.5rem;
  /* margin: -10px 0 0 0; */
  margin: 0;
}

#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 {
  margin-left: 86px;
}

.footer-newsletter i {
  float: left;
  font-size: 2.8rem;
  margin-right: 5px;
}

/* #join-mail-list { padding: 0; }
#join-mail-list .leftMailing { display: inline-block; vertical-align: top; padding-right: 1rem; }
#join-mail-list .rightMailing { display: inline-block; vertical-align: top; }

#join-mail-list form {margin:0 0 0 10px;padding-top:0px;}
#join-mail-list form div {float:none;margin:0;width:auto;}
#join-mail-list input#newsletterEmail {
	width:18rem;
	display:block;
	float:left;
	height:3rem;
	padding:0 0 0 4px;
	border:none;
	vertical-align:middle;
	background:#FFF;
	color: #000;
}
#join-mail-list input#newsletterEmail::-webkit-input-placeholder,
#join-mail-list input#newsletterEmail:-moz-placeholder,
#join-mail-list input#newsletterEmail::-moz-placeholder,
#join-mail-list input#newsletterEmail:-ms-input-placeholder {
	font-size:13px;
}
#join-mail-list input#newsletterEmail:focus {
	border:none;
	background:#F9F9F9;
	box-shadow:inset 0 2px 2px rgba(0,0,0,0.1);
	border-radius:4px 0 0 4px;
}
#join-mail-list h4 {
	font-weight:bold;
	font-size:21px;
	margin: 0;
}
#join-mail-list input[type="button"] {
	width:6rem;
	height:3rem;
	color:#FFF;
	font-weight:bold;
	margin:0 0 0 -1px;
	border:none;
	background:#F0294A;
}
#join-mail-list input[type="button"]:hover, #join-mail-list input[type="button"]:active {
	cursor:pointer;
	text-decoration:underline;
	box-shadow:inset 0 2px 2px rgba(0,0,0,0.1);
	border:none;
} */

.footerEmail .email {
  line-height: 20px;
}

.footerEmail .email a {
  font-size: 1.5rem;
  color: #fff;
}

/* ==== END FOOTER =====================================================*/

/* ==== START HEADER =====================================================*/

.header .primary,
.header-wrap .header-container {
  margin: 0;
  position: relative;
}

.header .logo-wrapper {
  padding: 0.325rem 1rem;
}




















.header .primary {
  margin: 0;
  position: relative;
}
@media screen and (min-width:1024px) {
  .header .primary {
    margin: 15px 0;
  }
}
.header-wrap .header-container {
  margin: 0;
  position: relative;
}

@media screen and (min-width:550px) {
  #header > .row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  #header > .row > div:nth-of-type(2) {
    display: flex;
    align-items: center;
    flex: 1;
    margin: 0 15px;
  }
}

.header-wrap {
  padding: 15px;
  position: relative;
}
@media screen and (min-width:1024px) {
  .header-wrap {
    padding: 0;
  }
}

[id="header"] .logo-wrapper {
  padding: 0;
  width: auto;
  float: none;
  text-align: center;
}
[id="header"] .col-lg-9.col-md-6.p-r-0 {
  width: 100%;
  padding: 0;
}
[id="header"] .logo {
  margin: 0 auto 15px;
  max-width: 250px;
}
@media screen and (min-width:550px) {
  [id="header"] .logo {
    margin: 0 auto;
  }
}

/* @media screen and (min-width:768px) {
  .logo-wrapper.col-md-3 {
    width: 33.33333%;
  }
  .header .col-md-6 {
    width: 41.666667%;
  }
} */

.header-free_shipping {
  margin-right: 15px;
}
/* @media screen and (min-width:768px) {
  .logo-wrapper.col-md-3 {
    width: 33.33333%;
  }
  .header .col-md-6 {
    width: 41.666667%;
  }
} */

@media screen and (min-width:992px) {
  .header .col-md-6 {
    /* margin-top: 7px; */
  }
  .header-free_shipping {
    /* margin-top: 7px; */
  }
}

@media screen and (min-width:1024px) {
  .header-free_shipping {
    /* margin-top: 15px; */
    margin-top: 0;
    max-width: 150px;
    text-align: center;
  }
  .header .col-md-6 {
    /* margin-top: 15px; */
  }
}

.login-options-container {
  background: #F0294A;
  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;
}

.header-free_shipping .icon-shipping {
  font-size: 2.5rem;
  color: #F0294A;
  float: left;
  /* margin-right: 0.5rem; */
}
@media screen and (min-width: 1024px) {
  .header-free_shipping .icon-shipping {
    display: none;
  }
}

.header-free_shipping h6 {
  color: #0FA5BB;
  margin: 0 0 3px;
  font-weight: 700;
}

.header-free_shipping span {
  color: #5E5E5E;
  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: #fff;
    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: #fff;
  background: #5FCADA;
  font-family: ProximaNovaSemiBold;
  font-size: 15px;
}

@media screen and (max-width: 1023px) {
  .header-top-bar .container {
    max-width: 96% !important;
  }
  .top-bar-info-section-2 { display: none; }
}

.header-top-bar .contact-container {
  float: right;
}

.header-top-bar .usp {}

.header-top-bar .telephone {
  padding: 0 1rem;
  color: #fff;
}

.header-top-bar .fax {}

@media screen and (max-width:992px) {
  .header-top-bar .contact-container {
    float: none;
  }
}

@media screen and (max-width:1199px) {
  .header-top-bar .row {
    text-align: center;
  }
}

.top-bar-info {
  padding: .425rem 0;
}

.cart-confirmation-message {
  text-align: left;
}

.cart-confirmation-message .IBSTextAttention em {
  font-size: 1rem;
  text-align: left;
}

/*---SHOPPING CART POPUP---*/

@media (min-width: 768px) {
  #shoppingCartEmptyPopup .modal-dialog {
    margin: 0;
  }
  #shoppingCartEmptyPopup .modal-dialog {
    width: 350px;
  }
  #shoppingCartEmptyPopup .modal-content:before {}
}

.shoppingCartEmptyPopup {
  text-align: center;
}

.shoppingCartEmptyPopup p:first-child {
  font-weight: 700;
}

/*.shoppingCartPopover {*/

#shoppingCartModal.cartPopover .modal-dialog {
  left: 0;
  top: 0;
}

#shoppingCartModal.cartPopover {
  position: fixed;
  right: 37rem;
  background: none;
  border: none;
  left: 58rem;
  top: auto;
  bottom: 50%;
  min-width: 350px;
}

#shoppingCartModal .modal-dialog {
  margin: 0;
}

#buyall {
  min-width: 110px;
}

#buyall[value="Added"],
.activity-buy[value="Added"],
.addToCart[value="Added"] {
  background-color: #3c763d;
  pointer-events: none;
}

.shoppingCartAlert .cartItem div h5 {
  display: inline;
  position: relative;
}

.shoppingCartAlert .cartItem div {
  margin: 0px;
}

.shoppingCartAlert {
  top: 7rem;
  position: fixed;
  z-index: 100;
  right: 17.6rem;
  width: 317px;
  padding: 10px;
  margin: 0;
}

.shoppingCartAlert.alert-success {
  color: #66CAD8;
  background-color: #f7f9fb;
  border-color: #66CAD8;
}

.shoppingCartAlert.alert-success a {
  color: #66CAD8;
}

.shoppingCartAlert .fa.fa-check {
  float: left;
  font-size: 1.8rem;
  padding-right: 7px;
}

@media (min-width: 768px) {
  /*#shoppingCartModal .modal-dialog {
		top: 9.5rem;
		outline: none;
		left: 20%;
	}

	.shoppingCartPopover .modal-dialog	{
		top: 9.5rem;
		outline: none;

	}*/
  .shoppingCartPopover.in .modal-dialog {
    left: 20%;
    top: 9.5rem;
  }
  /*.shoppingCartPopover .modal-dialog	{
		left: 9%;

	}*/
  #shoppingCartModal .modal-dialog {
    width: 350px;
  }
}

.shoppingCartPopover .modal-dialog {
  width: 350px;
  left: 0;
  top: 0;
}

#shoppingCartModal .cartItem p,
#shoppingCartModal .cartTotal p {
  width: 65%;
  display: inline-block;
}

#shoppingCartModal p {
  margin-bottom: 0.6rem;
}

#shoppingCart #shoppingCartModal p.price {
  display: inline-block;
  text-align: right;
  vertical-align: top;
  width: 33%;
  font-weight: bold;
}

#shoppingCartModal .cartItem {
  border-top: 1px solid #DDD;
}

.modal-dialog {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: .3rem;
  outline: 0;
}

@media (min-width: 34em) {
  .modal-dialog {
    max-width: 600px;
    margin: 10px auto;
  }
  [id="shoppingCartEmptyPopup"] .modal-dialog {
    max-width: 330px;
    margin: 10px auto;
  }
}

#shoppingCartPopover.modal.in {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#shoppingCartPopover .modal i.fa-caret-up {
  color: #5e5e5e;
}

#shoppingCartPopover .modal.in i.fa-caret-up {
  color: #fff;
}

.ShoppingCart a {
  text-decoration: none;
}

#shoppingCartModal,
#shoppingCartEmptyPopup {
  position: absolute;
  width: 368px;
  top: 1.4rem;
  right: 0;
  z-index: 1050;
  display: none;
  outline: 0;
}
@media screen and (min-width: 380px) {
  #shoppingCartModal,
  #shoppingCartEmptyPopup {
    width: 330px;
    top: 2.2rem;
  }
}
@media screen and (min-width: 1024px) {
  #shoppingCartModal,
  #shoppingCartEmptyPopup {
    width: 338px;
    top: 4.2rem;
  }
}
@media screen and (min-width: 34em) {
  #shoppingCartModal .modal-dialog {
    width: 368px !important;
  }
}

#shoppingCartModal p {
  margin-bottom: 0.6rem;
}

#shoppingCartModal h4 {
  font-size: 13px;
  font-weight: bold;
  padding-bottom: 5px;
}

#shoppingCartModal .cartItem {
  border-top: 1px solid #DDD;
}

#shoppingCartModal .checkout {
  text-align: center;
  margin-top: 15px;
}

#shoppingCartModal .cartItem p,
#shoppingCartModal .cartTotal p {
  width: 65%;
  display: inline-block;
}

#shoppingCartModal .cartTotal p {
  margin-bottom: 0;
  font-weight: 700;
}

#shoppingCartModal .cartTotal .cartTotalFreight {
  font-weight: 100;
  color: #788385;
  font-size: 80%;
}

#shoppingCart #shoppingCartModal p.price {
  display: inline-block;
  text-align: right;
  vertical-align: top;
  width: 33%;
  font-weight: bold;
}

#shoppingCartModal .cartTotal p.price {
  font-size: 15px;
  font-weight: bold;
  text-decoration: underline;
}

/*---SHOPPING CART POPUP---*/

/*---TOP NAVIGATION NAVBAR---*/

.header-top-bar .nav {
  float: right;
}

.header-top-bar .navbar {
  padding: 0;
}

.header-top-bar .navbar .nav-link {
  color: #fff;
  text-transform: capitalize;
}

.header-top-bar .nav form {
  text-align: right;
  display: inline-block;
  margin-left: 1rem;
}

.btn {
  border-radius: 0;
}

.header-top-bar .navbar form a.btn {
  color: #fff;
  background: #F0294A;
  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 .page-container {
  height: auto !important;
}

/* Shopping Cart on Header - Mobile position */
.shopping-cart-wrapper {
  margin-top: 14px;
  position: absolute;
  bottom: -60px;
  right: 0;
  z-index: 99;
}
/* Shopping Cart on Header - Mobile position END */

#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: #fff;
  color: #0FA5BB;
  font-size: 90%;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
}

/* Shopping Cart on Header - Desktop position */
@media screen and (min-width: 1024px) {
  .shopping-cart-wrapper {
    margin-top: 0;
    position: static;
    bottom: initial;
    right: initial;
  }
  #shoppingCart .cart-lines {
    background: #f0294a;
    color: #fff;
  }
  .ShoppingCart a > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 15px;
  }
}
/* Shopping Cart on Header - Desktop position END */

#cartIcon {
  padding: 0 10px;
  color: #8ECEA5;
}

#cartIcon .fa-shopping-cart {
  font-size: 1.5rem;
  line-height: 1.9rem;
}

.shopping-cart-wrapper {
  margin-top: 0;
}

.shopping-cart-wrapper a.close,
span.cart-price {
  display: inline-block;
  vertical-align: top;
  color: #fff;
  font-weight: bold;
  font-size: 1.1rem;
  line-height: 1.4rem;
}
/* Shopping Cart on Header - Desktop position */
@media screen and (min-width: 1024px) {
  span.cart-price {
    color: #0FA5BB;
  }
}
/* Shopping Cart on Header - Desktop position END */

.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: #fff;
  font-size: 1.5rem;
  margin-right: 1rem;
}
/* Shopping Cart on Header - Desktop position */
@media screen and (min-width: 1024px) {
  .shopping-cart-wrapper .cart-number-items-container .icon-cart {
    color: #f0294a;
  }
}
/* Shopping Cart on Header - Desktop position END */

.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: #fff;
  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: #f0294a;
  font-size: 2.5rem;
  margin-right: 5px;
}

.shoppingCart .fundraising .redeemVoucher-heading {
  margin: 0;
  font-family: ProximaNovaBold;
  color: #0FA5BB;
  font-size: 1rem;
  padding-top: 10px;
}

.shoppingCart .fundraising .redeemVoucher {
  float: left;
  margin: 0;
}

.shoppingCart .fundraising input {
  margin-top: 5px;
}

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

span.budget-desc {
  min-width: 25%;
  display: inline-block;
}

/*---PromoWidget---*/

/*Budget widget*/

div#budgetWidget {
  /* cursor: move; */
  display: block;
  text-align: center;
  /* max-width: 150px;
    min-width: 100px; */
  position: fixed;
  /* top: 38%;
    right: 10%; */
  z-index: 9999;
  border: 1px solid #DDD;
  /* background: #EEECED; */
  width: 100%;
  bottom: 0;
  left: 0;
  line-height: 2;
  background: #5fcada;
  color: #ffffff;
  font-size: 1.0rem;
}

div#budgetWidget .card {
  margin-bottom: 0;
}

div#budgetWidget .card-header {
  background-color: #f0294a;
  border: none;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0 10px !important;
  border-radius: 5px;
  /* margin-right: 2rem; */
}

div#budgetWidget .card>div {
  display: inline-block;
  padding: 10px 0;
}

div#budgetWidget .card .card-title {
  display: inline-block;
  margin: 0;
}

div#budgetWidget .card hr {
  display: none;
}

div#budgetWidget .card footer {
  display: inline-block;
  padding: .25em .4em;
  line-height: 1;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
  background: #f0294a;
}

div#budgetWidget button.close {
  position: absolute;
  right: 10px;
  z-index: 1;
  font-size: 2.5rem;
}

div#budgetWidget button.closed {
  top: -32px;
}

/*Budget widget*/

/* === SEARCH BAR =================================================== */

.menu-n-search-container {
  background: #f0294a;
}
@media screen and (max-width: 1023px) {
  .menu-n-search-container .container{
    max-width: none !important;
  }
}

.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: 0;
  background-color: transparent;
  /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;*/
  /*border-radius: 25px;*/
  /*border: 1px solid #ccc;*/
  border: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.search-form .input-group input.form-control,
.search-form .form-group input.form-control {
  padding: 0 15px;
  border: 0 none;
  background: transparent;
  box-shadow: none;
  display: inline;
  font-size: 0.9rem;
  float: left;
  /* position: relative;*/
  line-height: 3rem;
  height: 3rem;
  border: 1px solid #ccc;
  /*box-sizing: border-box;*/
  border-radius: 2px;
  border-right: none;
  display: inline-flex;
  width: 100%;
  z-index: 9;
}

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

.registered .QuickSearch input[type=search] {
  /*background: #ededed url(http://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 9px center;*/
  border: solid 1px #ccc;
  /* width: 200px; */
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
  border-radius: 0px;
  flex: 1;
  padding: 0 15px;
}

/* .registered .QuickSearch input[type=search]:focus {
  width: 83%;
  background-color: #fff;
  border-color: #66CC75;
  -webkit-box-shadow: 0 0 5px rgba(109, 207, 246, .5);
  -moz-box-shadow: 0 0 5px rgba(109, 207, 246, .5);
  box-shadow: 0 0 5px rgba(109, 207, 246, .5);
} */

.unregistered .search-form .form-group input.form-control {
  /* width: 70%; */
  flex: 1;
}

.search-form button.form-control-feedback,
.search-border #searchButton {
  z-index: 9;
  display: inline;
  text-align: center;
  font-size: 1.5rem;
  color: #fff;
  background: #F0294A;
  border: none;
  width: 50px;
}

.search-form button.form-control-feedback {
  height: 105%;
  padding: 0;
  flex-grow: 0;
}
@media screen and (min-width:1024px) {
  .registered .search-form button.form-control-feedback {
    margin-right: 15px;
  }
}

.voucher-wrapper {
  font-size: 0.8rem;
}

/* #header .col-md-6 .header-welcome-msg {
  float: right;
  position: absolute;
  right: -23px;
  z-index: 0;
  padding: 0px;
  width: 45%;
  font-family: ProximaNovaBold;
  font-size: 1rem;
  line-height: 1rem;
} */

.mta-international #header .header-welcome-msg {
  right: -145px;
}

@media screen and (min-width:1200px) {
  .mta-international #header .header-welcome-msg {
    right: -200px;
  }
}

.primary-fixed .header-welcome-msg {
  font-size: 100% !important;
}

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

.QuickSearch .fa.fa-search {
  color: #fff;
}

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

.registered .QuickSearch .input-group-addon {
  padding: 12px;
  border: none;
  width: auto;
}

/* === 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;
  /*  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  -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 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;
  /*background: #3092c0;*/
  color: white;
  font-family: ProximaNovaSemiBold, Arial, Helvetica, sans-serif;
  font-weight: normal;
  line-height: 15px;
  text-decoration: none;
  /*text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);*/
  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 {
  /*  -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>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 {
  /*-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>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: white;
  box-shadow: 1px 6px 10px #ACACAC;
}

.sm-blue ul ul {
  background: #F7F9FB;
}

.sm-blue ul a,
.sm-blue ul a:hover,
.sm-blue ul a:focus,
.sm-blue ul a:active {
  background: transparent;
  color: #2b82ac;
  font-size: 14px;
  text-shadow: none;
  border-left: 8px solid transparent;
}

.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: 1024px) {
  /* 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 {
    /*background: #3092c0;*/
    /*-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);*/
  }
  .sm-blue a,
  .sm-blue a:hover,
  .sm-blue a:focus,
  .sm-blue a:active,
  .sm-blue a.highlighted {
    padding: 18px 15px 17px 15px;
    /*background: #3092c0;*/
    color: white;
  }
  .sm-blue a:hover,
  .sm-blue a:focus,
  .sm-blue a:active,
  .sm-blue a.highlighted {
    /*background: #2b82ac;*/
    /*opacity: 0.7;*/
    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: 0;
    height: 0;
    border-width: 5px;
    border-style: solid dashed dashed dashed;
    border-color: #a1d1e8 transparent transparent transparent;
    background: transparent;
    -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 {
    -webkit-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    -ms-border-radius: 8px 0 0 8px;
    -o-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;
  }
  .sm-blue>li {
    /*border-left: 1px solid #2b82ac;*/
  }
  .sm-blue>li:first-child {
    border-left: 0;
  }
  .sm-blue ul {
    /*border: 1px solid #a8a8a8;*/
    /* padding: 7px 0; */
    /*background: #f8f7f5;*/
    /*-webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3);*/
  }
  .sm-blue ul ul {
    background: #f7f6f5;
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
  .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: #5E5E5E;
  }
  .sm-blue ul a:hover,
  .sm-blue ul a:focus,
  .sm-blue ul a:active,
  .sm-blue ul a.highlighted {
    /*background: #65C9D8;
    color: white;*/
    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;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #a1d1e8;
    display: none;
  }
  .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;
  }
}

#subMenu .heading {
  padding: 5px 0 0 10px;
  display: inline-block;
  font-size: 15.5px;
  font-family: ProximaNovaBold;
}

#menu-button {
  display: block;
  text-decoration: none;
  background: #fff;
  margin: 1em;
  padding: 0.3em;
  color: #000;
  text-align: center;
  font-size: x-large;
}

#menu-button:before {
  content: 'Menu -';
}

#menu-button.collapsed:before {
  content: 'Menu +';
}

#main-menu.collapsed {
  display: none;
}

#main-menu ul.col1 {
  background-color: #F7F9FB
}

#main-menu ul.col2 {
  background-color: #F7F9FB
}

#main-menu ul.col3 {
  background-color: #F7F9FB
}

#main-menu ul.col4 {
  background-color: #F7F9FB
}

@media (min-width: 1024px) {
  /* 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: 1024px) {
  #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 18px;
    line-height: 20px;
    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;
    margin: 0 0 17px 0;
    padding: 18px 0 0 18px;
    border-radius: 0;
  }
  #subMenu ul li#top-level-item-1 ul.CatNodeImageLink {
    min-width: 13.22rem !important;
    -webkit-box-shadow: 0px 8px 25px -2px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 8px 25px -2px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 8px 10px -2px rgba(0, 0, 0, 0.22);
    border-left: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
    background-color: #F7F9FB;
  }
  #subMenu ul li#top-level-item-1>ul>li>a {
    font-family: ProximaNovaBold;
    font-size: 15.5px;
    padding-top: 6px;
    padding-bottom: 6px;
    white-space: normal;
  }
  #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;
  }
  .catHeading {
    font-family: ProximaNovaBold;
    font-size: 1.5rem;
    padding-left: 17px;
    color: #0FA5BB;
  }
}

/* TABLET PORTRAIT FIXES START */

/* @media (min-width: 768px) and (max-width: 991px) {
	.home #subMenu ul li#top-level-item-1 ul.CatNodeImageLink {
		// display: none !important;
		margin: 0;
	}
	.home .sm-blue > li:first-child > a:first-child {
		color: #fff;
		background: #F0294A;
		margin: 7px 0 0;
    	padding: 16px 0;
	}
	.home .sm-blue li#top-level-item-1 .catalogue.has-submenu i {
    	visibility: visible;
	}
	.header-free_shipping {
    	padding: 0 !important;
        right:-20px;

	}
	#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: left; font-size: 2.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: #F7F9FB;
  }
  #main-menu li#top-level-item-3 ul {
    margin-left: 1rem !important;
    background: #F7F9FB;
  }
  #main-menu li#top-level-item-4 ul {
    margin-left: 1rem !important;
    background: #F7F9FB;
  }
}

@media (min-width: 1024px) {
  .home #subMenu ul li#top-level-item-1 ul.CatNodeImageLink {
    display: block !important;
    margin: 0;
    border-left: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
    background-color: #F7F9FB
  }
  .home .sm-blue>li:first-child>a:first-child {
    color: #0FA5BB;
    background: #fff;
    margin: 7px 0 0;
    padding: 11px 1.12rem 16px;
    border-top: 1px solid lightgrey;
    border-left: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
    background-color: #F7F9FB
  }
  #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;
    border: 1px solid lightgrey;
  }
  #main-menu ul.col2 {
    min-width: 51em !important;
    border: 1px solid lightgrey;
  }
  #main-menu ul.col3 {
    width: 51em !important;
    border: 1px solid lightgrey;
  }
  #main-menu ul.col4 {
    width: 51em !important;
    border: 1px solid lightgrey;
  }
  #main-menu li#top-level-item-2 ul {
    margin-left: 13.24rem !important;
    background: #F7F9FB;
    padding: 1rem 0;
  }
  #main-menu li#top-level-item-3 ul {
    margin-left: 13.24rem !important;
    background: #F7F9FB;
    padding: 1rem 0;
  }
  #main-menu li#top-level-item-4 ul {
    margin-left: 13.24rem !important;
    background: #F7F9FB;
    padding: 1rem 0;
  }
}

@media screen and (min-width: 1025px) {
  #main-menu ul.col3 {
    width: 50em !important;
    border: 1px solid lightgrey;
  }
  #main-menu ul.col4 {
    width: 66em !important;
    border: 1px solid lightgrey;
  }
}

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

/* ==== END HEADER =====================================================*/

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

.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/mta/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-family: ProximaNovaSemiBold;
  font-size: 2vw;
}

.about-us .jumbotron h1 {
  font-family: ProximaNovaExtraBold;
  font-size: 3vw;
}

.about-us h4 {
  font-size: 1.5rem;
}

.downloads-mta h5 {
  padding: 2rem 0 0.5rem;
  font-family: ProximaNovaBold;
  color: #5E5E5E;
  border-bottom: .0625rem solid #ddd;
}

.downloads-mta .list-group-item {
  font-size: 1.2rem;
  color: #5E5E5E;
  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/mta/fully-booked.png) 0 0 no-repeat;
  outline: 0;
}

.completed-event {
  display: block;
  width: 250px;
  height: 30px;
  margin: -5px 0 0 20px;
  position: absolute;
  background: url(/resources/site/mta/completed.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 =====================================================*/

.h1-home {
  text-align: center;
  color: #565656;
  font-size: 2.2rem;
  font-family: ProximaNovaBold, Helvetica, Arial, serif;
  line-height: 32px;
}

h2.h1-home {
  font-size: 1.5rem;
  font-family: ProximaNovaSemiBold;
  margin-top: 10px;
}

@media screen and (min-width:480px) {
  .h1-home {
    font-size: 2.4rem;
  }
  h2.h1-home {
    font-size: 1.6rem;
  }
}

@media screen and (min-width:767px) {
  .h1-home {
    font-size: 2.8rem;
  }
  h2.h1-home {
    font-size: 1.9rem;
  }
}

@media screen and (min-width:992px) {
  .h1-home {
    font-size: 2.7rem;
  }
}

@media screen and (min-width:1200px) {
  .h1-home {
    font-size: 3rem;
  }
}

.home-head-wrapper {
  margin: 10px 0px 0px 0px;
  width: 100%;
  float: right;
}

@media screen and (min-width:768px) {
  .home-head-wrapper {
    margin-bottom: 18px;
  }
}

@media screen and (min-width:992px) {
  .h1-home {
    font-size: 1.9rem;
  }
  .home-head-wrapper {
    width: 80%;
  }
}

@media screen and (min-width:1200px) {
  .h1-home {
    font-size: 2.6rem;
  }
  .home-head-wrapper {
    width: 84%;
  }
}

.siteselection {
  display: flex;
}

.home .page {
  padding: 0;
}

/*.home .slider-wrapper { padding: 0;}*/

.home h1.entry-title {
  font-size: 1.625em;
  color: #65c9d8;
}

.home #intro,
.home-head-wrapper p {
  width: 99%;
  text-align: center;
  font-size: 1rem;
  font-weight: normal;
  font-family: ProximaNova;
  line-height: 1.5;
  display: block;
}

.home .intro-sub-text {
  display: inline;
  font-size: 1.1rem;
  width: 100%;
  font-family: ProximaNova;
  text-align: center;
  font-weight: bolder;
  line-height: 1.5;
}

.home #intro div {
  padding: 0 0 0 0;
}

.home #square-banners-row #right-square {
  padding-right: 0 !important;
}

.home .static-medium-banner .static-left-table {
  padding-left: 0;
}

.home .static-medium-banner .static-right-table {
  padding-right: 0;
}

.home #square-banners-row {
  margin-top: 10px;
}

/*. menu-container { padding : 0; }*/

/*.carousel-item  div:nth-child(1){*/

/*padding: 0;*/

/*}*/

#square-banner-wrapper {
  margin-top: 10px;
}

#square-banners-carousel {
  width: 97% !important;
  float: right;
}

#square-banner-wrapper div {
  padding: 0px;
}

#square-banners-wrapper .carousel-item div {
  padding: 0px 5px 0px 0px;
}

#square-banners-carousel .carousel-item>div {
  padding-right: 0px !important;
  margin-top: 5px;
}

@media screen and (min-width:544px) {
  #square-banners-carousel .carousel-item>div {
    padding-right: 0.9375rem !important;
    margin-top: 10px;
  }
}

#square-banners-carousel img {
  width: 100%;
}

@media screen and (min-width:767px) and (max-width:1199px) {
  #square-banners-row div:nth-child(2),
  #square-banners-row div:nth-child(4) {
    margin-top: 12px;
  }
}

@media screen and (min-width: 1200px) {
  #square-banner-wrapper img {
    padding: 0px 5px;
  }
  #square-banners-carousel {
    margin-top: 10px;
  }
}

#home-banner-carousel .banner-btns .carousel-indicators {
  position: relative;
  bottom: -1px !important;
  left: 0;
  z-index: 15;
  width: 100%;
  padding-left: 0;
  margin-left: 0;
  text-align: center;
  list-style: none;
  margin: 0;
  padding-top: 1.8rem;
}

.static-medium-banner {
  position: relative;
  clear: both;
  margin: 20px 0px;
  min-height: 180px;
  padding: 0px;
  display: inline-block;
}

.block-header div {
  padding: 10px;
}

.block-header img {
  padding-right: 8px;
}

.static-medium-banner>div,
.static-medium-banner>div+div,
.static-medium-banner>div+div+div {
  margin-top: 20px !important;
}

.static-medium-banner .block-header h3 {
  padding-left: 5px;
  color: #0FA5BB;
  font-size: 1.9rem;
  font-weight: 900;
  text-align: left;
  font-family: ProximaNovaExtraBold;
}

.static-medium-banner div[class^="col-xs"]:nth-child(2) {
  border-right: 2px solid #e1e1e1;
  border-left: 2px solid #e1e1e1;
}

.cat-blocks {
  display: inline-block;
}

.cat-blocks-header h2 {
  font-family: ProximaNovaExtraBold;
  font-size: 2.5rem;
}

@media screen and (max-width:767px) {
  .cat-blocks-header h2 {
    padding-top: 20px;
  }
}

.static-medium-banner i {
  float: none;
  font-size: 3rem;
  color: #f0294a;
  position: relative;
  top: -10px;
  margin-left: 18%;
}

@media screen and (min-width: 1200px) {
  .static-medium-banner i {
    float: left;
  }
}

.static-medium-banner .icon-charity+h3 {
  padding-top: 15px;
}

.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;
}

.static-medium-banner .icon-charity+h3+div {
  padding-bottom: 5rem;
}

.static-medium-banner a:hover {
  text-decoration: none;
  color: #FFFFFF;
}

.static-medium-banner .form-inline a {
  border-radius: 0;
  padding: 10px;
  BACKGROUND: #f0294a;
  color: #FFFFFF;
  position: relative;
  border: none;
  display: inline-table;
  line-height: 1.15rem;
  width: 100%;
  font-size: 22px;
  float: none;
  margin-top: 5px;
}

@media screen and (min-width:992px) {
  .static-medium-banner .form-inline a {
    width: 75%
  }
}

.static-medium-banner a:hover {
  text-decoration: underline;
  color: #FFF;
  background-color: #D0294A !important;
}

.static-medium-banner div {
  margin: 0 auto;
  position: relative;
  height: 100%;
}

.static-medium-banner .form-group .form-control {
  /* float: left;
    width: 80%; */
}

#square-banners-row .content-cover .content-3 {
  font-family: ProximaNovaExtraBold;
}

#square-banners-row div[class^="col-"]:nth-child(1) .content-cover .content-2,
#square-banners-row div[class^="col-"]:nth-child(4) .content-cover .content-1,
#square-banners-row div[class^="col-"]:nth-child(3) .content-cover .content-2,
#square-banners-row div[class^="col-"]:nth-child(2) .content-cover .content-2 {
  font-size: 1.9rem;
  font-weight: bolder;
  line-height: 2rem;
  font-family: ProximaNovaExtraBold;
}

#square-banners-row div[class^="col-"]:nth-child(4) .content-cover .content-1 {
  margin: 1rem 0 0;
;
  text-align: center;
}

#square-banners-row div[class^="col-"]:nth-child(4) .content-cover .content-2 {
  text-align: center;
  font-family: ProximaNovaExtraBold;
  font-size: 1.9rem;
}

#square-banners-row div[class^="col-"]:nth-child(1) .content-cover .content-1,
#square-banners-row div[class^="col-"]:nth-child(2) .content-cover .content-1,
#square-banners-row div[class^="col-"]:nth-child(3) .content-cover .content-1 {
  font-size: 1.0rem;
  font-weight: 700;
  display: block;
  line-height: 2rem;
  font-family: ProximaNovaBold;
}

/*#square-banners-row div{
    padding-right: 0px;
	height: 233px;
	margin: 10px 0px;
	text-align: center;
}*/

#square-banners-row img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#square-banners-row .content-cover span {
  display: block;
}

#square-banners-row .content-cover {
  position: absolute;
  width: 96%;
  float: left;
  text-align: left;
  margin: 0;
  padding: 10px;
  font-size: 1.2rem;
}

/*#square-banners-row  a{
    padding: 7px 16px;
    color: #fff;
    background-color: #F0294A;
    border-color: #F0294A;
    position: absolute;
    bottom: 50px;
    text-decoration: none;
    margin: 0 auto;
    position: relative;
	font-family: ProximaNovaExtraBold;
}*/

#square-banners-row .bnr-button a {
  position: initial;
  padding: .25rem .75rem;
}

#static-left-table {
  width: 100%;
  z-index: 1;
}

#static-right-table {
  width: 100%;
  z-index: 1;
}

#static-left-table th {
  font-size: 20px;
  color: #FFFFFF;
  background: #8ecda5;
  text-align: center;
  padding: 5px 0px 5px 0px;
}

#static-right-table th {
  font-size: 20px;
  color: #FFFFFF;
  background: #8ecda5;
  text-align: center;
  padding: 5px 0px 5px 0px;
}

#static-left-table td {
  color: #414042;
  text-decoration: none;
  background: #dbede0;
  padding: 7px 15px 7px 15px;
}

#static-right-table td {
  color: #414042;
  background: #dbede0;
  padding: 7px 15px 7px 15px;
}

#static-right-table a,
#static-left-table a {
  position: relative;
  font-size: 15px;
  z-index: 2;
}

.static-right-banner {
  text-align: right;
}

#left-table-image {
  z-index: 3;
  position: absolute;
  right: 135px;
  top: 2px;
}

#right-table-image {
  z-index: 3;
  position: absolute;
  left: 160px;
  top: 2px;
}

#homeFeatureWider div[class^="col-"] {
  height: 233px;
}

#homeFeatureWider div[class^="col-"]:eq(0) {
  height: 480px;
}

#homeFeatureWider .img-responsive {
  height: inherit;
}

.home-bg {
  position: fixed;
  width: 100%;
  background: #5FCADA;
  height: 50px;
  left: 0;
  right: 0;
}

.static-medium-banner .form-group {
  padding: 0;
}

.static-medium-banner .form-inline {
  /* float:left; */
}

#home-banner-carousel .carousel-item i {
  font-size: 0.8rem;
  position: relative;
  color: #fff;
  margin: 0 0 0 16px;
  padding: 0px;
  display: none;
}

.static-medium-banner div[class^="col-xs"]:nth-child(2) {
  border-right: 2px solid #e1e1e1;
  border-left: 2px solid #e1e1e1;
}

.static-medium-banner .block-header div {
  padding-top: 0;
  top: -5px;
  font-weight: 800;
}

#home-banner-carousel .carousel-item i {
  font-size: 0.8rem;
  position: relative;
  color: #fff;
  margin: 0 0 0 16px;
  padding: 0px;
  display: none;
}

#home-banner-carousel .carousel-inner {
  width: 83.5%;
}

.carousel-indicators li {
  background: #F0294A;
}

#home-banner-carousel .banner-btns li {
  cursor: pointer !important;
  border-radius: 0 !important;
  background: #5fcada !important;
  font-weight: bold !important;
  min-width: 180px;
  padding: 8px;
  display: inline;
  text-indent: 0px;
  cursor: pointer;
  color: white;
  line-height: 48px;
  font-size: 1.1rem;
  font-family: ProximaNovaBold;
}

#home-banner-carousel .banner-btns {
  /* height: 130px;*/
}

.lg-banner-text {
  font-size: 3.4rem;
  font-weight: bolder;
  line-height: 3rem;
  width: 80%;
  position: relative;
  margin: 0 auto;
  top: 4%;
  font-family: ProximaNovaSemiBold;
}

.home-banner-lg-block a,
.home-banner-lg-block button {
  position: absolute;
  margin-bottom: 0px;
  text-align: center;
  margin: 0 auto;
  left: 42px;
  right: 0;
  width: 149px;
  bottom: 10px;
}

.sm-banner-text {
  top: 55%;
  position: relative;
  display: block;
  /* float: left; */
  font-size: 1.5rem;
  font-weight: bolder;
  margin: 0 auto;
  text-align: center;
  line-height: 1.7rem;
  font-family: ProximaNovaSemiBold;
}

.banner1 .lg-banner-text,
.banner2 .lg-banner-text,
.banner3 .lg-banner-text,
.banner4 .lg-banner-text,
.banner5 .lg-banner-text {
  font-size: 4.4rem;
  font-weight: bolder;
  line-height: 4rem;
  width: 90%;
  position: relative;
  margin: 0 auto;
  top: 20%;
  font-family: ProximaNovaExtraBold;
}

.banner1 .sm-banner-text,
.banner2 .sm-banner-text,
.banner3 .sm-banner-text,
.banner4 .sm-banner-text,
.banner5 .sm-banner-text {
  top: 28%;
  position: relative;
  display: block;
  /* float: left; */
  font-size: 2.3rem;
  width: 85%;
  font-weight: bolder;
  margin: 0 auto;
  text-align: center;
  line-height: 2.4rem;
  font-family: ProximaNovaExtraBold;
}

.home-banner-lg-block a,
.home-banner-lg-block button {
  margin-top: 56%;
}

.home-banner-lg-block {
  color: rgb(255, 255, 255);
  line-height: 0.833;
  text-align: center;
  position: absolute;
  z-index: 5;
  line-height: 105px;
  font-weight: 800;
  margin: 0 auto;
  top: 0;
  left: 0;
  width: inherit;
  height: 100%;
}

.home-banner-md-block {
  float: right;
  right: 0;
  position: absolute;
  top: 37px;
  right: 3%;
  width: 47%;
  padding: 20px;
  margin-right: 0px;
  color: #0FA5bb;
  font-size: 1.6rem;
  text-align: left;
  z-index: 5;
  font-weight: bolder;
  line-height: 1.8rem;
}

.home-banner-md-block p {
  color: #5e5e5e;
  font-size: 1.4rem;
  line-height: 1.3rem;
  font-weight: bolder;
  border-radius: 0;
  font-family: ProximaNovaExtraBold;
  margin: 20px 0;
}

.banner1 .home-banner-lg-block a,
.banner2 .home-banner-lg-block a,
.banner3 .home-banner-lg-block a,
.banner4 .home-banner-lg-block a,
.banner5 .home-banner-lg-block a {
  bottom: 30px;
}

#homeFeatureWide a,
#homeFeatureWide button {
  /*padding: 8px 5px 8px 13px;*/
  color: #fff;
  background-color: #F0294A;
  border-color: #F0294A;
  font-size: 0.8rem;
  border-radius: 0;
  font-family: ProximaNovaBold;
}

.home-top-right {
  width: 97%;
  float: right;
}

.home-top-right .carousel {
  clear: both;
}

.home-top-right .carousel {
  clear: both;
}

/*#homeFeatureWide .carousel-item img {    height: 100%;    object-fit: cover;
    width: 100%;}*/

#homeFeatureWide .banner1 div:nth-child(1),
#homeFeatureWide .banner2 div:nth-child(1),
#homeFeatureWide .banner4 div:nth-child(1),
#homeFeatureWide .banner5 div:nth-child(1),
#homeFeatureWide .banner3 div:nth-child(1) {
  height: 480px;
}

#homeFeatureWide {
  padding: 0;
}

#homeFeatureWide div:eq(0) {
  margin-right: -15px;
}

/*.carousel-item div:nth-child(2){     font-family: ProximaNovaExtraBold;   margin-bottom: 5px;     padding-right: 0;height: 49%;}
.carousel-item div:nth-child(3){      font-family: ProximaNovaExtraBold;  margin-top: 5px;     padding-right: 0;height: 49%;}*/

#homeFeatureWide .row div[class^="col-"]:eq(1) img,
#homeFeatureWide .row div[class^="col-"]:eq(2) img {
  float: left;
}

#homeFeatureWide div {
  /*   background-repeat: no-repeat;    background-size: cover;*/
}

/*Carousel 1*/

#homeFeatureWide .banner1 div:nth-child(1) {
  background-image: url("/resources/site/mta/front-page-content/carousel-banners/early-childhood-au.jpg");
  background-repeat: no-repeat;
}

#homeFeatureWide .banner1+div>div {
  background-image: url("/resources/site/mta/front-page-content/carousel-banners/primary-school-sub1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 235px;
}

#homeFeatureWide .banner1+div+div>div {
  background-image: url("/resources/site/mta/front-page-content/carousel-banners/early-childhood-sub2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 235px;
}

/*Carousel 1*/

/*Carousel 2*/

#homeFeatureWide .banner2 div:nth-child(1) {
  background-image: url("/resources/site/mta/front-page-content/carousel-banners/early-childhood-au.jpg");
  background-repeat: no-repeat;
}

#homeFeatureWide .banner2+div>div {
  background-image: url("/resources/site/mta/front-page-content/carousel-banners/early-childhood-sub1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 235px;
}

#homeFeatureWide .banner2+div+div>div {
  background-image: url("/resources/site/mta/front-page-content/carousel-banners/early-childhood-sub2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 235px;
}

/*Carousel 2*/

/*Carousel 3*/

#homeFeatureWide .banner3 div:nth-child(1) {
  background-image: url("/resources/site/mta/front-page-content/carousel-banners/primary-school-au.jpg");
  background-repeat: no-repeat;
}

#homeFeatureWide .banner3+div>div {
  background-image: url("/resources/site/mta/front-page-content/carousel-banners/primary-school-sub1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 235px;
}

#homeFeatureWide .banner3+div+div>div {
  background-image: url("/resources/site/mta/front-page-content/carousel-banners/primary-school-sub2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 235px;
}

/*Carousel 3*/

/*Carousel 4*/

#homeFeatureWide .banner4 div:nth-child(1) {
  background-image: url("/resources/site/mta/front-page-content/carousel-banners/high-school-au.jpg");
  background-repeat: no-repeat;
}

#homeFeatureWide .banner4+div>div {
  background-image: url("/resources/site/mta/front-page-content/carousel-banners/high-school-sub1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 235px;
}

#homeFeatureWide .banner4+div+div>div {
  background-image: url("/resources/site/mta/front-page-content/carousel-banners/high-school-sub2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 235px;
}

/*Carousel 4*/

/*Carousel 5*/

#homeFeatureWide .banner5 div:nth-child(1) {
  background-image: url("/resources/site/mta/front-page-content/carousel-banners/primary-school-au.jpg");
  background-repeat: no-repeat;
}

#homeFeatureWide .banner5+div>div {
  background-image: url("/resources/site/mta/front-page-content/carousel-banners/international-sub1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 235px;
}

#homeFeatureWide .banner5+div+div>div {
  background-image: url("/resources/site/mta/front-page-content/carousel-banners/international-sub2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 235px;
}

/*Carousel 5*/

#homeFeatureWide .row div[class^="col-"]:eq(2) {
  margin-top: 7px;
}

#homeFeatureWide .row div[class^="col-"]:eq(1) {
  margin-bottom: 7px;
}

#home-banner-carousel .banner-btns li.active {
  background: #F0294A !important;
}

#home-banner-carousel .banner-btns {
  padding: 0px 0 !important;
  display: inline-block;
  text-align: center;
}

#home-banner-carousel .banner-btns li {
  cursor: pointer !important;
  border-radius: 0 !important;
  background: #5fcada !important;
  font-weight: bold !important;
  min-width: 180px;
  padding: 8px;
  display: inline;
  text-indent: 0px;
  cursor: pointer;
  color: white;
  line-height: 48px;
  font-size: 1.1rem;
  font-family: ProximaNovaBold;
}

.homeBanner-botRight,
.homeBanner-topRight {
  margin-top: 10px;
}

@media screen and (min-width:767px) {
  .homeBanner-topRight,
  .homeBanner-botRight {
    margin-top: 0px;
  }
  .homeBanner-topRight {
    margin-bottom: 25px;
  }
}

/*Fix for ipad showing the carousel indicators on different lines*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  #home-banner-carousel .banner-btns li {
    /* padding: 8px 0px; */
    font-size: 1.02rem;
  }
}

@media screen and (min-width:992px) {
  .homeBanner-topRight {
    margin-bottom: 25px;
  }
  #home-banner-carousel .banner-btns li {
    padding: 13px;
  }
}

@media screen and (min-width:1200px) {
  .homeBanner-topRight {
    margin-bottom: 28px;
  }
  #home-banner-carousel .banner-btns li {
    padding: 14px 29px;
    font-size: 1.05rem;
  }
}

/*!* Align bottom position of images *!
@media screen and (min-width:768px) {
    .carousel-item.active .bnr-overlay-image {
        max-height: 380px;
        overflow: hidden;
    }
}
@media screen and (min-width:1200px) {
    .carousel-item.active .bnr-overlay-image {
        max-height: 480px;
        overflow: hidden;
    }
}*/

/*===========================================================
HOMEPAGE BANNER GENERAL STYLE START
===========================================================*/

.bnr-lg {}

.bnr-sm {}

.welcome-text p,
.welcome-text p {
  margin: 0;
  line-height: 1;
}

.bnr-button {
  position: absolute;
  bottom: 1rem;
  left: 0;
  right: 0;
}

.bnr-top-space-1 {
  padding-top: 1rem;
}

.bnr-top-space-2 {
  padding-top: 2rem;
}

.bnr-top-space-3 {
  padding-top: 3rem;
}

.bnr-top-space-4 {
  padding-top: 4rem;
}

.bnr-top-space-5 {
  padding-top: 5rem;
}

.bnr-top-space-6 {
  padding-top: 6rem;
}

.bnr-top-space-7 {
  padding-top: 7rem;
}

.bnr-top-space-8 {
  padding-top: 8rem;
}

.bnr-top-space-9 {
  padding-top: 9rem;
}

.bnr-top-space-10 {
  padding-top: 10rem;
}

.bnr-top-space-11 {
  padding-top: 11rem;
}

.bnr-top-space-12 {
  padding-top: 12rem;
}

.bnr-top-space-13 {
  padding-top: 13rem;
}

.bnr-top-space-14 {
  padding-top: 14rem;
}

.bnr-top-space-15 {
  padding-top: 15rem;
}

.bnr-top-space-16 {
  padding-top: 16rem;
}

.bnr-top-space-17 {
  padding-top: 17rem;
}

.bnr-bottom-space {
  margin-bottom: 23px;
}

@media screen and (min-width: 1200px) {
  .bnr-bottom-space {
    margin-bottom: 27px;
  }
}

.bnr-left-space {
  padding-left: 10px;
}

.bnr-padding-y {
  padding-top: 5px;
  padding-bottom: 5px;
}

.bnr-overlay-image {
  position: relative;
  width: 100%;
}

.bnr-overlay-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.bnr-fontBold {
  font-family: ProximaNovaBold;
}

.bnr-fontExtraBold {
  font-family: ProximaNovaExtraBold;
}

.bnr-fontLeft {
  text-align: left;
}

.bnr-fontCenter {
  text-align: center;
}

.bnr-fontRed {
  color: #F0294A;
}

.bnr-fontGreen {
  color: #90D0A4;
}

.bnr-fontBlack {
  color: #5E5E5E;
}

.bnr-fontBlue {
  color: #0FA5BB;
}

.bnr-fontWhite {
  color: #ffffff;
}

.bnr-fontDarkBlack {
  color: #000000;
}

.bnr-bg-grey {
  background-color: #F8F9FB;
  position: relative;
}

.bnr-lg-fontXXLarge {
  font-size: 4.4rem;
}

.bnr-lg-fontXLarge {
  font-size: 3.0rem;
}

.bnr-lg-fontLarge {
  font-size: 2.3rem;
}

.bnr-lg-fontMedium {
  font-size: 1.6rem;
}

.bnr-lg-fontSmall {
  font-size: 1.4rem;
}

.bnr-sm-fontLarge {
  font-size: 1.9rem;
  padding-top: 1rem;
}

.bnr-sm-fontMedium {
  font-size: 1.2rem;
}

.bnr-sm-fontSmall {
  font-size: 1.0rem;
}

.bnr-dropshadow {
  text-shadow: 3px 3px 4px #000;
}

.btn-main-banner {
  bottom: 1rem;
}

.btn-main-banner>span {
  width: 135px
}

.btn-main-ec {
  left: -13px;
}

.btn-sub-banner {
  left: 110px;
}

.btn-sub-ecTop {
  bottom: 1.7rem;
}

.btn-sub-psBot {
  bottom: 0.1rem;
}

.btn-sub-hsBot {
  bottom: 1.9rem;
  left: 150px;
}

@media screen and (min-width:400px) {
  .bnr-sm-fontLarge {
    font-size: 2.5rem;
  }
}

@media screen and (min-width:544px) {
  .bnr-sm-fontLarge {
    font-size: 1.9rem;
  }
}

@media screen and (min-width:1200px) {
  .bnr-sm-fontLarge {
    font-size: 1.5rem;
  }
}

.home #intro {
  margin-bottom: 2rem;
}

.welcome-text p {
  margin: 0;
  line-height: 1.4;
}

/* Banner with Responsive Text */

.img-wrapper {
  position: relative;
}

.img-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

.img-overlay:before {
  content: ' ';
  display: block;
  /* adjust 'height' to position overlay content vertically */
  height: 87%;
}

@media screen and (min-width: 1200px) {
  .img-overlay:before {
    content: ' ';
    display: block;
    /* adjust 'height' to position overlay content vertically */
    height: 90%;
  }
}

.figcaption-overlay {
  position: absolute;
  top: 20px;
  left: 20px;
  text-align: left;
  color: #f0294a;
  font-size: 2.2rem;
  font-family: 'MuseoSemiBold', Helvetica, Arial, sans-serif;
  line-height: 1.2;
}

.figcaption-overlay span {
  display: block;
}

.btn-main-banner>span {
  width: auto;
}

.home #intro {
  margin-bottom: 2rem;
}

.welcome-text p {
  margin: 0;
  line-height: 1.4;
}

/* Banner with Responsive Text */

.img-wrapper {
  position: relative;
}

.img-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

.img-overlay:before {
  content: ' ';
  display: block;
  /* adjust 'height' to position overlay content vertically */
  height: 87%;
}

@media screen and (min-width: 1200px) {
  .img-overlay:before {
    content: ' ';
    display: block;
    /* adjust 'height' to position overlay content vertically */
    height: 90%;
  }
}

.figcaption-overlay {
  position: absolute;
  top: 20px;
  left: 20px;
  text-align: left;
  color: #f0294a;
  font-size: 2.2rem;
  font-family: 'MuseoSemiBold', Helvetica, Arial, sans-serif;
  line-height: 1.2;
}

.figcaption-overlay span {
  display: block;
}

.btn-main-banner>span {
  width: auto;
}

/*Start homepage banner btns*/

.btn-main-banner {
  bottom: 1rem;
}

.btn-main-banner>span {
  width: 110px
}

.btn-sub-mainTop {
  left: 130px;
  bottom: 0.4rem;
}

.btn-sub-mainBot {
  left: 117px;
  bottom: 0.1rem;
}

@media screen and (min-width:375px) {
  .btn-sub-mainBot {
    left: 178px;
    bottom: 0.4rem;
  }
}

@media screen and (min-width:475px) {
  .btn-sub-mainBot {
    left: 234px;
    bottom: 0.6rem;
  }
}

.btn-main-ec {
  left: -13px;
}

.btn-sub-banner {
  left: 110px;
}

.btn-sub-ecTop {
  bottom: 1.7rem;
}

.btn-sub-psBot {
  bottom: 0.1rem;
}

.btn-sub-hsBot {
  bottom: 1.9rem;
  left: 150px;
}

.btn-grid {
  bottom: 1.1rem;
}

.btn-grid>span,
.btn-grid>a {
  font-size: 1.1rem;
  padding: 0.8rem 2rem !important;
}

@media screen and (min-width:400px) {
  .btn-grid {
    bottom: 1.3rem;
  }
  .btn-grid>span,
  .btn-grid>a {
    padding: 1rem 2.2rem !important;
  }
}

@media screen and (min-width:480px) {
  .btn-grid {
    bottom: 2.1rem;
  }
}

@media screen and (min-width:544px) {
  .btn-grid>span,
  .btn-grid>a {
    padding: 0.4rem 1rem !important;
  }
  .btn-grid {
    bottom: 1.1rem;
  }
}

@media screen and (min-width:767px) and (max-width:1200px) {
  .btn-grid {
    bottom: 1.7rem;
  }
  .btn-grid>span,
  .btn-grid>a {
    font-size: 1.1rem;
    padding: 0.8rem 2rem !important;
  }
}

@media screen and (min-width:1200px) {
  .btn-grid {
    bottom: 0.9rem;
  }
}

/* @media screen and (max-width:1199px){ */

/* .btn-sub-mainBot > span{padding:0.25rem} */

/* } */

@media screen and (min-width:768px) {
  .btn-main-banner {
    bottom: 0.5rem;
  }
  .btn-sub-ecTop {
    bottom: 1.7rem;
  }
  .btn-sub-ecBot,
  .btn-sub-psTop,
  .btn-sub-hsTop {
    bottom: 0.8rem
  }
  .btn-sub-mainBot {
    left: 137px;
    bottom: 0.5rem;
  }
  .btn-sub-mainTop {
    bottom: 0.9rem;
  }
}

@media screen and (min-width:1200px) {
  .btn-main-banner {
    bottom: 0.8rem;
  }
  .btn-sub-ecTop {
    bottom: 2.3rem;
  }
  .btn-sub-ecBot,
  .btn-sub-psTop,
  .btn-sub-hsTop {
    bottom: 1.7rem
  }
  .btn-sub-psBot {
    bottom: 1rem;
  }
  .btn-sub-hsBot {
    bottom: 2.6rem;
  }
  .btn-sub-mainBot {
    left: 147px;
    bottom: 1.3rem
  }
  .btn-sub-mainTop {
    bottom: 1.6rem;
  }
}

/*End homepage banner btns*/

/*Start carousel square banner section*/

.banner-wrapper {
  position: relative;
}

.banner-text-overlay,
.banner-button-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

.banner-text-overlay:before {
  content: ' ';
  display: block;
}

.banner-button-overlay .btn {
  font-size: 1.1rem;
  padding: 0.7rem 1.6rem;
}

.banner-button-overlay:before {
  content: ' ';
  display: block;
  /* adjust 'height' to position overlay content vertically */
  height: 82%;
}

.square-banner-1:before {
  height: 24%;
}

.square-banner-2:before {
  height: 5%;
}

.square-banner-2 {
  left: 38%;
}

.square-banner-2 p span {
  font-size: 2rem;
  line-height: 1.2;
}

.square-banner-3 p span {
  font-size: 2.7rem;
  line-height: 1.2;
}

.square-banner-3 p .banner-subtext {
  font-size: 1.95rem;
}

.square-banner-3:before {
  height: 40%;
}

.square-banner-4:before {
  height: 8%;
}

.square-banner-4 p span {
  font-size: 3em;
}

.square-banner-4 .banner-text-mt {
  margin-top: 35px;
}

.square-banner-5:before {
  height: 29%;
}

.square-banner-5 p span {
  font-size: 2.7rem;
}

.square-banner-6:before {
  height: 59%;
}

.square-banner-6 p span {
  font-size: 1.7rem;
  font-family: ProximaNova;
}

.square-banner-7:before {
  height: 35%;
}

.square-banner-7 p span {
  font-size: 2.9rem;
}

.square-banner-7 p .banner-subtext {
  font-size: 1.7rem;
}

.square-banner-8:before {
  height: 46%;
}

.square-banner-8 p span {
  font-size: 2.5rem;
}

.square-banner-8 .banner-text span:nth-child(1) {
  width: 118%;
}

.square-banner-8 .banner-text span:nth-child(2) {
  width: 112%;
  margin-top: -8px;
}

.square-banner-8 p .banner-subtext {
  font-size: 1.3rem;
  margin-top: 10px;
}

.square-banner-9:before {
  height: 22%;
}

.square-banner-9 p span {
  font-size: 3.4rem;
}

.square-banner-10:before {
  height: 20%;
}

.square-banner-10 .banner-text {
  line-height: 1.2;
}

.square-banner-10 p span {
  font-size: 3.5rem;
}

.square-banner-11:before {
  height: 37%;
}

.square-banner-11 p span {
  font-size: 2.5rem;
}

.square-banner-12:before {
  height: 44%;
}

.square-banner-12 p span {
  font-size: 2.6rem;
}

.square-banner-13:before {
  height: 32%;
}

.square-banner-13 p span {
  font-size: 3.1rem;
}

.square-banner-13 .banner-subtext {
  font-size: 2rem;
}

.square-banner-14:before {
  height: 38%;
}

.square-banner-14 p span {
  line-height: 1.2;
  font-size: 2.6rem;
}

.square-banner-14 .banner-subtext {
  font-size: 1.25rem;
}

.square-banner-15:before {
  height: 37%;
}

.square-banner-15 p span {
  line-height: 1;
  font-size: 3.7rem;
}

.square-banner-16:before {
  height: 21%;
}

.square-banner-16 p span {
  font-size: 3.8rem;
}

.square-banner-16 .banner-subtext {
  font-size: 2.3rem;
}

.banner-text span {
  display: block;
  font-family: ProximaNovaExtraBold;
  font-size: 3.1rem;
  color: white;
  line-height: 1.1;
  text-shadow: 1px 1px 3px black;
}

@media screen and (min-width:1200px) {
  .square-banner-1:before {
    height: 24%;
  }
  .banner-text span {
    font-size: 1.9rem;
  }
  .banner-button-overlay:before {
    height: 79%;
  }
  .banner-button-overlay .btn {
    padding: 6px 16px;
    font-size: 1rem;
  }
  .square-banner-2 p span {
    font-size: 1.1rem;
    box-shadow: -16px 23px 71px rgba(0, 0, 0, 0.1);
  }
  .square-banner-3 p span {
    font-size: 1.5rem;
  }
  .square-banner-3 p .banner-subtext {
    font-size: 1.05rem;
    font-family: ProximaNovaSemiBold;
  }
  .square-banner-4 .banner-text-mt {
    margin-top: 1rem;
  }
  .square-banner-4 p span {
    font-size: 1.7rem;
    line-height: 1.2;
  }
  .square-banner-5 p span {
    font-size: 1.6rem;
  }
  .square-banner-6 p span {
    font-size: 1.1rem;
  }
  .square-banner-7 p span {
    font-size: 1.9rem;
  }
  .square-banner-7 p .banner-subtext {
    font-size: 1.2rem;
  }
  .square-banner-8:before {
    height: 44%;
  }
  .square-banner-8 p span {
    font-size: 1.5rem;
    line-height: 1.3;
  }
  .square-banner-8 .banner-text span:nth-child(1) {
    width: 120%;
  }
  .square-banner-8 p .banner-subtext {
    font-size: 0.79rem;
    margin-top: 0px;
    font-family: ProximaNova;
  }
  .square-banner-9 p span {
    font-size: 2rem;
  }
  .square-banner-10 p span {
    font-size: 2.2rem;
  }
  .square-banner-10 .banner-subtext {
    font-size: 1.4rem;
  }
  .square-banner-11 p span {
    font-size: 1.5rem;
  }
  .square-banner-12 p span {
    font-size: 1.5rem;
  }
  .square-banner-13 p span {
    font-size: 2.1rem;
  }
  .square-banner-13 .banner-subtext {
    font-size: 1.1rem;
  }
  .square-banner-14 p span {
    font-size: 1.4rem;
  }
  .square-banner-14 .banner-subtext {
    font-size: 1.1rem;
    font-family: ProximaNovaBold;
  }
  .square-banner-15 p span {
    font-size: 2rem;
  }
  .square-banner-16 p span {
    font-size: 2rem;
  }
  .square-banner-16 .banner-subtext {
    font-size: 1.2rem;
  }
}

}

/*End carousel square banner section*/

/*===========================================================
HOMEPAGE BANNER GENERAL STYLE END
===========================================================*/

/*Featured categories & Quick links*/

#multi-column-header {
  clear: both;
  padding-top: 20px;
}

#multi-column-header h1,
#multi-column-header h2 {
  text-align: center;
  font-size: 22px;
  background: #66c9d6;
  color: #FFFFFF;
  line-height: 36px;
}

#multi-column-container {
  clear: both;
  padding-top: 18px;
  background: #F5F5F5;
}

.multi-column {
  width: 255px;
  margin-left: 21px;
  position: relative;
  z-index: 1;
  /* prevent shadows falling behind containers with backgrounds */
  padding: 0;
}

.multi-category-item {
  text-align: center;
  background: #FFF;
  margin: 0 auto;
  padding: 11px 11px 16px;
  position: relative;
  border: 1px solid #EDEDED;
  margin: 0 0 23px;
  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;
  /* avoid rotation causing ugly appearance at large container widths */
  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;
  right: 10px;
  bottom: 7px;
  width: 30%;
  max-width: 200px;
  /* avoid rotation causing ugly appearance at large container widths */
  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 a.multi-category-image-link {
  width: 100%;
  height: auto;
  display: block;
}

.multi-category-item h2 {
  font-size: 14px;
  font-weight: bold;
}

.multi-category-item h2 a {
  display: block;
  font-size: 17px;
  font-weight: bold;
  padding: 24px 0 7px;
  line-height: 17px;
  text-transform: uppercase;
}

ul.sub-categories {
  list-style: none;
  padding: 0 0px;
  text-align: center;
  height: 130px;
  margin-bottom: 0;
}

ul.sub-categories li:first-child {
  /*border: none;*/
}

ul.sub-categories li {
  font-family: ProximaNovaExtraBold;
  /*border-top: 1px solid #C9C9C9;*/
}

ul.sub-categories li a {
  /*	font-size: 13px;
        display: block;
        padding: 10px 0 6px;*/
  font-size: 0.95rem;
  display: block;
  margin: 2px 0 2px;
  text-decoration: none;
  color: #5E5E5E !important;
  font-family: ProximaNovaSemiBold;
}

#all-categories a {
  color: #0FA5BB !important;
  text-decoration: none;
  FONT-WEIGHT: bold;
}

.cat-blocks-txt-container {
  background-color: #F7F9FB;
  height: 51%;
}

.cat-blocks h6 {
  text-align: center;
  font-weight: bold;
  padding: 10px 0px 3px 0px;
  margin: 0px;
}

.cat-blocks h6 a {
  color: #0FA5BB;
  font-family: ProximaNovaExtraBold;
  font-size: 1.5rem;
}

@media screen and (min-width:375px) {
  .cat-blocks h6 a {
    font-size: 1.5rem;
  }
}

.cat-blocks a:hover {
  text-decoration: none;
}

div.lg-block a.multi-category-image-link img {
  /*	background-size: 100%;*/
  height: 377px;
  width: 100%;
  position: relative;
}

.cat-blocks-header {
  text-align: center;
  color: #0FA5BB;
}

a.multi-category-image-link img {
  height: 185px;
  width: 100%;
  object-fit: cover;
}

.cat-blocks.container-fluid {}

.cat-blocks .row-fluid div[class^="col-"]:not(.cat-blocks-header) {
  height: 380px;
}

.row-fluid div[class^="col-"] {
  background-color: #FFFFFF;
}

.row-fluid div[class^="col-"]:not(.cat-blocks-header) {
  /*min-height: 380px;*/
  padding: 3px;
}

#catalogue-details div[data-display*="GALLERY"] {}

.add-all-to-cart-container {
  float: left;
  display: block;
  position: relative;
}

.header-container {
  width: 100%;
  float: left;
  display: block;
}

#multi-column-header h2 {
  text-align: center;
  font-size: 30px;
  color: #0FA5BB;
  font-weight: bold;
  line-height: 40px;
}

.cat-blocks .lg-block div {
  float: right;
  /*top: 195px;*/
  position: absolute;
  bottom: 0px;
  margin-bottom: 0px;
  /* padding: 10px 10px; */
  background: #f7f9fb;
  width: 50%;
  height: 192px;
  right: 2px;
  z-index: 15;
}

/* ==== 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 {
  color: #5e5e5e;
}

.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;
  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: #5e5e5e;
  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;
  z-index: 16;
}

.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 {
  max-height: 150px;
  margin: 0 auto;
  display: block;
}

.gcsProduct[data-display*="GALLERY"] .catGalleryDetails .addToCartDetail {
  left: 0;
  padding: 0;
}

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

.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: -63px;
}

.gcsProduct[data-display*="GALLERY"] .catGalleryPrice input.addToCart {
  bottom: -63px;
  position: relative;
  padding: 8px 18px;
  margin-top: 0px;
}

.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;
}

/*.gcsProduct .qtyBreakGallery em { display: none; }*/

.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: #5E5E5E;
}

.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;*/
}

.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: 0px 10px 15px 10px;
  border: 1px solid lightgrey;
  margin-top: 20px;
  box-shadow: 8px 10px 28px rgba(0, 0, 0, 0.07);
  background-color: #F7F9FB;
  display: none;
}

@media screen and (min-width: 992px) {
  .left-navigator-container {
    display: block;
  }
}

.category-list ul a:link,
.category-list ul a:visited {
  color: #788385;
}

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

.category-list ul a.IBSLink.selected {
  color: white;
}

.category-list ul a.IBSLink.selected:link {
  /* background-color: #5FCADA;
    padding: 6px;
    color: white;*/
}

#ItemCatalogue .page-header .PageTitle h1 {
  color: #5e5e5e;
  margin: 0;
  font-weight: bolder;
}

/*
$li a.IBSLink.selected {
    background-color: #5FCADA;
    padding: 6px;

    color: white;
}*/

.styleActions span.selectedtrue span {
  color: black;
}

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

/*#ItemDetail .row
#ItemCatalogue .row {
	padding-left: 33px;
}*/

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

.IBSPageTitleDivider {}

.left-navigator .parent a.parent {
  color: #5E5E5E;
}

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

.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: #5e5e5e;
}

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

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

.item-detail .addCutQtyWrap .cutQty,
.item-detail .addCutQtyWrap .addQty {
  width: 25%;
  font-size: 1.6rem;
  height: 50px;
}

@media screen and (min-width:480px) {
  .item-detail .addCutQtyWrap .cutQty,
  .item-detail .addCutQtyWrap .addQty {
    width: 2.5rem;
  }
}

.item-meta {
  font-size: 0.8em;
}

@media screen and (max-width: 479px) {
  .item-meta {
    text-align: center;
    margin-top: 50px;
  }
}

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

.parent-selected {
  background-color: #5FCADA;
  padding: 6px;
  color: white;
}

.tab-pane .item-cat-links a {
  color: #5FCADA;
}

#OrderConfirmation div.actions {
  /*margin-top: 2rem;*/
  padding: 5px 0px;
  float: right;
  /*	color: #65c9d8;*/
}

#OrderApprovalBrowser .IBSHeaderCellNumber,
#OrderApprovalBrowser .IBSHeaderCell {
  font-family: ProximaNovaBold;
  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;
  font-family: ProximaNovaBold;
}

.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;
  font-family: ProximaNovaSemiBold;
}

.catDetailItemDesc {
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.6rem;
  color: #5E5E5E;
  text-decoration: none;
}

.catDetailItemCode {
  color: #050505;
  font-size: 1rem;
}

.catDetailImage img {
  display: block;
  margin: 0 auto;
}

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

.catDetailPrice {
  min-height: auto;
 
}

@media screen and (max-width:1024px) and (min-width:768px) {
  .catDetailPrice {
    min-height: 18rem;
  }
  .catDetailAvailability {
    bottom: 5.1rem !important;
  }
  #catalogue-details div[data-display*="TABLE_DETAIL"] .catDetailPrice>.qtyBreakDetail+.qtyBreakDetail+.qtyBreakItemDiscount+.catDetailAvailability {
    bottom: 5.2rem !important;
  }
}

.priceAndAvailability {
  /*display: table-cell;*/
  align-items: stretch;
}

.catPriceDetail {
  margin: 5px 0 0 0px;
  /*  height: 14rem;*/
}

.catDetailAvailability {
  margin: 0 0 0 0px;
  bottom: 50px;
}

@media screen and (min-width:767px) {
  .priceAndAvailability {
    border-left: 1px solid #e7e7e7;
  }
  .catPriceDetail {
    margin: 0 0 0 15px;
  }
  .catDetailAvailability {
    position: absolute;
    bottom: 50px;
    margin: 0 0 0 15px;
  }
}

.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: 8px 18px;
  font-size: 0.8rem;
  min-width: 100px;
  min-width: 92px;
  margin-top: 10px;
}

@media screen and (min-width: 481px) {
  .addToCartDetail .addToCart {
    margin-top: 0px;
    vertical-align: top;
  }
}

#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: #5E5E5E;
  font-weight: 700;
}

@media screen and (max-width: 479px) {
  .addCutQtyWrap .cutQty,
  .addCutQtyWrap .addQty,
  .item-info .addToCartDetail .IBSInput {
    font-size: 2rem !important;
  }
}

.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;
}

.catDetailPrice.priceAndBuy .addToCart {
  margin-top: 0px;
  min-width: 100px;
}

.catalogueBrowser .addToCartDetail {
  bottom: 10px;
  left: 10px;
  display: inline-block;
}

@media screen and (min-width:767px) {
  .catalogueBrowser .addToCartDetail {
    position: absolute;
  }
}

.catalogueBrowser .addToCartDetail label {
  display: block;
  font-size: 0.8em;
  font-weight: bold;
}

/*.addCutQtyWrap {
	display: inline-block;
	vertical-align: top;
}*/

.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;
  /*display: flex;*/
}

.catItemDetail .priceAndAvailability {
  height: 92%;
  /* width: 50%; */
  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;
}

.category-list li {
  line-height: 1.6rem;
  margin: 2px 0px;
}

.category-list ul ul li.heading {
  color: #0FA5BB;
  font-weight: bold;
  margin: 10px 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 .qtyBreakPriceGSTGallery ,*/

td .qtyBreakGallery .IBSListCellNumber,
td .qtyBreakDetail span,
td .catPriceDetail span {
  font-size: 1.5em;
  font-weight: bold;
  color: #5e5e5e;
  line-height: 21px;
}

.table-catalogue .addToCartDetail .IBSInput {
  height: 32px;
}

.table-catalogue td .qtyBreakGallery {
  padding: 0 10px 0 0px;
}

/*td .qtyBreakGallery,*/

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;
  color: #5e5e5e;
  font-size: 1.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: #5e5e5e;
  font-weight: normal;
}

.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;
}

div.catGalleryImage ul.image-nav li button.nav {
  background: transparent;
}

div.catGalleryImage ul.image-nav li.prev {
  top: 17%;
}

div.catGalleryImage ul.image-nav li.next {
  top: 17%;
  right: 1px;
}

div.catGalleryImage ul.image-nav {
  margin-bottom: 0px;
}

/*---END IMAGE NAVIGATION---*/

.item-info .cutQty {}

.item-info .item-cat-page .IBSOutput {
  display: none;
}

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

.item-detail .addCutQtyWrap .cutQty,
.item-detail .addCutQtyWrap .addQty {
  padding: 8px 0px;
}

.item-pricing span.IBSTextAttention,
span.qtyBreakPriceNetDetail {
  font-size: 2.5rem;
  font-weight: bold;
  display: block;
  color: #5E5E5E;
  line-height: 100%;
  margin-bottom: -10px;
}

.item-pricing span.catPriceGSTDetail {
  font-size: 1rem;
  display: block;
  color: #ACACAC;
}

@media screen and (max-width:479px) {
  .item-info .addToCartDetail {
    max-width: 190px;
    margin: 0 auto;
  }
}

.item-info .addToCart {
  width: 49%;
  max-width: 194px;
  height: 50px;
  font-size: 1.6rem;
  float: right;
  padding: 0px;
}

/*.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;
}

@media screen and (max-width:479px) {
  .item-info .addToCartDetail .IBSInput {
    width: 50.5%
  }
}

.item-info .addToCartDetail .IBSInput {
  font-size: 1.6rem;
  height: 50px;
}

.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;
}

.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;
}

/* PreOrder item */
span.IBSAvailabilityCellPreOrder {
  color: #45b870;
  font-size: 14px;
  font-weight: bold;
}

 span.IBSAvailabilityCellPreOrder:after {
  content: "Pre-order Now";
  font-size: 14px;
  font-weight: bold;
  color: #45b870;
  padding-left: 6px;
  display: inline-block;
}

/*---ITEM DISCONTINUED---*/

span.IBSAvailabilityCellDiscontinued:after {
  content: "Discontinued Item";
  font-size: 14px;
  font-weight: bold;
  color: #D81F3E;
  padding-left: 6px;
  display: inline-block;
}

.catDetailOffer {
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (min-width:768px) {
  .catDetailOffer {
    top: 204px;
  }
}

@media screen and (min-width:1024px) {
  .catDetailOffer {
    top: 0;
  }
}


.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: #F0294A !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 +.qtyBreakDetail +.qtyBreakItemDiscount  + .catDetailAvailability {padding: 8px 0px;}*/

#catalogue-details div[data-display*="TABLE_DETAIL"] .catDetailPrice .qtyBreakDetail:nth-child(2) {
  top: -7px;
  position: relative;
}

/*#catalogue-details div[data-display*="TABLE_DETAIL"] .catDetailPrice .qtyBreakDetail{
	top: -5px;
    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: 10px 0px;
}

.item-pricing .catPriceNetDetail,
.item-pricing span.IBSListCellNumber {
  font-size: 2.5rem;
  color: #5E5E5E;
  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: #5E5E5E;
}

#ItemDetail .qtyBreakPriceGSTDetail {
  display: block;
  line-height: 100%;
  color: #ACACAC;
  font-weight: 700;
}

#ItemDetail .qtyBreakItemDiscount {
  display: block;
  margin: 0;
}

#ItemDetail .addCutQtyWrap {
  width: auto;
}

#ItemDetail .item-meta div {
  display: inline-block;
  color: #ACACAC;
  vertical-align: top;
  width: 49%;
}

#ItemDetail .item-code {
  width: 50%;
  color: #5E5E5E !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: #5E5E5E;
  border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
  margin: 1rem 0 0;
  padding: 1rem 0;
}

.free-shipping-info span {
  color: #F0294A;
}

.pack-item span {
  display: block;
}

/*Item Detail Page - Social Share Buttons*/

[id="ItemDetail"] [id="socialcontainer"] {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding-bottom: 8px;
}

[id="ItemDetail"] .fbcontainer {
  display: inline-block;
  margin-right: 5px;
}

[id="ItemDetail"] .fbcontainer .shareBtn {
  background-color: #4267b2;
  background-image: linear-gradient(#4875d0, #3b5998 50%);
  border: 1px solid #29487d;
  color: #fff;
  padding: 2px 16px;
  border-radius: 3px;
  line-height: 1;
}

[id="ItemDetail"] .fbcontainer:hover {
  cursor: pointer;
}

[id="ItemDetail"] .fbcontainer .fa.fa-facebook {
  font-size: 11px;
}

[id="ItemDetail"] [id="pincontainer"] {
  display: inline-block;
}

[id="ItemDetail"] [id="pincontainer"] img {
  vertical-align: top;
}

/* ==== END CATALOGUE BROWSER =====================================================*/

/*---HIGHSLIDE---*/

/*.item-thumbnail-group .highslide-gallery img {display: none;}*/

.item-thumbnail-group .highslide-gallery img {
  visibility: hidden;
  /* min-height: 250px; */
  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: #5e5e5e;
}

.MTA-ART-AND-CRAFT .cat-block a {
  text-align: center;
}

@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: #F0294A;
}

.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: #5e5e5e;
  font-size: 14px;
  font-family: ProximaNovaBold;
  border-bottom: 1px solid #DDD;
}

tr.cartTotals {
  vertical-align: top;
  background: #f7f6f5;
  color: #5e5e5e;
}

.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-remove-promotion input[name="ACTION_REMOVE_PROMOTION"] {
  background: #61c9d9;
  border: none;
  color: #ffffff;
  font-size: 1rem;
  font-family: ProximaNovaBold;
}

.cart-totals .form-control-label {
  padding: 2px 0;
  font-family: ProximaNovaSemiBold;
}

.cart-totals .cartLabelTotal,
.cart-totals .cartTotal {
  font-family: ProximaNovaBold;
}

.cart-auto-promotion,
#vouchers {
  color: #F0294A;
  text-align: left;
  font-family: ProximaNovaBold;
  font-size: 1rem;
}

.cart-auto-promotion i {
  font-size: 1.5rem;
}

.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;
  font-family: ProximaNovaBold;
  padding-bottom: 6px;
}

.cart-promotion .enter-promo i {
  font-size: 1.5rem;
  color: #f0294a;
}

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

.shoppingCart .modal-body.email-items textarea#textItems_EF {
  width: 100%;
}

/* Promo Banner Upsell Start */

.upsell {
  color: #dc3f4e;
  font-family: ProximaNovaBold;
  font-size: 18px;
  font-style: italic;
}

.upsell i:before {
  font-size: 23px;
  font-style: italic;
}

/* Promo Banner Upsell End */

/* ==== 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;
  z-index: 10000;
}

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 {
  font-family: ProximaNovaBold;
  color: #5FCADA;
  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;
  font-family: ProximaNovaBold;
}

.order-delivery-form label {
  font-family: ProximaNovaBold;
}

.order-delivery-form .IBSHtmlSelectForm {
  display: block;
  width: 100%;
  padding: 0.5rem;
}

/* ==== END DELIVERY ADDRESS =====================================================*/

/* ==== START PAYMENT PAGE =====================================================*/

.credtcardPayments label {
  font-family: ProximaNovaBold;
}

.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/mta/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-family: ProximaNovaBold;
  font-size: 1.5rem;
  color: #5e5e5e;
}

.creditCards .paymentmethods {
  font-family: ProximaNovaBold;
  font-size: 1rem;
  color: #5e5e5e;
  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: #F0294A;
  border-color: #5FCADA;
  display: inline-block;
  padding: 0.5rem 1rem;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
}

.order-copy-paste-area .actions {
  float: right;
  margin: 10px 0;
}

.order-copy-paste-area .fa.fa-repeat {
  color: #FFFFFF;
}

/* ==== 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;
}

#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: #F0294A;
  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 =====================================================*/

.ar-transactions .alert.alert-warning {
  display: inline;
  float: right;
}

.massDL-popover {
  display: block;
  width: 150px;
  text-decoration: none;
}

/* ==== End of ARLedger transaction PAGE =====================================================*/

/* ==== START ART ACTIVITIES =====================================================*/

.category .PageTitle {
  margin-top: 9rem;
  text-align: center;
}

canvas#backgroundSnowCanvas {
  top: 11rem !important;
}

.sm-simple {
  /*border: 1px solid #bbbbbb;*/
  background: white;
  /*-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);*/
}

. activity-details-column {
  font-size: 1rem;
}

#activity-steps {
  /*	margin: 10px;*/
  line-height: 1.6rem;
  font-weight: 500;
  padding-left: 20px;
}

.activity-summary {
  font-weight: bold;
}

#table-material-requried td.column2 {
  font-size: 0.8rem;
}

#table-material-requried td.column1,
#table-material-additional td.column1 {
  width: 15%;
}

.column5 .activity-qty {
  border: 1px solid #e6e6e6;
  text-align: center;
  width: 3rem;
  height: 36px;
  bottom: 0 !important;
  font-weight: bolder;
}

.sm-simple a,
.sm-simple a:hover,
.sm-simple a:focus,
.sm-simple a:active {
  color: #5E5E5E;
  font-size: 0.9rem;
  font-weight: bolder;
  padding: 13px 20px;
  /* make room for the toggle button (sub indicator) */
  padding-right: 58px;
  /*color: #555555;
  font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Arial, sans-serif;
  font-size: 16px;*/
  font-weight: normal;
  line-height: 17px;
  text-decoration: none;
}

.sm-simple a.current {
  background: #555555;
  color: white;
}

.sm-simple a.disabled {
  color: #cccccc;
}

.sm-simple a span.sub-arrow {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: auto;
  right: 4px;
  width: 34px;
  height: 34px;
  overflow: hidden;
  font: bold 14px/34px monospace !important;
  text-align: center;
  text-shadow: none;
  background: rgba(0, 0, 0, 0.08);
}

.sm-simple a.highlighted span.sub-arrow:before {
  display: block;
  content: '-';
}

.sm-simple li {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.sm-simple>li:first-child {
  border-top: 0;
}

.sm-simple ul {
  position: relative;
  background: rgba(179, 179, 179, 0.1);
}

.sm-simple ul a,
.sm-simple ul a:hover,
.sm-simple ul a:focus,
.sm-simple ul a:active {
  font-size: 14px;
  border-left: 8px solid transparent;
}

.sm-simple ul ul a,
.sm-simple ul ul a:hover,
.sm-simple ul ul a:focus,
.sm-simple ul ul a:active {
  border-left: 16px solid transparent;
}

.sm-simple ul ul ul a,
.sm-simple ul ul ul a:hover,
.sm-simple ul ul ul a:focus,
.sm-simple ul ul ul a:active {
  border-left: 24px solid transparent;
}

.sm-simple ul ul ul ul a,
.sm-simple ul ul ul ul a:hover,
.sm-simple ul ul ul ul a:focus,
.sm-simple ul ul ul ul a:active {
  border-left: 32px solid transparent;
}

.sm-simple ul ul ul ul ul a,
.sm-simple ul ul ul ul ul a:hover,
.sm-simple ul ul ul ul ul a:focus,
.sm-simple ul ul ul ul ul a:active {
  border-left: 40px solid transparent;
}

.activityHome .col-md-2 {
  background: #fff;
  padding: 20px;
}

@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) */
  .sm-simple ul {
    position: absolute;
  }
  #activity-menu ul {
    position: relative;
    overflow: auto;
    width: 100% !important;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    min-width: 8rem !important;
  }
  .sm-simple li {
    float: left;
  }
  #activity-menu li {
    width: 100%;
    position: relative;
    display: block;
  }
  .sm-simple.sm-rtl li {
    float: right;
  }
  .sm-simple ul li,
  .sm-simple.sm-rtl ul li,
  .sm-simple.sm-vertical li {
    float: none;
  }
  .sm-simple a {
    white-space: nowrap;
  }
  .sm-simple ul a,
  .sm-simple.sm-vertical a {
    white-space: normal;
  }
  .sm-simple .sm-nowrap>li>a,
  .sm-simple .sm-nowrap>li> :not(ul) a {
    white-space: nowrap;
  }
  #activity-menu .sm-nowrap>li>a,
  #activity-menu .sm-nowrap>li> :not(ul) a {
    white-space: initial;
    width: 100%;
    position: relative;
  }
  /* ...end */
  .sm-simple {
    background: transparent;
  }
  .sm-simple a,
  .sm-simple a:hover,
  .sm-simple a:focus,
  .sm-simple a:active,
  .sm-simple a.highlighted {
    padding: 4px 0;
    color: #0FA5BB;
    font-size: 0.9rem;
    font-weight: bolder;
  }
  .sm-simple a:hover,
  .sm-simple a:focus,
  .sm-simple a:active,
  .sm-simple a.highlighted {
    /*background: #eeeeee;*/
    text-decoration: underline;
  }
  .sm-simple a.current {
    background: #555555;
    color: white;
  }
  .sm-simple a.disabled {
    background: white;
    color: #cccccc;
  }
  .sm-simple a.has-submenu {
    /*padding-right: 32px;*/
  }
  .sm-simple a span.sub-arrow {
    top: 50%;
    margin-top: -8px;
    right: 20px;
    width: 8px;
    height: 16px;
    font: 14px/16px monospace !important;
    background: transparent;
  }
  .sm-simple a.highlighted span.sub-arrow:before {
    display: none;
  }
  .sm-simple>li {
    border-top: 0;
    /*border-left: 1px solid #eeeeee;*/
  }
  .sm-simple>li:first-child {
    border-left: 0;
  }
  .sm-simple ul {
    /*  border: 1px solid #bbbbbb;
    background: white;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);*/
  }
  .sm-simple ul a {
    border: 0 !important;
    color: #555555;
    padding: 5px;
  }
  .sm-simple ul a:hover {
    color: #555555;
    padding: 5px;
  }
  .sm-simple ul a.has-submenu {
    padding-right: 20px;
  }
  .sm-simple ul a span.sub-arrow {
    right: auto;
    margin-left: -12px;
  }
  .sm-simple ul>li {
    border-left: 0;
    /*border-top: 1px solid #eeeeee;*/
  }
  .sm-simple li {
    border-top: none;
  }
  .sm-simple ul>li:first-child {
    border-top: 0;
  }
  .sm-simple span.scroll-up,
  .sm-simple span.scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    overflow: hidden;
    background: white;
    height: 20px;
  }
  .sm-simple span.scroll-up-arrow,
  .sm-simple 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 #555555 transparent;
  }
  .sm-simple span.scroll-down-arrow {
    top: 6px;
    border-style: solid dashed dashed dashed;
    border-color: #555555 transparent transparent transparent;
  }
  .sm-simple.sm-rtl a.has-submenu {
    padding-right: 20px;
    padding-left: 32px;
  }
  .sm-simple.sm-rtl a span.sub-arrow {
    right: auto;
    left: 20px;
  }
  .sm-simple.sm-rtl.sm-vertical a.has-submenu {
    padding: 11px 20px;
  }
  .sm-simple.sm-rtl.sm-vertical a span.sub-arrow {
    right: 20px;
    margin-right: -12px;
  }
  .sm-simple.sm-rtl>li:first-child {
    border-left: 1px solid #eeeeee;
  }
  .sm-simple.sm-rtl>li:last-child {
    border-left: 0;
  }
  .sm-simple.sm-rtl ul a.has-submenu {
    padding: 11px 20px;
  }
  .sm-simple.sm-rtl ul a span.sub-arrow {
    right: 20px;
    margin-right: -12px;
  }
  .sm-simple.sm-vertical a span.sub-arrow {
    right: auto;
    margin-left: -12px;
  }
  .sm-simple.sm-vertical li {
    border-left: 0;
    border-top: 1px solid #eeeeee;
  }
  .sm-simple.sm-vertical>li:first-child {
    border-top: 0;
  }
  .sm-simple>li {
    padding: 0;
  }
  .sm-simple>li>a:after {
    /*  content: "|";
    padding: 10px;*/
  }
  .sm-simple>li:last-of-type>a:after {
    content: "";
  }
  /* #Activities li#themes ul {
	min-width: 40em !important;
	padding-right: 0;
  }
  #Activities li#themes ul li {
	width: 28.5%;
	float: left;
  }*/
  .sm-simple a span.sub-arrow {
    display: none;
  }
  ul.sm-simple ul {
    /*border-right: 1px solid #E61C44;
  	border-bottom: 1px solid #E61C44;
  	border-left: 1px solid #E61C44;*/
  }
  #Activities .PageTitle h1 {
    color: #EB204A;
    font-size: 40px;
    font-family: 'CabinSketchRegular', Arial, Helvetica, sans-serif;
    letter-spacing: 0;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    letter-spacing: -0.03em;
  }
  .activity .PageTitle,
  .search .PageTitle,
  .recent .PageTitle,
  .tag .PageTitle {
    clear: both;
    display: block;
    margin-top: 8rem;
  }
}

body.activities {
  padding: 0;
}

.activity-header {
  /*font-family: LolitaMedium,sans-serif;*/
  /*width: 655px;*/
  text-align: center;
  /*  float: left;*/
  display: inline-block;
  background: transparent none repeat scroll 0% 0%;
  height: 213px;
}

.activity-text1 {
  font-size: 3.8rem;
  color: #92278F;
  margin: 4px 0px 3px;
  /* font-family: ZiptyDo,sans-serif;*/
}

.activity-text1,
.activity-text2,
.activity-text5 {
  line-height: 1.1em;
  margin: auto;
  top: 30%;
  position: relative;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  color: white;
  font-family: ProximaNovaBold;
}

.activity-text2 {
  font-size: 1.5rem;
  line-height: 2rem;
  margin-bottom: 2px;
  font-family: ProximaNovaSemibold;
}

.activity-text3,
.activity-text5 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 13px;
}

.activity-text4 {
  font-size: 16px;
  line-height: 1.2em;
  margin: 5px auto;
}

.activity-text5 {
  font-size: 16px;
  color: #92278F;
}

.activity-search {
  /*width: 81%;
    text-align: center;*/
  /* float: left; */
  /* padding: 10px;
    opacity: 1;
    margin-bottom: 0px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    top: 22%;
    position: relative;*/
}

.search-border #searchButton {
  position: absolute;
  display: inline;
  /* height: 94%; */
  /* top: 10px; */
  right: 11.3%;
}

.activity-search .search-border {
  text-align: center;
  margin: 0 auto;
  display: block;
  width: 80%;
}

.activity-search label {
  font-family: LolitaMedium, sans-serif;
  color: #FFF;
  font-size: 18px;
  margin: 0px;
  width: 100%;
  padding: 0px;
}

.activityLeftNav .activity-search input[type="search"] {
  width: 86%;
}

.activity-search input[type="search"] {
  padding: 15px 10px;
  width: 86%;
  font-size: 1rem;
  vertical-align: baseline;
  border: none;
}

.activity-search input[type="image"] {
  left: -30px;
  position: relative;
  vertical-align: middle;
  border: medium none;
  padding: 0px;
  margin: 0px;
  transition: none 0s ease 0s;
}

.activityHome {
  clear: both;
  /*margin-top: 6.7rem;*/
  margin-top: 1.7rem;
}

.activityHomeBanner {
  /* position: relative;
    display: block;
    float: left;
    height: inherit;*/
  margin: 0 auto;
}

#Activities article {
  background: #f7f9fb;
  padding: 10px;
}

#upload .container {
  background: #f7f9fb;
  padding: 10px;
}

.item-category h3 {
  font-weight: bold;
  padding: 10px 0px;
}

.activities-col-1,
.activities-col-2,
.activities-col-3 {
  margin-right: 15px;
}

.activityblock {
  background-color: #FFF;
  margin-bottom: 30px;
}

.activity-content h2 {
  font-family: ProximaNovaBold;
  font-size: 2.4rem;
  /*padding: 10px;*/
}

.activity-content p {}

.activityblock .activityblock-heading {
  min-height: 95px;
  background-repeat: no-repeat !important;
  background-color: #FFF !important;
  background-size: 100% auto !important;
}

.activityblock-heading h3 {
  color: #FFF;
  text-align: center;
  font-size: 20px;
  text-transform: lowercase;
  padding: 20px 0px 10px 5px;
  line-height: 1.1em;
  width: 155px;
}

.activity-image img {
  /* width:200px;height:143px;*/
}

.activityblock-image {
  text-align: center;
  padding: 15px;
}

.activityblock-links {
  padding: 15px;
  text-align: center;
}

.activityblock-links ul {
  list-style: none;
  padding: 0;
}

.activityblock-links a,
.activityblock-links li {
  font-size: 13px;
  line-height: 1.6em;
}

.activityblock-topics .activityblock-heading {
  background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-topics.jpg") repeat scroll 0% 0%;
}

.activityblock-globalevents .activityblock-heading {
  background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-global.jpg") repeat scroll 0% 0%;
}

.activityblock-howtotips .activityblock-heading {
  background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-tip-hint.jpg") repeat scroll 0% 0%;
}

.activityblock-inspiration .activityblock-heading {
  background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-inpiration.jpg") repeat scroll 0% 0%;
}

.activityblock-sharedideas .activityblock-heading {
  background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-share-ideas.jpg") repeat scroll 0% 0%;
}

.activityblock-artmaterials .activityblock-heading {
  background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-art-materials.jpg") repeat scroll 0% 0%;
}

.activityblock-activitysheets .activityblock-heading {
  background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-activity-sheet.jpg") repeat scroll 0% 0%;
}

.activityblock-recentadditions .activityblock-heading {
  background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-recently-added.jpg") repeat scroll 0% 0%;
}

.activityblock-skills .activityblock-heading {
  background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-skills.jpg") repeat scroll 0% 0%;
}

.activityblock-clipart .activityblock-heading {
  background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-clip-art.jpg") repeat scroll 0% 0%;
}

.activityblock-footer {
  min-height: 53px;
  background-repeat: no-repeat !important;
  background-color: #FFF !important;
  background-size: cover !important;
}

.activityblock-topics .activityblock-footer {
  background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-circles-lime.jpg") repeat scroll 0% 0%;
}

.activityblock-howtotips .activityblock-footer {
  background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-squares-orange.jpg") repeat scroll 0% 0%;
}

.activityblock-globalevents .activityblock-footer {
  background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-stitch-pink.jpg") repeat scroll 0% 0%;
}

.activityblock-inspiration .activityblock-footer {
  background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-solid-line-teal.jpg") repeat scroll 0% 0%;
}

.activityblock-sharedideas .activityblock-footer {
  background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-circles-pink.jpg") repeat scroll 0% 0%;
}

.activityblock-artmaterials .activityblock-footer {
  background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-squares-teal.jpg") repeat scroll 0% 0%;
}

.activityblock-activitysheets .activityblock-footer {
  background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-stitch-lime.jpg") repeat scroll 0% 0%;
}

.activityblock-recentadditions .activityblock-footer {
  background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-squares-lime.jpg") repeat scroll 0% 0%;
}

.activityblock-skills .activityblock-footer {
  background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-solid-line-orange.jpg") repeat scroll 0% 0%;
}

.activityblock-clipart .activityblock-footer {
  background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-circles-teal.jpg") repeat scroll 0% 0%;
}

.category .activtyNav,
.search .activtyNav {
  font-size: 14px;
  padding: 0px;
  border-bottom: medium none;
  text-align: right;
  margin: 10px;
}

.activityResults>div:first-child {
  TEXT-ALIGN: CENTER;
  margin: 0 auto;
  position: relative;
}

.activity-buy {
  border-radius: 0;
}

.activity-single-steps li {
  border-top: 1px solid #e1e1e1;
  padding: 10px 0;
}

.item-category .PageTitle {
  margin-top: 120px;
  text-align: center;
}

.activityHomeBanner div {
  margin: 0 auto;
}

.activity-single-steps li:last-child {
  border-bottom: 1px solid #e1e1e1;
}

#activty-nav-column .nav-stacked {
  padding-left: 0px;
}

.activityResults {
  padding: 0;
  /* clear: both;
    margin-top: 10px;
    background-color: transparent;
    border-radius: 3px;*/
}

.activity-tile+.navBar .actions ul.nav-stacked .category-item {
  display: block;
}

.activity-tile+.navBar .actions ul.nav-stacked {
  padding: 0;
}

.activity-tile+.navBar {
  position: relative;
}

#activityResults .activity-tile.activityLeftNav,
.category .activity-tile.activityLeftNav {
  margin-top: 12px;
  box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.2) inset, 0px 2px 3px rgba(0, 0, 0, 0.3);
  float: none;
  display: block;
  height: 85px;
  width: 96%;
}

#activty-nav-column .activity-search,
.activityLeftNav .activity-search {
  width: 100%;
  text-align: left;
  float: left;
  padding: 0px;
  opacity: 1;
  background-image: none;
  margin-bottom: 15px;
  margin-top: 0px;
  background-color: transparent;
  position: relative;
}

ul.category-list {
  padding: 0;
}

#material-required,
#activity-steps,
#activity-details-column {
  float: none;
  padding: 0;
  display: table;
}

#activty-nav-column button,
.activityLeftNav button {
  top: 0px;
  z-index: 2;
  display: block;
  text-align: center;
  font-size: 1.5rem;
  color: #fff;
  background: #F0294A;
  border: none;
  width: 50px;
  height: 100%;
  position: absolute;
  display: inline;
  right: 0.3%;
}

.activity-search+#activity-nav+.navBar {
  float: left;
  width: 100%;
}

.activityLeftNav .activity-search input[type="search"] {
  width: 65%;
}

#activty-nav-column .activity-search input[type="search"],
.activityLeftNav .activity-search input[type="search"] {
  padding: 20px;
  /*  width: 65%;*/
  font-size: 12px;
  height: 12px;
  vertical-align: baseline;
  border: 1px solid #e1e1e1;
}

.activityLeftNav .activity-search input[type="image"] {
  margin-left: 0px;
  top: 20px;
  position: absolute;
  left: 10rem;
}

#activityCategory li.category-heading {
  font-size: 16px;
  font-weight: bold;
  color: #FFF;
}

#activityCategory li.category-heading a {
  color: #FFF;
}

.activity-image {
  text-align: center;
  min-width: 178px;
  min-height: 128px;
}

.activity-tile {
  width: 200px;
  margin: 12px 5px;
  padding: 15px 10px;
  background: #FFF none repeat scroll 0% 0%;
  border: 1px solid #EAEAEA;
  border-radius: 3px;
  position: relative;
  float: left;
}

#activityCategory li.category-item {
  font-size: 13px;
  font-weight: normal;
  padding: 5px 0px;
  clear: both;
}

.activityLeftNav ul#activityCategory,
.activityLeftNav ul#activityCategory ul {
  padding: 0;
}

.activityLeftNav li {
  list-style-type: none;
}

li.category-heading {
  display: block;
}

.activityHome ul {
  padding: 0;
}

.category-item a {
  color: #5e5e5e;
}

.category-heading i {
  float: right;
  color: black;
  font-size: 0.9rem;
  font-weight: bolder;
  top: 4px;
  position: relative;
}

li.category-heading {
  padding: 4px;
  border-bottom: 1px solid #e1e1e1;
  text-align: left;
}

li.category-heading:last-child {
  border: none;
}

/* ==== END ART ACTIVITIES =====================================================*/

/* ==== 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: #5e5e5e;
  text-transform: capitalize;
  font-family: ProximaNovaBold;
}

.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-family: ProximaNovaBold;
  font-size: 1rem;
  color: #5e5e5e;
}

.newuser .register-account .IBSInput {
  padding: 1rem;
  font-size: 1.1rem;
}

/* Second Page */

.user-update label,
.change-password label,
.ar-transactions label {
  font-weight: bold;
}

#checkboxMarketingEmail,
#checkboxLessonZoneSignup,
#signupAsTeacher {
  -ms-transform: scale(2);
  -moz-transform: scale(2);
  -webkit-transform: scale(2);
  -o-transform: scale(2);
  margin: 5px;
}

label[for="checkboxMarketingEmail"],
label[for="checkboxLessonZoneSignup"],
#registrationModalGeneralForm label[for="signupAsTeacher"] {
  font-size: 1.5rem;
  display: inline;
  line-height: 1;
}

.newuser2 .register-user label {
  font-family: ProximaNovaBold;
  font-size: 1rem;
  color: #5e5e5e;
}

.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-family: ProximaNovaBold;
  font-size: 1.1rem;
  border-bottom: 2px solid #e1e1e1;
  padding-bottom: 1rem;
}

.IBSPageNumber .pg-current {
  color: #f0294a;
}

.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 .signon-actions {
  font-family: ProximaNovaBold;
  font-size: 0.95rem;
}

.signon-page .form-control {
  padding: 1rem;
}

.signon-page h3 {
  font-family: ProximaNovaBold;
  color: #5E5E5E
}

.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: #5e5e5e !important;
  text-align: left;
  font-size: 100%;
  font-weight: 100;
  display: block;
}

#searchResults table a.IBSCellLink {
  background-color: #f0294a;
  border-color: #f0294a;
  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-family: ProximaNovaBold;
  font-size: 1rem;
  color: #5E5E5E;
}

.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: #f0294a;
  border-color: #f0294a;
  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: 1.05rem;
  font-size: 1rem;
}

.customer-selection h3 {
  font-family: ProximaNovaBold;
  color: #5E5E5E;
  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: #5e5e5e;
  text-transform: capitalize;
  font-family: ProximaNovaBold;
}

.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-family: ProximaNovaBold;
  font-size: 1rem;
  color: #5E5E5E;
}

.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-family: ProximaNovaBold;
  font-size: 0.9rem;
}

/* ==== FORGOT PASSWORD END =====================================================*/

/* ==== EXPORT SALES START =====================================================*/

.export-mta .mainContent {
  font-size: 1.1rem;
  color: #5E5E5E;
}

.export-mta .mainContent h1 {
  font-family: ProximaNovaBold;
}

.export-mta .contact-info span:first-child {
  color: #0FA5BB;
  font-family: ProximaNovaBold;
}

.export-mta .contact-info span:nth-child(2) {
  font-family: ProximaNovaSemiBold;
  font-size: 1.5rem;
  display: block;
  margin-left: 3.5rem;
  margin-top: -1.2rem;
}

@media (max-width: 767px) {
  .export-mta .contact-info span:first-child {
    font-size: 0.7rem;
  }
  .export-mta .contact-info span:nth-child(2) {
    font-size: 1.1rem;
  }
}

.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: #F0294A;
  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: #F0294A;
  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: #5E5E5E;
}

/* ==== EXPORT SALES END =====================================================*/

/* ==== CONTACT US START =====================================================*/

.contact-mta .heading {
  font-size: 2.5rem;
  color: #0fa5bb;
  font-family: ProximaNovaBold;
  line-height: 2.5rem;
  text-transform: capitalize;
  padding: 0 15px;
}

@media only screen and (min-width: 48em) {
  .contact-mta .heading {
    font-size: 3rem;
    line-height: 3.3rem;
  }
}

.contact-mta .intro {
  font-size: 1.5rem;
  color: #808285;
  padding-bottom: 1.5rem;
  line-height: 2rem;
}

@media only screen and (min-width: 48em) {
  .contact-mta .intro {
    line-height: 1.5rem;
  }
}

.contact-mta .faq {
  background: #d1e1e3;
  padding: 1.25rem;
  margin-bottom: 2.5rem;
}

.contact-mta .faq-head {
  display: flex;
  padding-bottom: 1rem;
  align-items: center;
}

.contact-mta .faq-head_image {
  width: 3.125rem;
}

.contact-mta .faq-head_text {
  padding-left: 1rem;
  margin-bottom: 0;
  font-size: 2.125rem;
  color: #0fa5bb;
  font-family: ProximaNovaBold;
}

.contact-mta .faq-head_text--not-mobile {
  display: none;
}

@media only screen and (min-width: 48em) {
  .contact-mta .faq-head_text--mobile {
    display: none;
  }
  .contact-mta .faq-head_text--not-mobile {
    display: block;
  }
}

.contact-mta .question {
  border: 0.0625rem solid #e6e7e8;
  margin: 0.3125rem;
  background: #fff;
  padding: 0.625rem;
}

.contact-mta .question_q {
  display: flex;
  justify-content: flex-end;
  flex-direction: row-reverse;
  cursor: pointer;
}

@media only screen and (min-width: 48em) {
  .contact-mta .question_q {
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
  }
}

.contact-mta .question_q-left {
  display: flex;
  align-items: center;
}

.contact-mta .question_q-text {
  font-size: 1.125rem;
  color: #5e5e5e;
  font-family: ProximaNovaBold;
  padding-left: 0.5rem;
}

.contact-mta .question_a {
  padding-left: 0px;
}

@media only screen and (min-width: 48em) {
  .contact-mta .question_a {
    padding-left: 40px;
  }
}

.contact-mta .question_img-comment {
  width: 1.4375rem;
  display: none;
}

@media only screen and (min-width: 48em) {
  .contact-mta .question_img-comment {
    display: block;
  }
}

.contact-mta .question_img-collapse {
  width: 1.1875rem;
  align-self: flex-start;
}

@media only screen and (min-width: 48em) {
  .contact-mta .question_img-collapse {
    align-self: center;
    width: 1.3125rem;
  }
}

.contact-mta .question_pre-text {
  margin-top: 1rem;
  font-size: 1rem;
}

.contact-mta .question_text {
  font-size: 1.125rem;
  color: #5e5e5e;
  margin-left: 1rem;
  padding-left: 0.3rem;
}

.contact-mta .question_text--link {
  text-decoration: none;
  color: #0fa5bb;
}

.contact-mta .question_text--link:hover {
  text-decoration: underline;
  cursor: pointer;
  color: #014c8c;
}

.contact-mta .question_text--noun {
  text-decoration: underline;
}

.contact-mta .contactUs {
  margin-top: 2rem;
}

.contact-mta .contactUs_head {
  font-size: 2.125rem;
  color: #0fa5bb;
  font-family: ProximaNovaBold;
}

.contact-mta .contactUs_copy {
  font-size: 1.125rem;
  color: #5e5e5e;
  font-family: ProximaNovaBold;
}

.contact-mta .contactUs_gmap {
  margin-top: 1.5rem;
}

.contact-mta .contactUs_gmapLink {
  margin-bottom: 0.5rem;
  text-align: right;
}

.contact-mta .contactInfo {
  display: flex;
  align-items: center;
  padding-bottom: 1rem;
}

.contact-mta .contactInfo_right {
  display: flex;
  flex-direction: column;
  padding-left: 0.5rem;
}

.contact-mta .contactInfo_text {
  font-size: 1.125rem;
  color: #0fa5bb;
  font-family: ProximaNovaBold;
  margin-bottom: 0;
}

.contact-mta .contactInfo_phone {
  font-size: 1.4375rem;
  color: #5e5e5e;
  line-height: 1;
}

.contact-mta .contactInfo_email {
  font-size: 1.4375rem;
  color: #5e5e5e;
  line-height: 1;
}

@media only screen and (min-width: 48em) and (max-width: 61.9em) {
  .contact-mta .contactInfo_email {
    font-size: 1rem;
  }
}

.contact-mta .fa-icon--large {
  font-size: 3rem;
}

.contact-mta .fa-icon--md {
  font-size: 1.4rem;
  line-height: 2.5rem;
}

.contact-mta .fa-icon--relative {
  position: relative;
}

.contact-mta .fa-icon--overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  margin-left: 0.125rem;
}

.contact-mta .fa-icon--red {
  color: #f0294a;
}

.contact-mta .fa-icon--white {
  color: #fff;
}

.contact-mta h4.fixer_h4 {
  font-size: 1.4375rem;
  color: #0fa5bb;
  font-family: ProximaNovaBold;
}

.contact-mta .address {
  margin-top: 2rem;
}

@media only screen and (min-width: 48em) {
  .contact-mta .address {
    margin-top: 0rem;
  }
}

.contact-mta .address_text {
  font-size: 1.125rem;
  color: #5e5e5e;
  line-height: 1.5;
}

.contact-mta .postal {
  margin-top: 1rem;
}

@media only screen and (min-width: 48em) {
  .contact-mta .postal {
    margin-top: 0rem;
  }
}

.contact-mta .postal_text {
  font-size: 1.125rem;
  color: #5e5e5e;
  line-height: 1.5;
}

/* ==== CONTACT US END =====================================================*/

/* ==== HELP SATRT =====================================================*/

.help-mta .bullets {
  list-style-type: none;
  padding: 0;
  font-family: ProximaNovaBold;
  font-size: 1rem;
}

.help-mta .bullets li {
  padding-bottom: 1rem;
}

.help-mta .bullets .active {
  color: #5E5E5E;
}

@media (min-width: 768px) {
  .help-mta .bwTop-scroll {
    position: fixed;
    top: 0;
  }
  .help-mta .bwTop-scrollback {}
}

.help-mta h4 {
  color: #5E5E5E;
  font-size: 1.6rem;
  font-family: ProximaNovaBold;
}

.help-mta h5 {
  color: #0FA5BB;
  font-family: ProximaNovaBold;
}

.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: #5FCADA;
  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/mta/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-family: ProximaNovaSemiBold;
  font-size: 2vw;
}

.our-people .jumbotron h2 {
  font-family: ProximaNovaExtraBold;
  font-size: 3vw;
}

.our-people .PageTitle {
  display: none;
}

.our-people .mainContent p.lead {
  font-size: 1.5rem;
}

.our-people .mainContent h2 {
  font-family: ProximaNovaBold;
  color: #0FA5BB;
  margin-bottom: 1rem;
}

.our-people .mainContent p {
  font-size: 1rem;
  font-family: ProximaNovaSemiBold;
  color: #5e5e5e;
}

.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/mta/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-family: ProximaNovaSemiBold;
  font-size: 3vw;
  margin-bottom: 0;
}

.freefreight .jumbotron h1 {
  font-family: ProximaNovaExtraBold;
  font-size: 2.8vw;
  line-height: 1;
}

.freefreight h2 {
  font-size: 3rem;
  color: #0FA5BB;
  margin-bottom: 1rem;
}

.freefreight h2 i {
  color: #F0294A;
  margin-right: 1rem;
  vertical-align: text-top;
}

.freefreight .view-range {
  background: #f6f9fa;
}

.freefreight .view-range h3 {
  font-family: ProximaNovaExtraBold;
  color: #0fa5bb;
  font-size: 2rem;
  padding-top: 35px;
}

.freefreight .view-range p {
  font-family: ProximaNovaBold;
  font-size: 1.5rem;
  line-height: 1.2;
}

/* ==== FREE FREIGHT END =====================================================*/

/* ==== PROJECTS & PARTNERSHIPS START =====================================================*/

.newschool-mta-nz .page {
  padding-top: 0;
}

.newschool-mta-nz .page-header {
  margin-top: 0;
}

.newschool-mta-nz .ns-heroImage1 {
  background: url(/resources/site/mta/new-school-heroImage1.jpg) no-repeat top center;
  background-size: 100% auto;
  color: #fff;
  position: relative;
  padding: 0;
}

.newschool-mta-nz .jumbotron img {
  visibility: hidden;
}

.newschool-mta-nz .jumbotron div {
  height: 50%;
  overflow: visible;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.newschool-mta-nz .jumbotron p {
  font-family: ProximaNovaSemiBold;
  font-size: 2vw;
}

.newschool-mta-nz .jumbotron h1 {
  font-family: ProximaNovaExtraBold;
  font-size: 2.5vw;
}

.newschool-mta-nz p.lead {
  font-size: 1.5rem;
}

.newschool-mta-nz h2 {
  font-family: ProximaNovaBold;
  font-size: 3rem;
  color: #0FA5BB;
  margin-bottom: 1rem;
}

.newschool-mta-nz h3 {
  font-family: ProximaNovaBold;
  color: #0FA5BB;
  margin-bottom: 1rem;
}

.newschool-mta-nz {
  font-size: 1rem;
  color: #5e5e5e;
}

.newschool-mta-nz label {
  font-family: ProximaNovaBold;
}

.newschool-mta-nz .form-control {
  font-size: 1rem;
  padding: 0.8rem;
}

.newschool-mta-nz .bullets {
  color: #5FCADA;
}

.newschool-mta-nz .bullets span {
  color: #5E5E5E;
}

.newschool-mta-nz .gallery {
  background: #f7f9fb;
  position: relative;
}

.newschool-mta-nz .mta-sm-banner h3 {
  color: #fff !important;
  font-size: 2rem !important;
}

.newschool-mta-nz .mta-sm-banner h4 {
  color: #fff;
  font-family: ProximaNovaBold;
  font-size: 1rem;
}

.newschool-mta-nz .mta-sm-banner a i {
  font-size: 0.5rem;
  vertical-align: middle;
}

.newschool-mta-nz .mta-sm-banner a {
  background: #F0294A;
  color: #fff;
  padding: 0.5rem 1rem;
  font-family: ProximaNovaSemiBold;
  position: absolute;
  bottom: 1rem;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 60%;
  display: none;
  /* Temporary */
}

.newschool-mta-nz .cs-eastside {
  background: url(/resources/site/mta/new-school-gallery-1.jpg) no-repeat 0 0;
  min-height: 284px;
  min-width: 285px;
  color: #fff;
}

.newschool-mta-nz .cs-little {
  background: url(/resources/site/mta/new-school-gallery-2.jpg) no-repeat 0 0;
  min-height: 284px;
  min-width: 285px;
  color: #fff;
}

.newschool-mta-nz .cs-springfield {
  background: url(/resources/site/mta/new-school-gallery-3.jpg) no-repeat 0 0;
  min-height: 284px;
  min-width: 285px;
  color: #fff;
}

.newschool-mta-nz .cs-okeedokee {
  background: url(/resources/site/mta/new-school-gallery-4.jpg) no-repeat 0 0;
  min-height: 284px;
  min-width: 285px;
  color: #fff;
}

.newschool-mta-nz .ns-heroImage2 {
  background: url(/resources/site/mta/new-school-heroImage2.jpg) no-repeat top center;
  background-size: 100% auto;
  color: #fff;
  position: relative;
  padding: 0;
}

.case-study h1 {
  font-family: ProximaNovaBold;
  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 {
  font-family: ProximaNovaBold;
}

.voucher .educationLinks {
  font-size: 1rem;
}

.voucher .payments {
  background: #f7f6f5;
  padding: 1rem;
  font-size: 1rem;
  font-family: ProximaNovaSemiBold;
}

.voucher .payments p {
  margin-bottom: 0.4rem;
}

.voucher .payments p.total {
  font-family: ProximaNovaBold;
  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;
  font-family: ProximaNovaBold;
  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-family: ProximaNovaBold;
  font-size: 1rem;
}

.voucher .dataTables_empty i {
  color: #f0294a;
  font-size: 1.5rem;
  vertical-align: middle;
}

/* ==== VOUCHERS END =====================================================*/

/* ==== BACK ORDER SEARCH START =====================================================*/

.snippet.backorder {
  font-size: 1.125rem;
  color: #788385;
}

.backorder .page-header .actions {
  display: none;
}

.backorder .IBSSelectionTable {
  font-family: ProximaNovaBold;
}

.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;
}

#QuotationBrowser .IBSPushButtonSmall,
.backorder .IBSPushButtonSmall {
  /* display: block;
    background: #F0294A;
    border: none;
    color: #fff;
    font-size: 1rem;
    text-transform: capitalize;
    display: inline;*/
  float: left;
  margin-top: 1rem;
  margin-right: 1rem;
}

/*.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 {
  font-family: ProximaNovaBold;
}

.orderbrowse .actions {
  display: none;
}

.orderbrowse .IBSSelectionTable {
  font-family: ProximaNovaBold;
  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: #F0294A;
  border: none;
  font-size: 1rem;
  display: inline;
  text-decoration: none;
}

.orderbrowse .IBSPushButtonSmall {
  display: block;
  background: #F0294A;
  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: #f0294a;
  border: none;
  /*   margin: 41px 0 0px 11rem;*/
}

#BackOrderBrowser td label {
  font-weight: bold;
}

#BackOrderBrowser th.IBSHeaderCellCenter {
  vertical-align: middle;
}

#BackOrderBrowser td {
  text-align: left;
}

#BackOrderBrowser th.IBSHeaderCell {
  vertical-align: middle;
  text-align: center;
}

#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,
#QuotationBrowser i.fa-sort-asc,
#QuotationBrowser i.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;
}

#QuotationBrowser .hoverProductImg {
  cursor: pointer;
}

#QuotationBrowser .table thead th {
  vertical-align: middle;
}

#QuotationBrowser table label {
  text-align: center;
  width: 100%;
  margin: 0px;
}

#AccountInfo pageheader {
  margin: 0px;
}

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

/*#SalesOrderBrowser .fa-sort-asc,
#SalesOrderBrowser .fa-sort-desc,*/

#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: #f0294a;
  font-weight: bold;
  font-size: 1.2rem;
}

.ar-transactions button {
  margin: 5px 0px;
}

/*#AccountInfo .table td:nth-child(8){text-align: right;}*/

/*.actions .goto-top{    margin: 10px 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%;
}

#AccountInfo th.IBSHeaderCellNumber,
#AccountInfo th.IBSHeaderCell {
  vertical-align: middle;
  text-align: center;
}

/* ==== ORDER SEARCH END =====================================================*/

/* ==== ORDER LINE INFORMATION START =====================================================*/

.orderlineinfo .orderno,
.orderlineinfo .orderline span {
  font-family: ProximaNovaBold;
  font-size: 1.525rem;
}

.orderlineinfo .orderline span {
  display: block;
}

.orderlineinfo .orderline span+span {}

.orderlineinfo .IBSHeaderCellLight,
#QuotationDetailPage .IBSHeaderCellLight,
#QuotationLineDetailPage .IBSHeaderCellLight,
#SalesOrderDetail .IBSHeaderCellLight {
  font-family: ProximaNovaBold;
  font-size: 1.55rem;
}

.orderlineinfo .IBSRow {
  padding-top: .5rem;
}

#QuotationLineDetailPage .IBSPageTitleRightHeader,
.orderlineinfo .IBSRow .IBSLabel {
  font-family: ProximaNovaBold;
  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 {
  font-family: ProximaNovaExtraBold;
}

.orderdetail th {
  white-space: nowrap;
}

#QuotationLineDetailPage .IBSLabel,
#QuotationDetailPage .IBSLabel,
.orderdetail .IBSLabel {
  font-family: ProximaNovaExtraBold;
  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;
  /*padding: 0 10px;*/
}

#QuotationLineDetailPage .IBSLabel,
#QuotationDetailPage .IBSLabel,
.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;
}

.hoverProductImg>span.collapse {
  position: absolute;
  z-index: 2;
  border: 1px solid #e0eef0;
}

#OrderConfirmation .actions .btn {
  margin-right: 10px;
  float: right;
}

.IBSOrderTotalTable tr td,
.table .IBSOrderTotalTable.table {
  background-color: transparent;
  border: none;
  font-family: ProximaNova;
  font-weight: 600;
}

table.IBSOrderTotalTable td {
  padding: 0.3rem;
}

.IBSOrderTotalTable .order-total td {
  font-family: ProximaNovaBold;
  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 {
  font-family: ProximaNovaExtraBold;
}

.card-text div {
  margin: 5px 0;
}

.orderdetail .orderno {
  font-family: ProximaNovaBold;
  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 {
  font-family: ProximaNovaBold;
}

.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-family: ProximaNovaBold;
  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-family: ProximaNovaBold;
  font-size: 1.125rem;
}

.scheduledorders .modal .form-control {
  padding: 0.8rem;
  font-family: ProximaNovaSemiBold;
  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: rgba(102, 229, 249, 0.5) !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 {
  font-family: ProximaNovaBold;
}

.simpleschedule .catPriceGallery .IBSListCellNumber {
  display: block;
  color: #5e5e5e;
  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 {
  font-family: ProximaNovaBold;
}

.item-blacklist .search-result {
  font-family: ProximaNovaBold;
}

/* ==== ITEM BLACKLIST SEARCH END =====================================================*/

/* ==== EYLF START =====================================================*/

.eylf {}

.eylf .left-navigator-container,
.eylf .catalogue-info {
  display: none;
}

.eylf .page-container {
  padding: 0;
}

.eylf .page {
  padding-top: 0;
}

.eylf .page-header {
  margin-top: 0;
}

.eylf .jumbotron {
  background: url(/resources/site/mtadev/eylf-hero1.jpg) no-repeat top center;
  background-size: 100% auto;
  color: #fff;
  position: relative;
  padding: 0;
  min-height: 16vh;
}

.eylf .jumbotron img {
  display: none;
}

.eylf .jumbotron div {
  height: 35%;
  overflow: visible;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.eylf .jumbotron p {
  font-family: ProximaNovaSemiBold;
  font-size: 1rem;
}

.eylf .jumbotron h1 {
  font-family: ProximaNovaExtraBold;
  font-size: 3.5vw;
}

.eylf .eylfIntroText {
  font-size: 1rem;
  text-align: center;
}

.eylf h2.display-1 {
  color: white;
}

.eylf h2 {
  font-family: ProximaNovaBold;
  font-size: 1.2rem;
  color: #0FA5BB;
  margin-bottom: 1rem;
}

.eylf h3 {
  font-family: ProximaNovaBold;
  margin-bottom: 1rem;
}

.eylf {
  font-size: 1rem;
  color: #5e5e5e;
}

.eylf label {
  font-family: ProximaNovaBold;
}

.eylf .form-control {
  font-size: 1rem;
  padding: 0.8rem;
}

.eylf .gallery {
  background: #f7f9fb;
  position: relative;
}

.eylf .mta-sm-banner {
  min-height: 233px;
  min-width: 224px;
  margin-right: 9px;
}

.eylf .mta-sm-banner h3 {
  color: #fff;
  font-size: 1.6875rem;
  font-family: ProximaNovaExtraBold;
}

.eylf .mta-sm-banner h4 {
  color: #fff;
  font-family: ProximaNovaBold;
  font-size: 1rem;
}

.eylf .mta-sm-banner a i {
  font-size: 0.5rem;
  vertical-align: middle;
}

.eylf .mta-sm-banner a {
  background: #F0294A;
  color: #fff;
  padding: 0.5rem 1rem;
  font-family: ProximaNovaSemiBold;
  position: absolute;
  bottom: 1rem;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 71%;
}

.eylf .mta-sm-banner.outcome1 {
  background: url(/resources/site/mtadev/eylf-outcome1.jpg) no-repeat 0 0;
  background-size: 100% auto;
  color: #fff;
  background-position-y: 53%;
}

.eylf .mta-sm-banner.outcome2 {
  background: url(/resources/site/mtadev/eylf-outcome2.jpg) no-repeat 0 0;
  background-size: 100% auto;
  color: #fff;
  background-position-y: 50%;
}

.eylf .mta-sm-banner.outcome3 {
  background: url(/resources/site/mtadev/eylf-outcome3.jpg) no-repeat 0 0;
  background-size: 100% auto;
  color: #fff;
  background-position-y: 57%;
}

.eylf .mta-sm-banner.outcome4 {
  background: url(/resources/site/mtadev/eylf-outcome4.jpg) no-repeat 0 0;
  background-size: 100% auto;
  background-position-y: 53%;
  color: #fff;
}

.eylf .mta-sm-banner.outcome5 {
  background: url(/resources/site/mtadev/eylf-outcome5.jpg) no-repeat top center;
  background-size: 100% auto;
  background-position-y: 50%;
  color: #fff;
  position: relative;
  margin-right: 0;
}

.eylfTerms a {
  word-wrap: break-word;
}

/* Outcome1, Outcome2, Outcome3, Outcome4, Outcome5 */

body.outcome1 .left-navigator-container,
body.outcome2 .left-navigator-container,
body.outcome3 .left-navigator-container,
body.outcome4 .left-navigator-container,
body.outcome5 .left-navigator-container {
  display: none;
}

body.outcome1 .page {
  background: url(/resources/site/mta/eylf-hero-outcome1.jpg) no-repeat;
  padding-top: 30rem;
}

body.outcome2 .page {
  background: url(/resources/site/mta/eylf-hero-outcome2.jpg) no-repeat;
  padding-top: 30rem;
}

body.outcome3 .page {
  background: url(/resources/site/mta/eylf-hero-outcome3.jpg) no-repeat;
  padding-top: 30rem;
}

body.outcome4 .page {
  background: url(/resources/site/mta/eylf-hero-outcome4.jpg) no-repeat;
  padding-top: 30rem;
}

body.outcome5 .page {
  background: url(/resources/site/mta/eylf-hero-outcome5.jpg) no-repeat;
  padding-top: 30rem;
}

@media screen and (min-width:545px) {
  .eylf .jumbotron p {
    font-size: 1rem;
  }
  .eylf .jumbotron {
    min-height: 24vh;
  }
}

@media screen and (min-width:767px) {
  .eylf .jumbotron p {
    font-size: 1.5rem;
  }
  .eylf .jumbotron h2 {
    font-size: 2rem;
  }
  .eylf .jumbotron {
    min-height: 30vh;
  }
}

@media screen and (min-width:1200px) {
  .eylf .jumbotron p {
    font-size: 2.5rem;
  }
  .eylf .jumbotron h2 {
    font-size: 3rem;
  }
  .eylf .jumbotron {
    min-height: 54vh;
  }
}

/* ==== EYLF 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: #5E5E5E;
}

#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;
}

@media screen and (max-width:544px) {
  .item-detail .carousel-control.right {
    right: -30px;
  }
  .item-detail .carousel-control.left {
    left: -30px;
  }
}

.item-detail .row-fluid {
  display: inline-block;
}

.activeThumbnail {
  border: 1px solid #5E5E5E;
}

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

@media screen and (max-width:543px) {
  .item-image .item-thumbnail-group {
    display: none;
  }
}

@media screen and (max-width:767px) {
  .item-youtube {
    float: none !important;
    position: relative;
    height: 0;
    padding: 0;
    padding-bottom: 56.25%;
  }
  .item-youtube iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
}

/*=============================== 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;
  }
  .registered .QuickSearch input[type=search] {
    width: 30%;
  }
  .registered .QuickSearch input[type=search]:focus {
    width: 70%;
  }
}

/* Landscape tablets and medium desktops */

@media (min-width: 992px) and (max-width: 1199px) {
  #home-banner-carousel .carousel-inner {
    width: 79.3%;
  }
  #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: 20%;
  }
  #home-banner-carousel .banner-btns {
    left: 2%;
    position: relative;
  }
  #homeFeatureWide {
    margin-left: 21%;
  }
  .home-top-right {
    margin-left: 5.5rem;
  }
  .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;
  }
  #shoppingCartModal .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.4rem;
    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;
  }
  .registered .QuickSearch input[type=search] {
    width: 37%;
  }
  /* #header .col-md-6 .header-welcome-msg {
    padding-left: 10px;
    top: -16px;
  } */
}

/* 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;
  }
  /*.carousel-item div:nth-child(2),
	.carousel-item div:nth-child(3){
		padding-left:0;
	}*/
  /*.carousel-item.active > div:nth-child(2){    margin-top: 10px;}*/
  .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;
  }

  /*
Comment by Javier: I don't know why the styles below are inconsistent with the DEV stylesheet,
They were hidden with a comment before on PROD but with wrong syntax - I've just fixed the syntax.
Will try to find out if they make any sense here or if they can be deleted...
*/

  /*.menu-container {
     float: none;
      width: 100%;
  }
  .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%;
  }
  .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;
  }*/

  .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;
  }
  /* #header .col-md-6 .header-welcome-msg {
    width: 50%;
    line-height: 0.9rem;
    top: -10px;
    font-size: 0.8rem;
  } */
  .voucher-wrapper {
    font-size: 0.7rem;
  }
}

/* Landscape phones and portrait tablets */

@media (max-width: 1023px) {
  .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: 79.3%;
  }
  .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: 0 !important;
    clear: both;
    display: none;
  }
  /* #header .col-md-6 .header-welcome-msg {
    float: none;
    position: static;
    width: 100%;
    padding-bottom: 10px;
  } */
  .registered .QuickSearch input[type=search] {
    width: 71% !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;
  }
  .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: auto;
    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: #fff;
  }
  ul#main-menu {
    background: #5FCADA;
  }
  .sm,
  .sm ul,
  .sm li {
    padding: 0;
  }
  .search-container {
    /* width: 50%;
    float: right;
    z-index: 1041; */
    position: absolute;
    bottom: -60px;
    right: 0;
    width: auto !important;
  }
  .shopping-cart-wrapper {
    position: static;
    bottom: initial;
    right: initial;
    z-index: initial;
  }
  .header-wrap.container {
    max-width: initial !important;
  }
  .footer-contact.footerCall {
    clear: both;
  }
}

@media screen and (max-width: 991px) {
  #home-banner-carousel .carousel-inner {
    width: 100%;
  }
}

@media screen and (max-width: 1023px) {
  #menu-button {
    margin: 0;
    padding: 0.45rem;
    background: transparent;
    text-align: left;
    color: #fff;
  }
}

@media screen and (max-width: 1023px) {
  .header-top-bar .navbar form a.btn {
    background: transparent;
    border: none;
  }
}

/* Portrait phones and smaller */

@media (max-width: 543px) {
  .bnr-lg-fontSmall {
    font-size: 1.0rem;
  }
  .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 {
    /*width: 40%;*/
  }
  .gcsProduct[data-display*="GALLERY"] .catGalleryPrice .addToCartDetail .IBSInput {
    width: 45%;
  }
  #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;
  }
  #shoppingCartModal .modal-dialog {
    top: 0;
    outline: none;
    left: 0;
  }
  .shoppingCartAlert {
    right: 1rem;
  }
}

/* Portrait phones and smaller */

@media (max-width: 480px) {
  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
  }
  .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: auto;
  }
  .gcsPrice .priceAndBuy .addToCartDetail div,
  .gcsPrice .priceAndBuy .addToCartDetail input {
    bottom: -10px;
  }
  .gcsProduct .gcsAvailability {
    /*bottom: 40px;*/
  }
  .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: 100%;
    margin-top: 10px;
    float: left;
  }
  #homeFeatureWide .carousel-item div:nth-child(2) img,
  #homeFeatureWide .carousel-item div:nth-child(3) img {
    object-fit: cover;
    object-position: 0px 0px;
    left: 29px;
    background-color: white;
  }
  #square-banners-row div {
    padding-left: 0;
  }
  .home-top-right {
    width: 100%;
  }
  .activities-col {
    /*  min-width: 270px;*/
  }
}

@media (max-width: 1023px) {
  .home-top-right {
    width: 100%;
  }
  .header-top-bar {
    /* padding: 0 0 20px 0; */
    padding: 0;
  }
  .header-top-bar .top-bar-info {
    text-align: center;
  }
  .header-top-bar .nav {
    float: none;
    background: #5FCADA;
  }
  .header-top-bar .navbar {
    text-align: center;
    display: block;
    /*  position: absolute;
        top: 45px;
        left: 10px;*/
    width: 100%;
    z-index: 1042;
    outline: none;
  }
  .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-color: #f0294a !important;
    border-color: #f0294a !important;
    border-radius: 0 !important;
    font-family: ProximaNovaBold;
    text-transform: capitalize;
    margin-top: 0.5rem !important;
  }
  .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: static;
    width: 100%;
    z-index: 16;
  }
  #menu-button {
    margin: 0;
    padding: 0.45rem;
    background: transparent;
    text-align: left;
    color: #fff;
  }
  ul#main-menu {
    background: #5FCADA;
  }
  .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 (min-width: 544px) and (max-width: 1023px) {
  .header-top-bar .navbar form a.btn {
    background: transparent;
    border: none;
  }
}

@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 {}
  .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;
  }
}

@media screen and (min-width:1024px) {
  .header-top-bar .usp {
    display: none;
  }
}

/*End of media queries*/

/*Reward Registration*/

#RewardRegistration .btn.btn-default {
  background-color: #009a3d;
  color: #fff;
  font-weight: bold;
}

/***** Side banner *******/

#promoBannerContainer {}

.sideBannerContainer {
  position: relative;
}

.sideBannerContainer.in-footer .left-side-banner,
.sideBannerContainer.in-footer .right-side-banner {
  position: absolute;
  top: -40rem;
}

.sideBannerContainer .left-side-banner {
  z-index: 2;
  left: 1%;
  position: fixed;
  top: 160px;
  width: 15%;
  padding: 5px;
}

.sideBannerContainer .right-side-banner {
  right: 3%;
  position: fixed;
  top: 160px;
  width: 14%;
  padding: 5px;
}

.sideBannerContainer img+p {
  color: #0FA5BB;
  font-size: 2.4rem;
  font-family: ProximaNovaExtraBold;
  width: 100%;
  line-height: 2.4rem;
  text-align: center;
  padding: 15px 0;
  margin: 0;
  text-transform: capitalize;
}

.newschool-mta .left-side-banner,
.newschool-mta .right-side-banner {
  top: 45rem;
}

.newschool-mta .left-side-banner.hero-space,
.newschool-mta .right-side-banner.hero-space {
  top: 10rem;
}

.page,
#dead-space {
  background: url(/resources/site/mta/pattern.jpg);
}

/* Pages Excluding the background */

.fundraising-mta .page,
.fundraising-mta #dead-space,
.shoppingCart .page,
.shoppingCart #dead-space,
#OrderConfirmation .page,
#OrderConfirmation #dead-space {
  background: none;
}

.sideBannerContainer .sideBanner3 img+p+p {
  width: 250px;
}

.sideBannerContainer img+p+p {
  color: #5e5e5e;
  font-size: 1.2rem;
  font-family: ProximaNovaBold;
  width: 150px;
  line-height: 1.4rem;
  text-align: center;
  /* padding: 15px 0; */
  margin: 0 auto;
  text-align: center;
}

.sideBanner4 img,
.sideBanner3 img,
.sideBanner2 img,
.sideBanner1 img {
  width: 144px;
  position: relative;
  margin: 43px auto 15px;
  display: block;
}

#promoBannerContainer a.btn {
  margin: 0 auto;
  width: 160px;
}

#promoBannerContainer a.btn,
.sideBanner4,
.sideBanner3,
.sideBanner2,
.sideBanner1 {
  float: none;
  margin: 0px auto 15px;
  display: table;
}

/* Pages excluding side banners */

.OrderConfirmation .sideBannerContainer,
.orderreceived .sideBannerContainer,
.fundraising-mta .sideBannerContainer,
.shoppingCart .sideBannerContainer,
.about-us .sideBannerContainer,
.our-people .sideBannerContainer,
.activities .sideBannerContainer,
.newschool-mta .sideBannerContainer,
.export-mta .sideBannerContainer,
.int-downloads-mta .sideBannerContainer,
.freefreight .sideBannerContainer,
.mta-sports-promotion .sideBannerContainer,
.playgroup .sideBannerContainer,
.teacher-home .sideBannerContainer {
  display: none;
}

.horizontal-banner img {
  width: 140px;
  height: 122px;
  float: left;
}

.horizontal-banner img+p+p {
  color: #5e5e5e;
  font-size: 1rem;
  padding-top: 0px;
  margin: 0;
}

.horizontal-banner a {
  font-family: ProximaNovaBold;
  text-decoration: none;
}

.horizontal-banner p {
  color: #0FA5BB;
  font-size: 1.4rem;
  line-height: 1.4rem;
  display: block;
  font-family: ProximaNovaExtraBold;
}

.orderreceived .horizontal-banner {
  margin: 1rem;
  width: 540px;
}

.horizontal-banner {
  height: 130px;
  margin: 1rem;
  clear: both;
  z-index: 3;
  display: table;
  background-color: #fff;
  display: none;
}

.clrboth {
  clear: both;
}

.mta-orderclose .horizontal-banner {
  top: 37rem;
}

.shoppingCart .horizontal-banner {
  display: block;
}

.orderreceived .horizontal-banner {
  display: block;
}

.orderreceived .page-container {
  min-height: 400px;
}

.orderreceived .horizontal-banner {
  bottom: 170px;
}

.orderreceived .action-view-order a {
  border-radius: 0;
  margin-left: -1px;
  position: relative;
  float: left;
  background-color: #f7f6f5;
  color: #acacac;
  font-family: ProximaNovaBold;
  border-color: #f7f6f5;
  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;
  border-radius: .25rem;
}

.sigon-page .page {
  padding-bottom: 12rem;
}

@media (max-width: 1650px) {
  .hidden-lg-down {
    display: none !important;
  }
}

.fundraising-mta .icon-with-detail p {
  margin: 0;
  display: inline-block;
}

.fundraising-mta .icon-with-detail a:hover {
  text-decoration: none;
  color: #0FA5BB
}

.fundraising-mta .testimonial-block {
  font-size: 1rem;
}

.fundraising-mta .fundraising-intro,
#signupFundraising .fundraising-intro {
  display: none;
}

.activities .page-container {
  background: transparent;
}

.fundraising-intro h4 {
  font-size: 1.3rem;
  color: #5FCADA;
}

form#OrderBrowser .page {
  padding-bottom: 20rem;
}

form#gcsSearch {
  padding-bottom: 20rem;
}

/***** Side banner *******/

/**** MTA NewSchool Start *****/


.newschool-mta {
  font-size: 1rem;
}

.newschool-mta .carousel-control {
  opacity: 0.8;
}

.newschool-mta .carousel-control:focus, .newschool-mta .carousel-control:hover {
  opacity: 0.9;
}

.newschool-mta .mainContent-head--extend {
  display: none;
}

@media only screen and (min-width: 48em) {
  .newschool-mta .mainContent-head--extend {
    display: inline;
  }
}

.newschool-mta .hero--main-page {
  background: url(//d4iqe7beda780.cloudfront.net/resources/site/mtaau/newSchool/hero_mobile.jpg) 0 0/cover no-repeat;
}

@media only screen and (min-width: 48em) {
  .newschool-mta .hero--main-page {
    background: url(//d4iqe7beda780.cloudfront.net/resources/site/mtaau/newSchool/hero_tablet.jpg) 0 0/cover no-repeat;
  }
}

@media only screen and (min-width: 62em) {
  .newschool-mta .hero--main-page {
    background: url(//d4iqe7beda780.cloudfront.net/resources/site/mtaau/newSchool/hero_desktop.jpg) 0 42%/cover no-repeat;
  }
}

.newschool-mta .hero--early-childhood {
  background: url(//d4iqe7beda780.cloudfront.net/resources/site/mtaau/newSchool/early-childhood/hero_mobile.jpg) 0 0/cover no-repeat;
}

@media only screen and (min-width: 48em) {
  .newschool-mta .hero--early-childhood {
    background: url(//d4iqe7beda780.cloudfront.net/resources/site/mtaau/newSchool/early-childhood/hero_tablet.jpg) 0 0/cover no-repeat;
  }
}

@media only screen and (min-width: 62em) {
  .newschool-mta .hero--early-childhood {
    background: url(//d4iqe7beda780.cloudfront.net/resources/site/mtaau/newSchool/early-childhood/hero_desktop.jpg) 0 42%/cover no-repeat;
  }
}

.newschool-mta .hero--schools {
  background: url(//d4iqe7beda780.cloudfront.net/resources/site/mtaau/newSchool/schools/hero_mobile.jpg) 0 0/cover no-repeat;
}

@media only screen and (min-width: 48em) {
  .newschool-mta .hero--schools {
    background: url(//d4iqe7beda780.cloudfront.net/resources/site/mtaau/newSchool/schools/hero_tablet.jpg) 0 0/cover no-repeat;
  }
}

@media only screen and (min-width: 62em) {
  .newschool-mta .hero--schools {
    background: url(//d4iqe7beda780.cloudfront.net/resources/site/mtaau/newSchool/schools/hero_desktop.jpg) 0 42%/cover no-repeat;
  }
}

.newschool-mta .hero--after-school {
  background: url(//d4iqe7beda780.cloudfront.net/resources/site/mtaau/newSchool/after-school/hero_mobile.jpg) 0 0/cover no-repeat;
}

@media only screen and (min-width: 48em) {
  .newschool-mta .hero--after-school {
    background: url(//d4iqe7beda780.cloudfront.net/resources/site/mtaau/newSchool/after-school/hero_tablet.jpg) 0 0/cover no-repeat;
  }
}

@media only screen and (min-width: 62em) {
  .newschool-mta .hero--after-school {
    background: url(//d4iqe7beda780.cloudfront.net/resources/site/mtaau/newSchool/after-school/hero_desktop.jpg) 0 42%/cover no-repeat;
  }
}

.newschool-mta .br--lg_only {
  display: none;
}

@media only screen and (min-width: 62em) {
  .newschool-mta .br--lg_only {
    display: block;
  }
}

@media only screen and (min-width: 75em) {
  .newschool-mta .br--lg_only {
    display: none;
  }
}

.newschool-mta .submit {
  display: block;
}

@media only screen and (min-width: 48em) {
  .newschool-mta .submit {
    display: flex;
    align-items: center;
  }
}

.newschool-mta .submit_button {
  margin-top: 1rem;
}

@media only screen and (min-width: 48em) {
  .newschool-mta .submit_button {
    margin-top: 0;
  }
}

.newschool-mta #dead-space {
  height: 0;
}

.newschool-mta #noleftborder {
  border: none;
}

.newschool-mta .page {
  padding-top: 0;
}

.newschool-mta .panel-title {
  color: #0fa5bb;
  margin-top: 1.5rem;
}

.newschool-mta .quote_title {
  color: #0fa5bb;
  font-size: 1.4rem;
  margin-bottom: 1rem;
}

@media only screen and (min-width: 48em) {
  .newschool-mta .quote_title {
    font-size: 1.4rem;
    margin-bottom: 0.5rem;
  }
}

@media only screen and (min-width: 62em) {
  .newschool-mta .quote_title {
    font-size: 2rem;
  }
}

.newschool-mta .hero-text {
  color: #fff;
}

.newschool-mta .hero-text_text {
  font-weight: 300;
  font-family: ProximaNovaBold;
  line-height: 1.1;
  margin-bottom: 0.5rem;
  margin-top: 0;
  color: #0fa5bb;
  font-size: 1.625rem;
  text-shadow: none;
  padding-left: 0;
  padding-right: 0;
}

@media only screen and (min-width: 48em) {
  .newschool-mta .hero-text_text {
    color: #fff;
    font-size: 1.9rem;
    text-shadow: 3px 3px 3px black;
    text-align: center;
  }
}

@media only screen and (min-width: 62em) {
  .newschool-mta .hero-text_text {
    font-size: 2.4rem;
  }
}

@media only screen and (min-width: 75em) {
  .newschool-mta .hero-text_text {
    font-size: 3rem;
  }
}

.newschool-mta .header_title,
.newschool-mta .project_title {
  color: #0fa5bb;
  font-size: 1.2rem;
}

@media only screen and (min-width: 48em) {
  .newschool-mta .header_title,
  .newschool-mta .project_title {
    font-size: 2rem;
  }
}

@media only screen and (min-width: 62em) {
  .newschool-mta .header_title,
  .newschool-mta .project_title {
    font-size: 2.2rem;
  }
}

@media only screen and (min-width: 75em) {
  .newschool-mta .header_title,
  .newschool-mta .project_title {
    font-size: 2.4rem;
  }
}

.newschool-mta .portfolio_title {
  color: #0fa5bb;
  font-size: 2rem;
}

@media only screen and (min-width: 62em) {
  .newschool-mta .portfolio_title {
    font-size: 2.2rem;
  }
}

@media only screen and (min-width: 75em) {
  .newschool-mta .portfolio_title {
    font-size: 2.4rem;
  }
}

.newschool-mta .header_title {
  text-align: left;
}

@media only screen and (min-width: 62em) {
  .newschool-mta .header_title {
    text-align: center;
  }
}

.newschool-mta .project_title {
  text-align: center;
}

.newschool-mta .portfolio_title {
  text-align: center;
}

.newschool-mta .offerItems {
  list-style-type: none;
  position: relative;
}

.newschool-mta .offerItem {
  padding-bottom: 0.5rem;
}

.newschool-mta .offerItem::before {
  content: "";
  position: absolute;
  left: 2px;
  background: url(//d4iqe7beda780.cloudfront.net/resources/site/mtaau/mta-new-centre-landing-page-03.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  height: 20px;
  width: 23px;
  margin-top: 2px;
}

.newschool-mta .newSchool__footer {
  display: none;
}

.newschool-mta .newSchool__footer_border {
  border: none;
  margin-top: 0px;
  margin-bottom: 0px;
}

.newschool-mta .newSchool__footer_text {
  color: #fff;
  font-size: 1.0625rem;
  font-weight: bold;
  text-align: center;
}

.newschool-mta .newSchool__footer_img {
  margin: 0 auto;
}

.newschool-mta .hero {
  min-height: 170px;
}

@media only screen and (min-width: 48em) {
  .newschool-mta .hero {
    display: flex;
    min-height: 180px;
    align-items: center;
  }
}

@media only screen and (min-width: 62em) {
  .newschool-mta .hero {
    min-height: 350px;
  }
}

@media only screen and (max-width: 991px) {
  .newschool-mta .panel-title {
    font-size: 1.2rem;
  }
}

@media only screen and (min-width: 62em) {
  .newschool-mta .panel-title {
    font-family: ProximaNovaBold;
    font-size: 1.4rem;
    text-align: left;
  }
}

@media only screen and (min-width: 62em) {
  .newschool-mta .newSchool__footer {
    display: block;
    background-color: #5fcada;
  }
  .newschool-mta .newSchool_form {
    position: absolute;
    left: 50%;
    top: -3.5rem;
    background: #fff;
    border: 1px solid #ddd;
    z-index: 11;
  }
  .newschool-mta .newSchool_form label {
    margin-bottom: 0.2rem;
  }
  .newschool-mta .submit_text {
    font-family: ProximaNovaBold;
  }
  .newschool-mta .newSchool_form .form-control {
    height: 40px;
    color: #5e5e5e;
    padding-top: 0;
    padding-bottom: 0;
  }
  .newschool-mta .form-group {
    margin-bottom: 7px;
  }
  .newschool-mta .form-control.txtAreaProvideInfo {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 60px;
  }
  .newschool-mta .mainContent {
    position: relative;
  }
  .newschool-mta .portfolio {
    margin-top: 1.5rem;
  }
}

@media only screen and (min-width: 301px) {
  .newschool-mta .newSchool__footer_text {
    font-size: 1.25rem;
  }
}

@media only screen and (min-width: 338px) {
  .newschool-mta .newSchool__footer_text {
    font-size: 1.063rem;
  }
}

@media only screen and (min-width: 410px) {
  .newschool-mta .newSchool__footer_text {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 768px) {
  .newschool-mta .newSchool__footer_border {
    border-left-style: solid;
    border-width: 1px;
    border-color: white;
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

.newschool-mta .d-inline {
  display: inline;
}

@media only screen and (max-width: 62em) {
  .newschool-mta .heading {
    font-size: 1.625rem;
    color: #0fa5bb;
  }
  .newschool-mta .p-l-0-lg {
    padding-left: 0;
  }
  .newschool-mta .p-r-0-lg {
    padding-right: 0;
  }
  .newschool-mta .p-x-0-lg {
    padding-left: 0;
    padding-right: 0;
  }
  .newschool-mta .newSchool_form {
    display: none;
    margin-top: 1rem;
  }
  .newschool-mta .modal-testimonial {
    padding-top: 1rem;
  }
}

.newschool-mta .article {
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  padding: 5px;
}

.newschool-mta .article:hover {
  box-shadow: 0 0 10px #8f9194;
  border-radius: 2%;
}

.newschool-mta .article_img {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  border-radius: 2%;
  max-height: 28.3vw;
}

@media only screen and (max-width: 34em) {
  .newschool-mta .article_img {
    max-height: 74.3vw;
  }
}

@media only screen and (min-width: 75em) {
  .newschool-mta .article_img {
    height: 360px;
  }
}

.newschool-mta .article_overlay {
  align-items: center;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.85);
  display: flex;
  max-width: 298px;
  position: absolute;
  padding: 0 5px 0 5px;
  z-index: 10;
  bottom: 0%;
  width: 86%;
  height: 58px;
}

@media only screen and (min-width: 62em) {
  .newschool-mta .article_overlay {
    height: 80px;
  }
}

.newschool-mta .article_button {
  color: #0fa5bb;
  display: block;
  font-size: 1.2rem;
  font-weight: bolder;
  line-height: 1.5rem;
  margin: 0 auto;
  padding: 1.6rem 0;
  width: 90%;
  -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;
}
@media screen and (max-width:991px) {
  .newschool-mta .article_button {
    font-size: 0.9rem;
    line-height: 1.2rem;
  }
}

.newschool-mta .article_button--black {
  color: #716161;
}

@media only screen and (min-width: 62em) {
  .newschool-mta .article_button {
    font-size: 1.5rem;
  }
}

.newschool-mta .article:focus .article_button,
.newschool-mta .article:hover .article_button {
  color: #014c8c;
}

.newschool-mta .portfolio_text {
  font-family: ProximaNova;
  color: #5e5e5e;
  font-size: 1.1rem;
}

.newschool-mta .btnAddRoom {
  color: #0fa5bb;
  font-size: 1rem;
  font-family: ProximaNovaBold;
}

.newschool-mta .btnAddRoom:hover {
  cursor: pointer;
}

@media only screen and (max-width: 34em) {
  .newschool-mta .btnAddRoom {
    margin-bottom: 0.5rem;
  }
}

.newschool-mta .quote_room2,
.newschool-mta .quote_room3,
.newschool-mta .quote_room4,
.newschool-mta .quote_room5,
.newschool-mta .quote_room6,
.newschool-mta .quote_room7,
.newschool-mta .quote_room8,
.newschool-mta .quote_room9,
.newschool-mta .quote_room10 {
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: opacity 0.5s linear;
}

@media screen and (max-width: 991px) {
  .newschool-mta .btnSubmit {
    width: 100%;
  }
}

.newschool-mta .modal-open {
  padding-right: 17px !important;
}

.newschool-mta .modal-dialog {
  max-width: 723px;
}

.newschool-mta .activeThumbnail {
  border: none;
}

@media only screen and (max-width: 34em) {
  .newschool-mta .carousel-control {
    width: 60px;
  }
  .newschool-mta .carousel-control.left {
    left: -30px;
  }
  .newschool-mta .carousel-control.right {
    right: -30px;
  }
}

.newschool-mta .fa-angle-left {
  position: absolute;
  left: 5px;
  top: 45%;
}

.newschool-mta .fa-angle-right {
  position: absolute;
  right: 5px;
  top: 45%;
}

.newschool-mta .carousel-control {
  background: none;
  vertical-align: middle;
}

@media only screen and (min-width: 62em) {
  .newschool-mta .modal-dialog {
    max-width: 757px;
    width: 757px;
  }
  .newschool-mta .modal-dialog img {
    max-width: 723px;
  }
}

.newschool-mta .thumbnail img {
  max-width: 100%;
}

.newschool-mta .item-thumbnail-group {
  overflow: hidden;
  transition: transform 0.6s ease-in-out;
}

@media only screen and (max-width: 62em) {
  .newschool-mta .item-thumbnail-group {
    display: none;
  }
}

.newschool-mta .thumbnail-container7,
.newschool-mta .thumbnail-container8,
.newschool-mta .thumbnail-container9,
.newschool-mta .thumbnail-container10,
.newschool-mta .thumbnail-container11,
.newschool-mta .thumbnail-container12,
.newschool-mta .thumbnail-container13,
.newschool-mta .thumbnail-container14,
.newschool-mta .thumbnail-container15,
.newschool-mta .thumbnail-container16 {
  display: none;
}

.newschool-mta .thumbnailList {
  transition: transform 0.3s ease-in-out;
}

.newschool-mta .thumbnail-container {
  cursor: pointer;
}

.newschool-mta .thumbnail-move {
  width: 30px;
  height: 105px;
  position: absolute;
  top: -14px;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.newschool-mta .thumbnail-move-right {
  display: none;
  left: 0;
}

.newschool-mta .thumbnail-move-left {
  right: 0;
}

.newschool-mta .fa-angle-bg:before {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  background: #333;
  border-radius: 50%;
  color: white;
  font-size: 1.3rem;
  display: inline-block;
}

@media only screen and (max-width: 34em) {
  .newschool-mta .fa-angle-bg:before {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 0.9rem;
  }
}

.newschool-mta .thumbnail:hover {
  box-shadow: 0 0px 4px #606873;
}

.newschool-mta .activeThumbnail .thumbnail {
  outline: 2px solid #676060;
}

.newschool-mta .btnRemoveRoom {
  cursor: pointer;
  color: red;
  font-weight: bold;
}

.newschool-mta .modal-title {
  font-size: 1.2rem;
  font-family: ProximaNovaBold;
  color: #0fa5bb;
}

@media only screen and (max-width: 34em) {
  .newschool-mta .modal-title {
    line-height: 1.1;
  }
}

@media only screen and (min-width: 48em) {
  .newschool-mta .modal-title {
    font-size: 1.5rem;
  }
}

.newschool-mta .modal-title-sub {
  font-size: 1rem;
  font-family: ProximaNovaBold;
  color: #808285;
  margin-top: 0.5rem;
}

.newschool-mta .modal-objective {
  font-size: 1.1rem;
  font-family: ProximaNovaBold;
  color: #0fa5bb;
  padding-right: 0.3rem;
}

.newschool-mta .modal-testimonial {
  font-size: 1rem;
  font-family: ProximaNova;
  font-style: italic;
  color: #808285;
}

.newschool-mta .modal-name {
  font-size: 1rem;
  font-family: ProximaNovaBold;
  color: #808285;
}

.newschool-mta .modal-link {
  font-size: 1rem;
  font-family: ProximaNova;
  color: #0fa5bb;
}

.newschool-mta .align-left {
  text-align: left;
}

.newschool-mta .modal-close {
  position: absolute;
  cursor: pointer;
  padding: 1rem;
}

.newschool-mta .modal-close-1 {
  font-size: 1.5rem;
  top: -1.1rem;
  right: -0.3rem;
}

.newschool-mta .modal-close-2 {
  right: 1rem;
  bottom: 0;
}

.newschool-mta .removeBorder {
  border: none;
}

.newschool-mta .form-control,
.newschool-mta .newSchool_form {
  border-radius: 4px;
}

@media only screen and (min-width: 34em) and (max-width: 47.9em) {
  .newschool-mta .offerItem_5 {
    min-height: 104px;
  }
}

@media only screen and (min-width: 75em) {
  .newschool-mta .offerItem_5 {
    min-height: 56px;
  }
}

@media only screen and (min-width: 48em) and (max-width: 61.9em) {
  .newschool-mta .offerItem_4 {
    min-height: 104px;
  }
}

.newschool-mta .lead {
  line-height: 1.5rem;
  font-size: 1rem;
}

@media only screen and (min-width: 62em) {
  .newschool-mta .lead {
    font-size: 1.2rem;
  }
}

@media only screen and (min-width: 48em) {
  .newschool-mta .lead {
    font-size: 1.2rem;
  }
}

.newschool-mta .overlayFixed {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.newschool-mta .overlayFixed_title {
  font-size: 1.5rem;
  font-weight: bold;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.newschool-mta .overlayFixed_text {
  font-size: 1.2rem;
  padding-bottom: 1rem;
}










/**** MTA NewSchool End *****/

/***** May 2016 Promotions Start *******/

.money-savers {}

.money-savers p {
  margin: 0;
}

.money-savers .page-header {
  margin: 0;
}

.money-savers .mainContent {
  padding-top: 1rem;
}

.money-savers .promo1.active .bnr1 {
  background: url(/resources/site/mta/may-promotions/banner-1.jpg) #eba1ad no-repeat;
  position: relative;
  max-width: 767px;
  height: 450px;
}

.money-savers .promo1.active .bnr2 {
  background: url(/resources/site/mta/may-promotions/banner-2.jpg) #67ccdc no-repeat;
  position: relative;
  max-width: 373px;
  height: 450px;
}

.money-savers .promo1.notactive .bnr1 {
  background: #eba1ad;
  position: relative;
  max-width: 767px;
  height: 450px;
  display: table;
}

.money-savers .promo1.notactive .bnr2 {
  background: #67ccdc;
  position: relative;
  max-width: 373px;
  height: 450px;
  display: table;
}

.money-savers .promo2.active .bnr3 {
  background: url(/resources/site/mta/may-promotions/gradient-blue.jpg) no-repeat;
  position: relative;
  max-width: 570px;
  height: 450px;
}

.money-savers .promo2.active .bnr4 {
  background: url(/resources/site/mta/may-promotions/banner-4.jpg) no-repeat;
  position: relative;
  max-width: 570px;
  height: 450px;
}

.money-savers .promo2.notactive .bnr3 {
  background: url(/resources/site/mta/may-promotions/gradient-blue.jpg);
  position: relative;
  max-width: 570px;
  height: 450px;
  display: table;
}

.money-savers .promo2.notactive .bnr4 {
  background: url(/resources/site/mta/may-promotions/gradient-yellow.jpg);
  position: relative;
  max-width: 570px;
  height: 450px;
  display: table;
}

.money-savers .promo3.active .bnr5 {
  background: url(/resources/site/mta/may-promotions/banner-5.jpg) no-repeat;
  position: relative;
  max-width: 373px;
  height: 450px;
}

.money-savers .promo3.active .bnr6 {
  background: url(/resources/site/mta/may-promotions/banner-6.jpg) no-repeat;
  position: relative;
  max-width: 373px;
  height: 450px;
}

.money-savers .promo3.active .bnr7 {
  background: url(/resources/site/mta/may-promotions/banner-7.jpg) no-repeat;
  position: relative;
  max-width: 373px;
  height: 450px;
}

.money-savers .promo3.notactive .bnr5 {
  background: #e1eef0;
  position: relative;
  max-width: 373px;
  height: 450px;
  display: table;
}

.money-savers .promo3.notactive .bnr6 {
  background: #68cddc;
  position: relative;
  max-width: 373px;
  height: 450px;
  display: table;
}

.money-savers .promo3.notactive .bnr7 {
  background: #95d2a8;
  position: relative;
  max-width: 373px;
  height: 450px;
  display: table;
}

.money-savers .promo4.active .bnr8 {
  background: url(/resources/site/mta/may-promotions/banner-8.jpg) no-repeat;
  position: relative;
  max-width: 570px;
  height: 450px;
}

.money-savers .promo4.active .bnr9 {
  background: url(/resources/site/mta/may-promotions/banner-9.jpg) no-repeat;
  position: relative;
  max-width: 570px;
  height: 450px;
}

.money-savers .promo4.notactive .bnr8 {
  background: #f6e367;
  position: relative;
  max-width: 570px;
  height: 450px;
  display: table;
}

.money-savers .promo4.notactive .bnr9 {
  background: #e2eff1;
  position: relative;
  max-width: 570px;
  height: 450px;
  display: table;
}

.money-savers .tag-date {
  width: 108px;
  height: 133px;
  background: url(/resources/site/mta/may-promotions/tag.png) no-repeat 0 0;
  position: absolute;
  right: 1rem;
  top: 0;
  padding-top: 2.5rem;
  z-index: 1;
}

.money-savers .tag-date.left {
  right: auto;
  left: 1rem;
}

.money-savers .tag-date span {
  color: #f0294a;
  display: block;
  font-family: ProximaNovaExtraBold;
  text-align: center;
  line-height: 1.6rem;
}

.money-savers .notactive .promo-content {
  display: table-cell;
  vertical-align: middle;
}

.money-savers .fntSize48 {
  font-size: 48px;
  line-height: 2.5rem;
}

.money-savers .fntSize44 {
  font-size: 44px;
  line-height: 2.5rem;
}

.money-savers .fntSize36 {
  font-size: 36px;
  line-height: 2.0rem;
}

.money-savers .fntSize32 {
  font-size: 32px;
}

.money-savers .fntSize26 {
  font-size: 26px;
}

.money-savers .fntSize24 {
  font-size: 24px;
}

.money-savers .fntSize20 {
  font-size: 20px;
}

.money-savers .fntSize18 {
  font-size: 18px;
}

.money-savers .fntSize16 {
  font-size: 16px;
}

.money-savers .fntSize12 {
  font-size: 12px;
}

.money-savers .promo-content {
  text-align: center;
}

.money-savers .underline {
  text-decoration: underline;
}

.promo1.active,
.promo2.active,
.promo3.active,
.promo4.active {
  display: none;
}

.money-savers .expired {
  display: none;
}

.money-savers .promo1.notactive {
  display: none;
}

@media (max-width: 480px) {
  .money-savers .promo1 div,
  .money-savers .promo2 div,
  .money-savers .promo3 div,
  .money-savers .promo4 div {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .money-savers .fntSize48 {
    font-size: 28px;
    line-height: 2rem;
  }
  .money-savers .fntSize44 {
    font-size: 28px;
    line-height: 2rem;
  }
  .money-savers .bnr-top-space-12 {
    padding-top: 9rem;
  }
  .money-savers .bnr-top-space-2 {
    padding-top: 1rem;
  }
  .money-savers .bnr-top-space-8 {
    padding-top: 23rem;
  }
  .money-savers .bnr-top-space-9 {
    padding-top: 10rem;
  }
  .money-savers .bnr-top-space-6 {
    padding-top: 1rem;
  }
  .money-savers .promo4.active .bnr9 .promo-content.bnr-top-space-4 {
    padding-top: 23rem;
  }
  .money-savers .promo1 .bnr2,
  .money-savers .promo2 .bnr4,
  .money-savers .promo3 .bnr6,
  .money-savers .promo3 .bnr7,
  .money-savers .promo4 .bnr9 {
    margin-top: 1rem;
    max-width: 100% !important;
    width: 100%;
  }
  .money-savers .notactive .promo-content {
    padding-top: 2rem;
  }
  .money-savers .promo1.active .bnr1 {
    height: auto;
    background-size: cover;
  }
  .money-savers .promo2.active .bnr2 {
    height: auto;
    background-size: cover;
  }
  .money-savers .promo2.active .bnr3 {
    height: auto;
    background-size: cover;
  }
  .money-savers .promo2.active .bnr4 {
    height: auto;
    background-color: #F7E46E;
  }
  .money-savers .promo3.active .bnr5 {
    height: auto;
    background-size: cover;
  }
  .money-savers .promo3.active .bnr6 {
    height: auto;
    background-size: cover;
  }
  .money-savers .promo3.active .bnr7 {
    height: auto;
    background-size: cover;
  }
  .money-savers .promo4.active .bnr8 {
    height: auto;
    background-size: cover;
  }
  .money-savers .promo4.active .bnr9 {
    height: auto;
    background-color: #E0EEEF;
    padding-left: 1rem !important;
  }
  .money-savers .promo2.notactive .bnr3,
  .money-savers .promo3.notactive .bnr5,
  .money-savers .promo4.notactive .bnr8 {
    max-width: 100%;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .money-savers .promo1 .bnr1 {
    margin-bottom: 1rem;
  }
  .money-savers .promo1 .bnr2 {
    margin: 0 auto;
    clear: both;
    float: none;
  }
  .money-savers .promo2 .bnr3 {
    margin: 0 auto !important;
    clear: both;
    float: none;
    margin-bottom: 1rem !important;
    height: auto !important;
    background-size: cover !important;
  }
  .money-savers .promo2 .bnr4 {
    margin: 0 auto !important;
    clear: both;
    float: none;
    height: auto !important;
    background-size: cover !important;
  }
  .money-savers .promo2 .bnr4 .promo-content {
    padding-left: 17rem;
  }
  .money-savers .promo3 .bnr5 {
    margin: 0 auto !important;
    clear: both;
    float: none;
    margin-bottom: 1rem !important;
  }
  .money-savers .promo3 .bnr6 {
    margin: 0 auto !important;
    clear: both;
    float: none;
    margin-bottom: 1rem !important;
  }
  .money-savers .promo3 .bnr7 {
    margin: 0 auto !important;
    clear: both;
    float: none;
  }
  .money-savers .promo4 .bnr8 {
    margin: 0 auto !important;
    clear: both;
    float: none;
    margin-bottom: 1rem !important;
  }
  .money-savers .promo4 .bnr9 {
    margin: 0 auto !important;
    clear: both;
    float: none;
  }
  .money-savers .promo4 .bnr9 .promo-content {
    padding-left: 17rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .money-savers .promo1 .bnr1 {
    margin-bottom: 1rem;
  }
  .money-savers .promo1 .bnr2 {
    margin: 0 auto;
    clear: both;
    float: none;
  }
  .money-savers .promo2 .bnr3 {
    margin: 0 auto !important;
    clear: both;
    float: none;
    margin-bottom: 1rem !important;
  }
  .money-savers .promo2 .bnr4 {
    margin: 0 auto !important;
    clear: both;
    float: none;
  }
  .money-savers .promo3 .bnr5 {
    margin: 0 auto !important;
    clear: both;
    float: none;
    margin-bottom: 1rem !important;
  }
  .money-savers .promo3 .bnr6 {
    margin: 0 auto !important;
    clear: both;
    float: none;
    margin-bottom: 1rem !important;
  }
  .money-savers .promo3 .bnr7 {
    margin: 0 auto !important;
    clear: both;
    float: none;
  }
  .money-savers .promo4 .bnr8 {
    margin: 0 auto !important;
    clear: both;
    float: none;
    margin-bottom: 1rem !important;
  }
  .money-savers .promo4 .bnr9 {
    margin: 0 auto !important;
    clear: both;
    float: none;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .money-savers .promo2 .bnr3 {
    margin: 0 !important;
    max-width: 500px !important;
  }
  .money-savers .promo2 .bnr4 {
    margin: 0 !important;
    max-width: 460px !important;
    margin-left: 1rem !important;
  }
  .money-savers .promo2 .bnr4 .bnr-top-space-4 {
    padding-top: 10px !important;
  }
  .money-savers .promo3 .bnr5 {
    max-width: 307px !important;
    height: 500px !important;
    background-size: cover !important;
  }
  .money-savers .promo3 .bnr6 {
    max-width: 307px !important;
    height: 500px !important;
    background-size: cover !important;
  }
  .money-savers .promo3 .bnr7 {
    max-width: 307px !important;
    height: 500px !important;
    background-size: cover !important;
  }
  .money-savers .promo4 .bnr8 {
    max-width: 470px !important;
  }
  .money-savers .promo4 .bnr9 {
    max-width: 470px !important;
  }
}

/***** May 2016 Promotions End *******/

/**** June 2016 Promotion Start *****/

.promotion-offer #promoBannerContainer {
  display: none;
}

.promotion-offer .mainContent {
  font-family: ProximaNovaExtraBold !important;
}

.promotion-offer p {
  margin: 0;
}

.promotion-offer .page-header {
  margin: 0;
}

.promotion-offer .mainContent {
  padding-top: 1rem;
}

.promotion-offer .fntSize48 {
  font-size: 48px;
  line-height: 2.5rem;
}

.promotion-offer .fntSize44 {
  font-size: 44px;
  line-height: 2.5rem;
}

.promotion-offer .fntSize40 {
  font-size: 40px;
  line-height: 2.0rem;
}

.promotion-offer .fntSize36 {
  font-size: 36px;
  line-height: 2.0rem;
}

.promotion-offer .fntSize32 {
  font-size: 32px;
}

.promotion-offer .fntSize26 {
  font-size: 26px;
}

.promotion-offer .fntSize24 {
  font-size: 24px;
}

.promotion-offer .fntSize20 {
  font-size: 20px;
}

.promotion-offer .fntSize18 {
  font-size: 18px;
}

.promotion-offer .fntSize16 {
  font-size: 16px;
}

.promotion-offer .fntSize12 {
  font-size: 12px;
}

.promotion-offer .bnr-darkBlack {
  color: #000000;
  position: relative;
  z-index: 3;
}

.promotion-offer .bnr-darkBlue {
  color: #0ea5bb;
}

.promotion-offer .bg-blue {
  background: #5fcada;
}

.promotion-offer .bg-red {
  background: #f0294a;
}

.promotion-offer .bg-light {
  background: #e0eef0;
}

.promotion-offer .btn-white {
  background: #ffffff;
  color: #000000;
  font-size: 1.5rem;
  padding: 8px 2rem;
}

.promotion-offer .btn-white-red {
  background: #ffffff;
  color: #f0294a;
  font-size: 1.5rem;
  padding: 8px 2rem;
  visibility: hidden;
}

.promotion-offer .btn-red {
  background: #f0294a;
  color: #ffffff;
  font-size: 1.5rem;
  padding: 8px 2rem;
}

.promotion-offer .diagnol {
  border-top: 365px solid #F0294A;
  border-left: 115px solid transparent;
  position: absolute;
  top: 0;
  left: -75px;
  z-index: 1;
}

.promotion-offer .dropcap-no {
  font-size: 6rem;
  line-height: 2.5rem;
}

.promotion-offer .dropcap-perc {
  position: relative;
  top: -20px;
  font-size: 4rem;
}

.promotion-offer .dropcap-off {
  font-size: 1.6rem;
  position: relative;
  left: -50px;
}

.promotion-offer .tag {
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  width: 6rem;
  height: 6rem;
  border: 1px solid transparent;
  color: #ffffff;
  font-size: 1.2rem;
  box-sizing: border-box;
  position: absolute;
  top: 1rem;
  right: 1rem;
  line-height: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.promotion-offer .tag.on {
  background: #f0294a
}

.promotion-offer .tag.expired {
  background: #0fa5bb
}

.promotion-offer .tag.coming {
  background: #0fa5bb
}

.promotion-offer .promo-box1 {
  height: 365px;
  line-height: 2.5rem;
}

.promotion-offer .promo-box2 {
  height: 365px;
  line-height: 2.5rem;
}

.promotion-offer .promo-box2:before {
  content: " ";
  width: 50px;
  height: 100%;
  z-index: 1;
  position: absolute;
  left: -10px;
  background: #5FCADA;
}

.promotion-offer .line-height1 {
  line-height: 1rem;
}

.promotion-offer .line-height15 {
  line-height: 1.5rem;
}

.promotion-offer .line-height2 {
  line-height: 2rem;
}

.promotion-offer .line-height3 {
  line-height: 3rem;
}

.promotion-offer .box-height {
  height: 551px;
}

.promotion-offer .promo-box3 {
  max-width: 372px;
  line-height: 2.5rem;
}

.promotion-offer .promo-box4 {
  max-width: 372px;
  line-height: 2.5rem;
}

.promotion-offer .promo-box5 {
  max-width: 372px;
  line-height: 2.5rem;
}

.promotion-offer .date-range>div {
  min-width: 215px;
  margin-top: 1rem;
}

.promotion-offer .box-left,
.promotion-offer .box-right {
  padding-left: 4rem;
}

.promotion-offer .week-2 .box-right {
  padding-left: 0;
}

.promotion-offer .week-2-daily .june-7 .dropcap-no {
  font-size: 5rem;
}

.promotion-offer .week-2-daily .june-7 .dropcap-perc {
  font-size: 3rem;
}

.promotion-offer .week-2-daily .june-7 .sm-desc {
  font-size: 1.5rem;
  font-family: ProximaNovaExtraBold;
;
}

.promotion-offer .week-4-daily .june-20 .media-object {
  max-width: none;
}

.promotion-offer .week-4-daily .june-20.promo-box3 {
  line-height: 1.5rem;
}

/* Hiding Weekly Deals */

.promotion-offer .week-1,
.promotion-offer .week-2,
.promotion-offer .week-3,
.promotion-offer .week-4,
.promotion-offer .week-5 {
  display: none;
}

/* Hiding Daily Deals */

.promotion-offer .week-1-daily,
.promotion-offer .week-2-daily,
.promotion-offer .week-3-daily,
.promotion-offer .week-4-daily,
.promotion-offer .week-5-daily {
  display: none;
}

/* Week 1 */

.promotion-offer .img-1 {
  position: absolute;
  left: 0;
  top: -30px;
}

.promotion-offer .img-2 {
  position: absolute;
  left: 0;
  bottom: -10px;
}

.promotion-offer .img-3 {
  position: absolute;
  right: -40px;
  bottom: -20px;
  z-index: 2;
}

.promotion-offer .img-4 {
  position: absolute;
  left: -90px;
  top: 10px;
  z-index: 2;
}

.promotion-offer .img-5 {
  position: absolute;
  right: 0;
  top: -40px;
}

/* Week 2 */

.promotion-offer .img-1a {
  position: absolute;
  left: -6px;
  top: -50px;
}

.promotion-offer .img-2a {
  position: absolute;
  left: 0;
  bottom: -23px;
}

.promotion-offer .img-3a {
  position: absolute;
  right: -60px;
  bottom: -20px;
  z-index: 2;
}

.promotion-offer .img-4a {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

.promotion-offer .img-5a {
  position: absolute;
  right: 0;
  top: -40px;
}

/* Week 3 */

.promotion-offer .img-1b {
  position: absolute;
  left: -6px;
  top: -50px;
}

.promotion-offer .img-2b {
  position: absolute;
  left: 0;
  bottom: 0;
}

.promotion-offer .img-3b {
  position: absolute;
  right: -50px;
  bottom: 0;
  z-index: 2;
}

.promotion-offer .img-4b {
  position: absolute;
  left: -61px;
  top: 0;
  z-index: 2;
  transform: rotate(2deg);
}

.promotion-offer .img-5b {
  position: absolute;
  right: 0;
  top: -40px;
}

/* Week 4 */

.promotion-offer .img-1c {
  position: absolute;
  left: 0;
  top: -20px;
}

.promotion-offer .img-2c {
  position: absolute;
  left: 10px;
  bottom: -10px;
}

.promotion-offer .img-3c {
  position: absolute;
  right: -50px;
  bottom: -30px;
  z-index: 2;
}

.promotion-offer .img-4c {
  position: absolute;
  left: -140px;
  top: 0;
  z-index: 2;
}

/* Week 5 */

.promotion-offer .img-1d {
  position: absolute;
  left: 0;
  top: 10px;
}

.promotion-offer .img-2d {
  position: absolute;
  left: 20px;
  bottom: 0;
}

.promotion-offer .img-3d {
  position: absolute;
  right: -90px;
  bottom: -20px;
  z-index: 2;
}

.promotion-offer .bg-light .bnr-darkBlue {
  color: #fff;
}

.promotion-offer .week-5-daily .june-27 .sm-img {
  position: absolute;
  top: 0;
}

.promotion-offer .week-5-daily .june-30 .sm-img {
  position: absolute;
  top: 0;
}

.promotion-offer .week-5-daily .june-27 .sm-title {
  padding-top: 18rem;
}

.promotion-offer .week-5-daily .june-30 .sm-title {
  padding-top: 13rem;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .promotion-offer .diagnol {
    display: none;
  }
  .promotion-offer .fntSize48 {
    font-size: 3rem;
    position: relative;
    z-index: 9;
  }
  .promotion-offer .fntSize32 {
    position: relative;
    z-index: 9;
  }
  .promotion-offer .fntSize36 {
    font-size: 26px;
  }
  .promotion-offer .fntSize26 {
    font-size: 16px;
  }
  .promotion-offer .fntSize18 {
    position: relative;
    z-index: 9;
  }
  .promotion-offer .btn-red {
    font-size: 1rem;
    position: relative;
    z-index: 9;
  }
  .promotion-offer .btn-white-red {
    font-size: 1rem;
    position: relative;
    z-index: 9;
  }
  .promotion-offer .dropcap-no {
    font-size: 4rem;
  }
  .promotion-offer .dropcap-perc {
    font-size: 2rem;
  }
  .promotion-offer .dropcap-off {
    font-size: 1rem;
    left: -30px;
  }
  .promotion-offer .promo-box2:before {
    display: none;
  }
  .promotion-offer .box-left {
    padding: 2.5rem 0 0 0 !important;
  }
  .promotion-offer .box-right {
    padding: 2.5rem 0 0 0 !important;
  }
  .promotion-offer .small-box {
    margin: 0 7px !important;
    max-width: 31%;
  }
  .promotion-offer .week-5 .prod-name {
    position: relative;
  }
  .promotion-offer .week-4-daily .june-20 .media-object {
    width: 50px;
  }
}

@media (max-width: 767px) {
  .promotion-offer .promo-box2:before {
    display: none;
  }
  .promotion-offer .small-box {
    margin: 1rem 0 !important;
    max-width: 100%;
  }
  .promotion-offer .box-left {
    padding: 0 !important;
  }
  .promotion-offer .box-right {
    padding: 0 !important;
  }
  .promotion-offer .dropcap-no {
    line-height: normal;
    font-size: 4rem;
  }
  .promotion-offer .dropcap-perc {
    top: -20px;
    font-size: 2rem;
  }
  .promotion-offer .dropcap-off {
    left: -30px;
  }
  .promotion-offer .fntSize18 {
    line-height: 1.5;
    font-size: 16px;
  }
  .promotion-offer .prod-name {
    font-size: 40px;
  }
  .promotion-offer .box-height {
    height: auto;
    padding-bottom: 1rem;
  }
}

/**** June 2016 Promotion End *****/

/* Dashboards */

.div-square {
  padding: 5px;
  color: #fff;
  background: #5FCADA;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 10px;
}

a div.div-square,
a:hover div.div-square {
  text-decoration: none;
}

#credit {
  width: 100% !important;
  height: 100% !important;
}

/* end of Dashboard */

/*** Teacher Account ***/

form#OrderDeliveryEntry .btn.btn-secondary.active {
  background-color: #449d44;
  border-color: #419641;
  color: #fff;
}

form#OrderEntry i#RefreshTeacherList {
  font-size: 1.1em;
  vertical-align: middle;
  cursor: pointer;
  padding-left: 2px;
}

.alert.alert-info.border-red {
  border-color: red;
}

div.order-close-message p.IBSTextAttention {
  display: none;
}

form#TeacherLanding div.div-square {
  padding: 0px;
  background-color: #91CFA4;
}

form#TeacherLanding .function-content {
  text-align: left;
  height: 80px;
  background-color: white;
  border: 2px solid #91CFA4;
  color: #565656;
  padding: 5px;
}

form#TeacherLanding .function-heading {
  height: 120px;
  width: 100%;
  text-align: center;
}

form#TeacherLanding .function-heading>i {
  margin: 15px auto;
}

form#TeacherLanding div.page {
  padding-top: 0;
}

form#TeacherLanding div.page-header {
  margin-top: 0;
}

table#teachers-table .dropdown-menu {
  padding-right: 20px;
}

table#teachers-table .dropdown-item {
  padding: 3px 0 3px 20px;
}

table#teachers-table .hidden {
  display: none;
}

table#teachers-table .editable-click,
a.editable-click,
a.editable-click:hover {
  border-bottom: 1px dashed #0088cc;
}

table#approval-table .approvalrow.selected {
  background-color: #BDECB6 !important;
}

table#teachers-table.dataTable.hover tbody tr:hover,
table#teachers-table.dataTable.display tbody tr:hover,
table#teachers-table.dataTable.display tbody tr:hover>.sorting_1,
table#teachers-table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
  background-color: #BDECB6;
}

.registrationModal #registration-image {
  width: 100%;
}

.registrationModal #registration-text {
  position: absolute;
  top: 25px;
  left: opx;
  font-size: 1.5em;
  color: #fff;
  margin-left: 20px;
  margin-right: 20px;
}

/*** end of Teacher Account ***/

/*** User profile address ***/

form#UpdateUserProfile .user-update-actions {
  margin-bottom: 2em;
}

form#UpdateUserProfile .hidden {
  display: none;
}

.address-view label {
  font-weight: bold;
}

.address-view .form-group {
  margin-bottom: 0;
}

/*** end of User profile address ***/

/*** Search school google map ***/

#SearchSchool #map {
  height: 500px;
  border: 1px dashed #C0C0C0;
}

#SearchSchool #participants {
  height: 500px;
  overflow-y: scroll;
}

#SearchSchool .participant {
  border: 1px solid lightblue;
  margin: 4px;
  width: 46%;
  padding: 10px;
  height: 155px;
}

#SearchSchool .participant.selected {
  border: 3px solid lightgreen;
}

/*** End of Search school google map ***/

/** Start International Telephone **/

.iti-flag {
  background-image: url("/resources/static/mta/image/flags.png");
}

.tel-hide {
  display: none;
}

/** End International Telephone **/

/***** Preschool Start *****/

.preschool h1,
.preschool h2 {
  font-family: ProximaNovaExtraBold;
}

.preschool h1,
.preschool h2,
.preschool h3 {
  font-size: 26px !important;
  color: #0fa5bb !important;
}

.preschool .intro {
  line-height: 1.1;
}

.preschool .cat-block {
  background-color: #f7f9fb;
  text-align: center;
}

.preschool .cat-img {}

.preschool .cat-title {
  font-family: ProximaNovaBold;
  font-size: 17px;
  color: #0fa5bb;
  padding: 8px 0 5px 0;
  margin-bottom: .5rem;
}

.preschool .cat-link {
  padding-bottom: 20px;
}

.preschool .cat-link a {
  color: #ffffff;
  background-color: #f0294a;
  padding: 8px 1rem;
  font-size: 13px;
  font-family: ProximaNovaBold;
}

.preschool .tile {
  line-height: 1;
}

.preschool .tile .bnr-button {
  bottom: 1.5rem;
}

.preschool .cat-links-left {
  font-size: 18px;
  font-family: ProximaNovaSemibold;
  line-height: 1.5;
}

.preschool .cat-links-left .heading {
  font-family: ProximaNovaExtraBold;
}

.preschool .cat-links-left a {
  color: #5e5e5e;
}

@media (max-width: 480px) {
  .preschool .ds {
    padding-right: 1rem !important;
  }
}

@media (max-width: 767px) {
  .preschool .bnr-top-space-3 {
    padding-top: 3rem;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .bnr-sm-fontLarge {
    font-size: 1rem;
  }
}

/***** Preschool End *****/

/***** Aussie Play Start *****/

.cat-title-AussiePlay {
  font-family: ProximaNovaBold;
  font-size: 20px;
  color: #0fa5bb;
  line-height: 1.3;
  padding-top: 0.5rem;
}

.cat-link-AussiePlay a {
  color: #ffffff;
  background-color: #f0294a;
  padding: 8px 1rem;
  font-size: 13px;
  font-family: ProximaNovaBold;
}

/***** Aussie Play End *****/

/* Hiding Aussied Play Links */

span#mta-aussie-play-cube-play,
span#mta-outside-and-active-outdoor-kitc,
span#mta-outside-and-active-aussie-play-,
span#mta-outside-and-active-aust-made,
span#mta-aussie-play-playsets {
  display: none;
}

#catalogue-tree a[href$="MTA-AUSSIE-PLAY-CUBE-PLAY"],
#catalogue-tree a[href$="MTA-OUTSIDE-AND-ACTIVE-OUTDOOR-KITC"],
#catalogue-tree a[href$="MTA-OUTSIDE-AND-ACTIVE-AUSSIE-PLAY-"],
#catalogue-tree a[href$="MTA-OUTSIDE-AND-ACTIVE-AUST-MADE"],
#catalogue-tree a[href$="MTA-AUSSIE-PLAY-PLAYSETS"] {
  display: none;
}

/* Hiding Aussied Play Links End*/

/***** Teacher Landing Page Start *****/

.mta-international.registered .blue-bar,
.mta-international.registered .get-start {
  display: none;
}

.teacher-home {}

.teacher-home .blue-bar,
.mta-international .blue-bar {
  background: #5fcada;
}

.teacher-home .main-heading {
  font-size: 3rem;
}

.teacher-home .btn-teacher,
.mta-international .btn-teacher {
  line-height: 2;
}

.teacher-home .blue-bar h2,
.mta-international .blue-bar h2 {
  color: #ffffff !important;
  font-size: 1.5rem !important;
  font-family: ProximaNova;
  margin: 0;
}

.teacher-home hr {
  border-width: 2px;
}

.teacher-home .get-start p,
.mta-international .get-start p {
  color: #f0294a;
  font-size: 3rem;
  font-family: ProximaNovaBold;
  line-height: 1;
}

.mta-international .get-start div {
  font-size: 1.5rem;
  font-family: ProximaNovaBold;
  line-height: 1;
}

.teacher-home .badges {
  font-size: 1rem;
}

.teacher-home .lead {
  font-size: 1.4rem;
}

.teacher-home .page {
  padding-top: 0;
}

.teacher-home .jumbotron {
  background: url(/resources/site/mta/teacher-account/Teacher-Accounts_Hero.jpg) no-repeat top center;
  background-size: 100% auto;
  color: #fff;
  position: relative;
  padding: 0;
  margin: 0;
  border-radius: 0;
}

.teacher-home .jumbotron img {
  display: none;
}

.teacher-home .jumbotron div {
  height: 12%;
  overflow: visible;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.teacher-home .jumbotron p {
  font-family: ProximaNovaSemiBold;
  font-size: 2vw;
}

.teacher-home .jumbotron h1 {
  font-family: ProximaNovaExtraBold;
  font-size: 3vw;
}

.teacher-home h4 {
  font-size: 1.5rem;
}

@media (max-width: 480px) {
  .teacher-home .main-heading {
    font-size: 2rem;
  }
  .teacher-home .get-start p {
    font-size: 2rem;
  }
}

/***** Teacher Landing Page End *****/

/***** JoyRide Styling Start *****/

.joyride-tip-guide {
  background: #d9edf7 !important;
  color: #31708f !important;
}

.joyride-tip-guide span.joyride-nub.right {
  border-left-color: #d9edf7 !important;
}

.joyride-tip-guide span.joyride-nub.left {
  border-right-color: #d9edf7 !important;
}

.joyride-tip-guide span.joyride-nub.top {
  border-bottom-color: #d9edf7 !important;
}

.joyride-tip-guide span.joyride-nub.bottom {
  border-top-color: #d9edf7 !important;
}

.joyride-tip-guide .joyride-next-tip {
  background: #8FCEA5;
  border-color: #8FCEA5;
  text-shadow: none;
  box-shadow: none;
}

.joyride-tip-guide a:hover {
  border-color: #8FCEA5 !important;
}

/***** JoyRide Styling End *****/

/**** Play Mobile ******/

.cat-block-playmobil {
  background-color: #5fcada;
  text-align: center;
  padding: 2.5rem 0 2.5rem 0;
}

.cat-title-playmobil {
  font-family: ProximaNovaBold;
  font-size: 1.5rem;
  color: #ffffff;
  padding: 8px 0 20px 0;
  line-height: 1.25;
}

/**** Play Mobile ******/

/****  gardening ******/

.cat-title-gardening {
  font-family: ProximaNovaBold;
  font-size: 26px;
  color: #0fa5bb;
  padding: 8px 0 5px 0;
  line-height: 1.25;
}

.cat-link-gardening {
  padding-bottom: 5px;
}

.cat-link-gardening a {
  color: #ffffff;
  background-color: #f0294a;
  padding: 8px 1rem;
  font-size: 13px;
  font-family: ProximaNovaBold;
}

/****  gardening ******/

/****  Christmas Craft ******/

.cat-title-ch-craft {
  font-family: ProximaNovaBold;
  font-size: 26px;
  color: #0fa5bb;
  padding: 8px 0 5px 0;
}

.preschool .mail-header {
  font-family: ProximaNovaBold;
  font-size: 2rem;
  color: #ffffff;
  line-height: 1.25;
}

.preschool .mail-txt {
  font-family: ProximaNovaBold;
  font-size: rem;
  color: #ffffff;
}

.preschool .left-panel {
  background: url(/resources/site/mta/ChristmasCraft/Pattern-Tile_Blue.png) #5fcada;
  color: #fff;
  padding: 5rem 0;
}

.preschool .join-link {
  color: #ffffff;
  background-color: #f0294a;
  padding: 8px 1rem;
  font-size: 13px;
  font-family: ProximaNovaBold;
  width: 60%;
  margin: auto;
}

.preschool .hero-txt {
  font-family: ProximaNovaBold !important;
  color: #ffffff !important;
  font-size: 2.5rem !important;
  margin-bottom: 0px;
}

.preschool .hero-header {
  font-family: ProximaNovaBold !important;
  color: #ffffff !important;
  font-size: 3.75rem !important;
  margin-bottom: 0px;
}

.preschool .hero-div {
  background: url(/resources/site/mta/ChristmasCraft/Hero.jpg) no-repeat;
  text-align: center;
  margin-bottom: 0px;
  padding: 4.5rem 0 4.5rem 0;
  background-size: 100%;
}

.preschool .halloween .hero-div {
  background: url(/resources/site/mta/campaigns/halloween/Hero.jpg) no-repeat;
  padding: 6rem 0;
}

.preschool .training2s .hero-div {
  background: url(/resources/site/mta/campaigns/training2s/Hero.jpg) no-repeat;
}

.preschool .training2s .cat-title {
  font-size: 26px;
}

@media (max-width: 768px) {
  .preschool .hero-div {
    padding: 2.5rem 0 2.5rem 0 !important;
  ;
  }
  .preschool .hero-txt {
    font-size: 1.5rem !important;
  ;
  }
  .preschool .hero-header {
    font-size: 2.25rem !important;
  ;
  }
}

@media (max-width: 420px) {
  .preschool .hero-div {
    padding: 2rem 0 2rem 0 !important;
  ;
  }
  .preschool .hero-txt {
    font-size: 1rem !important;
  ;
  }
  .preschool .hero-header {
    font-size: 1.75rem !important;
  ;
  }
}

/****  Christmas Craft ******/

/**  Related products CSS **/

/**  Related products CSS **/

.relProductsDiv {
  border-top: 1px solid #ddd;
}

.relProductsDiv .IBSHeaderCellLight {
  font-size: 0.9rem;
  font-weight: bolder;
  color: #5FCADA;
}

.relProductsDiv .item-ritem-image {
  text-align: center;
}

.relProductsDiv .IBSCellLink {
  color: #5e5e5e;
  font-size: 0.9rem;
  font-weight: bolder;
}

.ritem-pricing-table>tr>td>div {
  display: inline-block
}

.preschool .mathematics-hero-div {
  background: url(/resources/site/mta/campaigns/Mathematics/hero.jpg) no-repeat;
  text-align: center;
  margin-bottom: 0px;
  padding: 4.5rem 0 1rem 0;
  background-size: 100%;
}

.preschool .heatlthier-hero-header {
  font-family: ProximaNovaBold !important;
  color: #ffffff !important;
  font-size: 2.5rem !important;
  padding: 8.5rem 0 3rem 0;
  text-shadow: 1px 1px 1px #0fa5bb, 0 0 25px #0fa5bb, 0 0 5px #0fa5bb;
}

.preschool .mathematics-hero-header {
  font-family: ProximaNovaBold !important;
  color: #ffffff !important;
  font-size: 3.5rem !important;
  margin: 2rem;
  text-shadow: 1px 1px 1px #0fa5bb, 0 0 25px #0fa5bb, 0 0 5px #0fa5bb;
}

/***** MTA International  ******/

.international-home .static-medium-banner div[class^="col-xs"]:nth-child(2) {
  border-right: none;
}

.mta-international {}

.mta-international .main-heading {
  font-size: 3rem;
}

.mta-international .badges {
  font-size: 1rem;
}

.mta-international .lead {
  font-size: 1.4rem;
}

.mta-international .page {
  padding-top: 0;
}

.mta-international .jumbotron {
  background: url(/resources/site/mta/international/international-hero.jpg) no-repeat top center;
  background-size: 100% auto;
  color: #fff;
  position: relative;
  padding: 0;
  margin: 0;
  border-radius: 0;
}

.mta-international .jumbotron img {
  visibility: hidden;
}

.mta-international .jumbotron div {
  height: 12%;
  overflow: visible;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.mta-international .jumbotron p {
  font-family: ProximaNovaSemiBold;
  font-size: 2vw;
}

.mta-international .jumbotron h1 {
  font-family: ProximaNovaExtraBold;
  font-size: 3vw;
}

.mta-international h4 {
  font-size: 1.5rem;
}

@media (max-width: 480px) {
  .mta-international .main-heading {
    font-size: 2rem;
  }
}

li.Currency-Selector {
  display: inline-block;
}

li.Currency-Selector .QRY_CurrencyCode {
  padding: 0 10px;
}

/***** MTA International  ******/

/***** MTA International Free Freight  ******/

.mta-international {}

.mta-international .main-heading {
  font-size: 3rem;
}

.mta-international .badges {
  font-size: 1.3rem;
  line-height: 1.2;
}

.mta-international .badges .media-left {
  min-width: 135px;
}

.mta-international .badges img {
  max-width: inherit;
  width: 100%;
}

.mta-international .lead {
  font-size: 1.4rem;
}

.mta-international .page {
  padding-top: 0;
}

.mta-international .jumbotron {
  background: url(/resources/site/mta/international/mta-intl-freight-hero.png) no-repeat top center;
  background-size: 100% auto;
  color: #fff;
  position: relative;
  padding: 0;
  margin: 0;
  border-radius: 0;
}

.mta-international .jumbotron img {
  visibility: hidden;
}

.mta-international .jumbotron div {
  height: 12%;
  overflow: visible;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.mta-international .jumbotron p {
  font-family: ProximaNovaSemiBold;
  font-size: 2vw;
}

.mta-international .jumbotron h1 {
  font-family: ProximaNovaExtraBold;
  font-size: 3vw;
}

.mta-international h4 {
  font-size: 1.5rem;
}

@media (max-width: 480px) {
  .mta-international .main-heading {
    font-size: 2rem;
  }
}

.mta-international .heritate>img,
.mta-international .aucpny>img {
  height: 217px;
}

.mta-international .aucpny {
  text-align: center;
}

.mta-international .quality>img {
  float: right;
}

/***** MTA International Free Freight  ******/

/***** MTA Educational Brands ******/

.intl-edu-brands {}

.intl-edu-brands .jumbotron {
  background: url(/resources/site/mta/international/mta-intl-edu-brands-hero.png) no-repeat top center;
  background-size: 100% auto;
  color: #fff;
  position: relative;
  padding: 0;
  margin: 0;
  border-radius: 0;
}

.intl-edu-brands .mainContent p {
  font-family: ProximaNova;
  font-size: 1.5rem;
  display: inline-block;
}

.intl-edu-brands .mainContent .lead {
  color: #5fcada;
  font-family: ProximaNovaSemiBold;
  font-size: 1.5rem;
  display: inline-block;
}

.intl-edu-brands .page {
  padding: 0;
}

/***** MTA Educational Brands ******/

/***** MTA Flexible Frieght ******/

.intl-flex-frieght {}

.intl-flex-frieght .jumbotron {
  background: url(/resources/site/mta/international/mta-intl-flexible-frieght-hero.png) no-repeat top center;
  background-size: 100% auto;
  color: #fff;
  position: relative;
  padding: 0;
  margin: 0;
  border-radius: 0;
}

.intl-flex-frieght .mainContent p,
.intl-flex-frieght .mainContent li {
  font-family: ProximaNova;
  font-size: 1.5rem;
}

.intl-flex-frieght .mainContent .lead {
  color: #5fcada;
  font-family: ProximaNovaBold;
  font-size: 1.5rem;
}

.intl-flex-frieght .mainContent .noHighlight {
  list-style: none;
  padding-top: 5rem;
}

.intl-flex-frieght .page {
  padding: 0;
}

.intl-flex-frieght .mainContent li {
  color: #5fcada
}

.intl-flex-frieght .mainContent li>span {
  color: #5e5e5e !important
}

/***** MTA Flexible Frieght ******/

.registered .international .left-side-banner {
  display: none
}

/* Related Items Start */

#related-items-wrapper .addCutQtyWrap .cutQty,
#related-items-wrapper .addCutQtyWrap .addQty {
  padding: 0 !important;
  width: 2rem !important;
  height: 2.26rem;
}

.item-ritem {
  margin-bottom: 1rem;
}

.item-ritem-details {
  text-align: center;
}

.item-ritem-image img {
  max-height: 150px;
  margin: 0 auto;
  display: block;
}

.ritem-desc {
  font-family: ProximaNovaBold;
  font-size: 1.3rem;
}

.ritem-pricing-table {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-family: ProximaNovaBold;
}

@media screen and (min-width: 490px) and (max-width: 766px) {
  .ritem-pricing .addToCartDetail .addToCart {
    float: right;
  }
}

@media screen and (max-width:766px) {
  .ritem-pricing .addToCartDetail .addToCart {
    font-size: 1.6rem;
    padding: 5px 72px;
    margin-top: 15px;
  }
  .ritem-pricing .addToCartDetail .IBSInput {
    height: 50px;
    font-size: 2rem;
    width: 6rem;
  }
  #related-items-wrapper .addCutQtyWrap .cutQty,
  #related-items-wrapper .addCutQtyWrap .addQty {
    height: 50px;
    font-size: 2rem;
    width: 2.9rem !important;
    line-height: 50px;
  }
}

@media screen and (min-width: 767px) {
  .ritem-desc {
    min-height: 4.5rem;
    font-size: 1rem;
  }
  .ritem-pricing-table {
    height: 2.625rem;
    font-size: 1rem;
  }
}

@media screen and (min-width: 486px) {
  .ritem-pricing .addToCartDetail .addToCart {
    margin-top: 0px !important;
  }
}

.ritem-pricing-table .IBSListCell {
  display: inline-block;
}

.ritem-pricing-table .IBSListCellNumber {
  display: inline-block;
}

.ritem-pricing-table .IBSListCellNumberStrike {
  line-height: 0.5 !important;
}

.ritem-pricing-table .IBSListCellNumberStrike:before {
  content: "Was";
}

@media (min-width: 991px) and (max-width: 1024px) {
  #related-items-wrapper .addCutQtyWrap .cutQty,
  #related-items-wrapper .addCutQtyWrap .addQty {
    width: 1.5rem !important;
  }
  #related-items-wrapper .addToCartDetail .addToCart {
    min-width: 70px;
  }
  .ritem-desc {
    min-height: 72px;
  }
}

/* Related Items End */

.preschool .heatlthier-hero-header {
  background: url(/resources/site/mta/campaigns/healthier/hero.jpg) no-repeat;
  text-align: center;
  margin-bottom: 0px;
  padding: 4.5rem 0 1rem 0;
  background-size: 100%;
}

.preschool .heatlthier-hero-header {
  font-family: ProximaNovaBold !important;
  color: #ffffff !important;
  font-size: 2.5rem !important;
  padding: 8.5rem 0 3rem 0;
  text-shadow: 1px 1px 1px #0fa5bb, 0 0 25px #0fa5bb, 0 0 5px #0fa5bb;
}

.mta-international .sideBannerContainer .right-side-banner,
.mta-international .sideBannerContainer .left-side-banner {
  margin-top: 600px;
}

.mta-international .sideBannerContainer.in-footer .right-side-banner,
.mta-international .sideBannerContainer.in-footer .left-side-banner {
  top: -85rem
}

.mta-international .sideBanner3 img {
  width: auto;
}

/**  clearance and sales**/

.cat-block-clearance {
  background-color: #ffffff !important;
  text-align: center;
}

.preschool .left-panel-2 {
  background: url(/resources/site/mta/campaigns/Clearance/left_banner.jpg);
  color: #fff;
  padding: 3rem 0;
}

/**  clearance and sales**/

/*** Christmas Days Start ***/

.christmas-days {}

.christmas-days .page-header {
  margin-top: 0;
}

.christmas-days .page {
  padding: 0;
}

.christmas-days .mainContent {
  margin: 0 auto;
  font-size: 18px;
  text-align: center;
}

.christmas-days .promo-detail {
  max-width: 225px;
  margin: 0 auto;
}

.christmas-days .offer-container {
  position: relative;
}

.christmas-days .offer-img,
.christmas-days .gift-icons .openme {
  cursor: pointer;
}

.christmas-days .tooltip {
  opacity: 1;
  padding: 10px;
  max-width: 300px;
  color: #303030;
  background-color: #f5f5b5;
  border: 1px solid #deca7e;
  position: absolute;
  top: 0;
  left: 0;
}

.christmas-days .offer-container img {
  display: none;
}

/*** Christmas Days End ***/

/*MTA INTERNATIONAL*/

.mta-international #footer-contact span {
  display: block;
  font-size: 1.35rem;
  margin: -4px 0 0 0;
  letter-spacing: .01rem;
}

.mta-international .header-top-bar .contact-container {
  float: none;
}

@media screen and (min-width: 992px) {
  .mta-international .header-top-bar .contact-container {
    float: right;
  }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
  .mta-international .header-top-bar .fax {
    display: block;
    padding: 0 1rem;
  }
}

@media (max-width:328px) {
  .mta-international .header-top-bar .telephone,
  .mta-international .header-top-bar .fax {
    padding: 0;
  }
}

.mta-international .blue-bar h2 {
  color: #ffffff !important;
  font-size: 1.8rem !important;
  font-family: ProximaNova;
  font-weight: bold;
  margin: 0;
}

.mta-international .blue-bar h3 {
  color: #ffffff !important;
  font-size: 1.5rem !important;
  font-family: ProximaNova;
  margin: 0;
}

.mta-international .blue-bar .email-link {
  color: #ffffff !important;
  font-weight: bold;
}

@media (min-width: 992px) {
  .mta-international .blue-bar .sign-in-module {
    border-right: 1px solid #fff;
  }
}

.mta-international .badges img {
  /*max-width: inherit;*/
}

.mta-international .badges h2 {
  font-size: 2rem;
  font-family: ProximaNovaBold;
  line-height: 1;
  color: #0FA5BB;
  margin-bottom: 0;
}

.mta-international .lead {
  font-size: 1.4rem;
}

.mta-international .page {
  padding-top: 0;
}

.mta-international .jumbotron {
  background: url(/resources/site/mta/international/mta-international-website-herobanner.jpg) no-repeat top center;
  background-size: 100% auto;
  color: #fff;
  position: relative;
  padding: 0;
  margin: 0;
  border-radius: 0;
  height: 14.8vw;
}

.mta-international .aucpny {
  text-align: center;
}

.mta-international .heritage,
.mta-international .quality {
  text-align: center;
}

@media (min-width: 768px) {
  .mta-international .heritage,
  .mta-international .quality {
    text-align: left;
  }
}

.mta-international .heritate>img,
.mta-international .aucpny>img {
  /*height:217px;*/
}

.mta-international .quality>img {
  /*float:right;*/
}

.mta-international .footer-fa-plane {
  font-size: 5rem;
  margin-top: 1rem;
}

.mta-international .header-fa-plane {
  font-size: 3.5rem;
  color: #F0294A;
  float: left;
  margin-top: 0;
  margin-right: .3rem;
}

.mta-international .header-free-freight-heading {
  color: #0FA5BB;
  margin: 6px 0 3px;
  font-weight: 700;
}

.mta-international .header-free-freight-copy {
  color: #0FA5BB;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
}

.mta-international .header .search-form .form-group input.form-control {
  width: calc(100% - 1rem - 74px);
}

/*MTA INTERNATIONAL*/

/*Pardot Form*/

.pardot-wrapper {
  float: left;
  width: 100%;
}

.pardot-iFrame {
  border: none;
}

.join-mail {
  display: block;
}

.join-btn {
  max-width: 60px;
  width: 60px;
}

/*Start Front page carousel buttons*/

#allMainBtn {}

#allSubTopBtn {
  left: 126px;
  bottom: 13px;
}

#allSubBotBtn {
  left: 126px;
  bottom: 13px;
}

@media screen and (min-width:1200px) {
  #allSubTopBtn {
    bottom: 26px;
  }
  #allSubBotBtn {
    bottom: 26px;
  }
}

/*End Front page carousel buttons*/

/*Adding missing css from our bootstrap file. */

.carousel-control-next-icon,
.carousel-control-prev-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent no-repeat center center;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next {
  right: 0;
}

.carousel-control-next,
.carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: .5;
}

.voucherOrderCount {
  display: none;
}

.all-promo-heading {
  background-color: #5fcadb !important;
  padding: 15px !important;
  margin-top: -16px;
  margin-bottom: 5px;
  color: #fff !important;
  font-family: ProximaNovaSemiBold !important;
  font-size: 1rem !important;
  text-align: left;
  width: 100%;
}

/*Robotics Start*/

.robotics-product .page {
  background: #ffffff;
  font-size: 18px;
}

.robotics-product h1 {
  color: #0fa5bb;
}

.robotics-product h2 {
  font-size: 28px;
  color: #ffffff;
  margin-top:8px;
}

.robotics-product h3 {
  color: #0fa5bb;
  font-size: 28px;
}

.robotics-product h4 {
  font-size: 1rem;
}

.robotics-product .lead {
  font-size: 21px;
  margin-bottom: 0;
}

.robotics-product .bg-blue {
  background-color: #5fcada;
  padding: 1rem 0;
  margin: 1rem 0;
}

.robotics-product .bg-green {
  background-color: #45b870;
}

@media screen and (min-width: 768px) {
  .robotics-product .d-flex2 {
    display: flex;
    flex: 1 0 auto;
    align-items: center;
    flex-direction: row;
  }
}

.robotics-product .bg-green p {
  font-family: ProximaNovaBold;
  font-size: 28px;
  line-height: 1;
}

.robotics-product .bg-green p+p {
  font-size: 23px;
  font-family: ProximaNova;
}

.robotics-product .feature-list {
  list-style: none;
  padding-left: 0;
}

.robotics-product .feature-list strong {
  display: block;
}

.robotics-product .feature-list span {
  display: block;
}

.robotics-product .feature-list li {
  background: url(https://d4iqe7beda780.cloudfront.net/resources/site/mtaau/campaigns/robotics-selector/icon-sprite.png) no-repeat;
  padding-top: 7px;
  padding-left: 4rem;
  line-height: 1;
  display: inline-block;
  width: 33%;
  height: 55px;
  vertical-align: text-bottom;
  margin-bottom: 10px;
}

/*.feature-list li:nth-child(1) { background-position: 0px 0px; }*/

.robotics-product .feature-list li:nth-child(1) {
  background-position: 0px -180px;
}

.robotics-product .feature-list li:nth-child(2) {
  background-position: 0px -300px;
}

.robotics-product .feature-list li:nth-child(3) {
  background-position: 0px -60px;
}

.robotics-product .feature-list li:nth-child(4) {
  background-position: 0px -240px;
  width: 50%
}

.robotics-product .feature-list li:nth-child(5) {
  background-position: 0px -120px;
  width: 100%;
}

.robotics-product .pdf li {
  border-radius: 0 !important;
  border-left: none;
  border-right: none;
  padding-left: 0;
  padding-right: 0;
}

.robotics-product .call-out {
  position: absolute;
  right: 0;
  bottom: 0;
}

.robotics-product .catDetailItemDesc {
  font-weight: normal;
  font-family: ProximaNovaBold;
}

.robotics-product .expandable {
  font-weight: normal;
}

.robotics-product .view-range {
  font-size: 300%;
  white-space: pre-line;
}

.robotics-product .list-group-item img {
  float: left;
}

.robotics-product .pdf-title {
  width: 60%;
}

.robotics-product .list-group-item .btn {
  margin-top: -40px;
}

@media screen and (max-width: 992px) and (min-width: 768px) {
  .robotics-product .feature-list li:nth-child(5) {
    margin-top: 37px;
  }
}

@media screen and (max-width: 768px) {
  .robotics-product .feature-list li {
    width: 100%;
  }
  .robotics-product .results-btn.btn-info {
    position: absolute;
    top: 0;
    right: 0;
  }
  .robotics-product .call-out {
    bottom: 6rem;
  }
  .robotics-product .view-range {
    font-size: 180%;
  }
}

@media screen and (max-width: 560px) {
  .robotics-product .results-btn.btn-info {
    position: absolute;
    top: 0;
    right: 0;
  }
  .robotics-product .view-range {
    font-size: 120%;
  }
  .robotics-product .feature-list li {
    height: 60px;
  }
}

@media screen and (max-width: 545px) {
  .robotics-product .list-group-item a.pull-right {
    float: none !important;
  }
}

@media screen and (max-width: 450px) {
  .robotics-product .results-btn.btn-info {
    position: relative;
    margin-top: 5px;
  }
}

.robotics-product #dead-space {
  height: 0px !important;
}

/* update to Robotics product pages added on 2018-05-21 */
.robotic-products-wrap {
  word-wrap: break-word;
}
.robotics-product-list {
  display:flex;
  margin-bottom: 1rem;
}
.robotics-product-list-img{
  margin-right: 1rem;
  height: 50px;
}
.robotics-product-list-ul{
  font-size: 1rem;
  padding: 0 0 0 1rem;
  list-style-position: outside;
}

.robotics-product-no-border {
  border: none !important;
}

.robotics-product-view {
  padding: .8rem 0;
  background-color: #f0294a;
  margin: 1rem 0;
}

.robotics-product-view:hover {
  background-color: #D81F3E;
  border-color: #D81F3E;
}

@media screen and (min-width: 768px) {
  .robotics-product-view {
    padding: 1.5rem 0;
    background-color: #45b870;
    margin:1.5rem 0;
  }

  .robotics-product-view:hover {
    background: #45b870;
    border: none !important;
  }
}

.robotics-product-view-banner {
  display:flex;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .robotics-product-view-banner {
      flex-direction: row;
  }
}

h3.robotics-product-view-header {
  color: white;
  margin: 0;
  font-size: 1.1rem;
}

@media screen and (min-width: 768px) {
  h3.robotics-product-view-header {
    color: white;
    margin: 0 1.5rem 0 0;
    font-size: 1.8rem;
  }
}

.robotics-product-view-button{
  display:none;
}

@media screen and (min-width: 768px) {
  .robotics-product-view-button{
    display:inline-block;
  }
}
/* Robotics Dash Dot Page - Features List PigeonRat version */

.dashdot-features {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0 0 1rem;
  padding: 0;
}

.dashdot-feature {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 1rem;
}

@media screen and (min-width:768px) {
  .dashdot-feature {
    width: 50%;
  }
}

@media screen and (min-width:1024px) {
  .dashdot-feature {
    width: 33.333%;
  }
}

.dashdot-feature-icon {
  min-width: 55px;
  height: 55px;
  display: inline-block;
}

.sprite {
  background: url(//d4iqe7beda780.cloudfront.net/resources/site/mtaau/campaigns/robotics-selector/icon-sprite.png) no-repeat;
}

.dashdot-feature-icon.one {
  background-position: 0 -180px;
}

.dashdot-feature-icon.two {
  background-position: 0 -300px;
}

.dashdot-feature-icon.three {
  background-position: 0 -60px;
}

.dashdot-feature-icon.four {
  background-position: 0 -240px;
}

.dashdot-feature-icon.five {
  background-position: 0 -120px;
}

.dashdot-feature-icon.six {
  background-image: url(//d4iqe7beda780.cloudfront.net/resources/site/mtaau/campaigns/wonder-league/icon-wonder-league.svg);
  background-repeat: no-repeat;
  background-size: 51px;
}

.dashdot-feature-body {
  display: flex;
  flex-direction: column;
  line-height: 1.1;
  padding-top: 7px;
  padding-left: 7px;
}

.dashdot-feature-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 1rem;
}

/* TOP BLUE NAV --TEST */

.header-top-bar .contact-container {
  display: none;
}

@media screen and (min-width:1024px) {
  .header-top-bar .top-bar-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0;
  }
  .header-top-bar .contact-container {
    /* margin: 0.5rem 0 0; */
    margin: 0;
    display: block;
  }
  .header-top-bar a {
    margin-right: 8px;
    color: #fff;
    transition: all 300ms ease-in-out;
  }
  .header-top-bar a:focus,
  .header-top-bar a:hover {
    color: #fff;
    text-decoration: underline;
  }
  .header-top-bar a.dropdown-item,
  .header-top-bar a.dropdown-item:focus,
  .header-top-bar a.dropdown-item:hover {
    color: #373a3c;
    text-decoration: none;
  }
  .header-top-bar .top-link-international {
    position: relative;
  }
  .header-top-bar .top-link-international--icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: -1px;
  }
  .header-top-bar .top-link-international--copy {
    margin-left: 23px;
  }
  .header-top-bar .telephone {
    padding: 0;
    color: #fff;
  }
  /* .header-top-bar .top-link-about {
    display: none;
  } */
  .navbar.navbar-default.col-xl-5 {
    width: auto;
    /* overwriting the Bootstrap .col rule the dirty way, sorry! */
    text-align: center;
    padding: 0;
  }
  /* 1. Hide Blue TopNav-RightMenu li elements (all buttons except SignIn one)  */
  .navbar.navbar-default .navbar-nav li {
    display: none;
  }
  /* 2. Show the Order Entry dropdown menu next to the SignIn button */
  .navbar.navbar-default .navbar-nav li.nav-item.dropdown {
    display: inline-block;
  }
  /* 3. Show the My Dashboard button next to the SignOff button (when logged in) */
  .registered .navbar.navbar-default .navbar-nav li.dashboard-nav-item {
    display: inline-block;
  }
  .registered .contact-container .top-link-international {
    display: none;
  }
  /* Header-top-bar-2 */
  .header-top-bar-2 .top-link-international--icon {
    vertical-align: sub;
  }
  .top-bar-info-section-2 a {
    color: #fff !important;
  }
}

@media screen and (min-width:1024px) {
  .header-top-bar .contact-container {
    display: block;
  }
  .header-top-bar .top-bar-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0;
  }
  .header-top-bar .contact-container {
    /* margin: 0 0 0 -4em; */
    margin: 0;
  }
}

@media screen and (min-width:1200px) {
  .header-top-bar .top-link-about {
    display: inline-block;
  }
}

a.top-link-new-centre {
  border-right: 1px solid white;
  padding-right: 9px;
}

/*temporary solution to remove international from NZ, while we figure out a way to remove it*/

.top-link-international {
  display: none;
}

/* Promo Widget - Header */

.promo-widget-header__icon {}

.promo-widget-header__heading {
  color: #0FA5BB;
  margin: 0 0 3px;
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 1;
  font-family: ProximaNovaBold;
  letter-spacing: -0.05rem;
}

.promo-widget-header__copy {
  color: #565656;
}

/* Promo Widget - Footer */

.promo-widget-footer__icon {}

.promo-widget-footer__heading {}

.promo-widget-footer__copy {}

.footer-contact .icon-shipping {
  color: #fff;
}

.footer-newsletter .join-mail {
  margin: 0 0 3px;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1;
  font-family: ProximaNovaBold;
  letter-spacing: -0.05rem;
}

.footer-shipping-copy a {
  color: #fff !important;
  background-color: transparent !important;
  border-color: transparent !important;
}

/*FreeZone Page Start*/

/*Freezone general start*/

.category .PageTitle {
  margin-top: 0px;
}

.freezone .PageTitle {
  margin-top: unset;
}

#freezoneResults {
  margin-top: 15px;
}

@media screen and (min-width: 767px) {
  /*Give page padding when not on desktop*/
  .freezone.page .freezone-page>.container {
    margin-bottom: 5rem;
  }
  #freezoneResults {
    margin-bottom: 5rem;
  }
}

.freezone {
  padding: 0px;
  background: none;
}

.freezone #dead-space {
  height: 0px;
}

/*Freezone general end*/

.freezone .hero {
  background: #5fcada;
}

.freezone .scroll-up {
  position: absolute;
}

/*Initial Page start*/

.fz-init-title {
  color: #0FA6BB;
  font-size: 6.5vw;
}

.fz-init-title:before {
  content: " ";
  background-image: url(//d4iqe7beda780.cloudfront.net/resources/site/mtaau/freezone/fz-badge.png);
  display: inline-block;
  width: 6vw;
  height: 6vw;
  background-size: cover;
}

@media screen and (min-width:545px) {
  .fz-init-title {
    font-size: 2.5rem;
  }
  .fz-init-title:before {
    width: 2rem;
    height: 2rem;
  }
}

@media screen and (min-width:767px) {
  .fz-init-title {
    font-size: 1.7rem;
  }
}

@media screen and (min-width:767px) {
  .fz-init-title {
    font-size: 2.2rem;
  }
}

.freezone .init-page {
  margin-top: 40px;
}

.freezone .init-page-img {
  margin-bottom: 20px;
}

/*Initial Page end*/

/*Free Zone header start*/

.freezone .freezone-header {
  color: #fff;
  text-align: center;
}

/*Text and image hero start*/

.freezone .IBSPageTitleText {
  margin-bottom: 0px;
  font-size: 12.2vw;
  padding-top: 10px;
  color: white;
}

.freezone .IBSPageTitleText a {
  color: inherit;
}

.freezone .PageTitle a:hover {
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .freezone .hero {
    z-index: 101;
    position: relative;
  }
}

@media screen and (min-width: 565px) {
  .freezone .IBSPageTitleText {
    font-size: 5rem;
  }
}

@media screen and (min-width: 992px) {
  .freezone .IBSPageTitleText {
    padding-top: 50px;
    font-size: 5rem;
  }
}

.freezone .freezone-text {
  font-size: 5.5vw;
  padding-bottom: 5px;
}

@media screen and (min-width: 545px) {
  .freezone .freezone-text {
    font-size: 1.7rem;
  }
}

.freezone .freezone-header-img {
  float: left;
  padding: 25px 0px;
}

/*Text and image hero end*/

/*Nav start*/

.freezone-header .search-border {
  position: relative;
}

.freezone-header .fa-search {
  font-size: 1.3rem;
}

.freezone-header #sphxSearchSubmit {
  top: 0;
  right: 0;
  width: 51px;
  height: 51px;
  position: absolute;
  border: none;
  background-color: #F0294A;
}

.freezone .freezone-search-input {
  border: 1px solid #ccc;
  padding: 10px;
  width: 83%;
  height: 29px;
  color: #6F6F6F;
}

@media screen and (min-width: 767px) {
  .freezone .freezone-search-input {
    width: 58%;
  }
}

@media screen and (min-width: 992px) {
  .freezone .freezone-search-input {
    width: 57%;
  }
  .freezone-header #sphxSearchSubmit {
    right: 30px;
  }
}

@media screen and (min-width: 1200px) {
  .freezone .freezone-search-input {
    width: 64%;
  }
  .freezone-header #sphxSearchSubmit {
    right: 73px;
  }
}

.freezone-subheader {
  color: #0FA6B9;
  text-align: center;
  /*font-size:3rem;*/
  font-size: 7.8vw;
  padding: 15px 0;
}

@media screen and (min-width: 545px) {
  .freezone-subheader {
    font-size: 2.8rem;
  }
}

#free-zone {
  display: block;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  padding: 10px;
  background-color: white;
  z-index: 101;
  position: relative;
}

@media screen and (min-width: 992px) {
  #free-zone {
    display: flex;
    background-color: unset;
    max-height: 4.1rem;
  }
}

@media screen and (max-width: 991px) {
  .mobile-nav-toggle-wrapper {
    background-color: #0FA6BB;
    float: none;
    position: relative;
    z-index: 10;
    text-align: center;
    cursor: pointer;
  }
  .freezone .no-gutters {
    padding-left: 0px;
    padding-right: 0px;
    max-width: none;
  }
  #free-zone {
    position: absolute;
    width: 100%;
  }
}

#free-zone .sub-arrow {
  display: none;
}

.freezone .search-border #searchButton {
  height: 19.5%;
  right: 5.3%;
}

.freezone .actions {
  background-color: white;
}

@media screen and (min-width: 992px) {
  .freezone .actions {
    background-color: #0FA6BB;
  }
  #free-zone>li {
    color: white;
  }
}

#free-zone li a,
.mobile-nav-toggle {
  color: #5E5E5E;
  font-size: 1.4rem;
  font-family: ProximaNova;
}

.mobile-nav-toggle {
  color: white;
}

#free-zone li.category-heading {
  border: none;
}

@media screen and (max-width: 991px) {
  #free-zone>li {
    border-bottom: 1px solid #e1e1e1;
  }
}

/*Colour it with MTA blue when expanded/selected*/

#free-zone li a[aria-expanded="true"] {
  color: #0FA6BB;
  text-decoration: none;
}

@media screen and (min-width: 992px) {
  #free-zone li a[aria-expanded="true"] {
    color: #0FA6BB;
  }
}

/*Indents by 15px per sub menu*/

#free-zone li ul li {
  padding-left: 15px;
}

@media screen and (min-width: 992px) {
  #free-zone li a {
    color: white;
  }
  #free-zone li ul li {
    display: block;
  }
  #free-zone>li>a {
    color: white !important;
  }
  #free-zone>li>a:after {
    color: white !important;
  }
}

.freezone .mobile-nav-toggle {
  text-align: center;
  padding: 10px;
  margin-bottom: 0px;
  border: none;
  background: none;
}

@media screen and (max-width: 991px) {
  #free-zone li a:after,
  .freezone .mobile-nav-toggle:after {
    content: " \f054";
    font-family: FontAwesome;
    position: absolute;
    right: 0px;
    transition: transform 0.1s linear, color 0.1s linear;
  }
  .freezone .mobile-nav-toggle:after {
    transform: rotate(90deg);
  }
  .freezone .mobile-nav-toggle-wrapper.collapsed .mobile-nav-toggle:after {
    transform: rotate(0);
  }
}

/*On desktop only the main links get chevrons*/

#free-zone>li>a:after {
  content: " \f054";
  font-family: FontAwesome;
  position: absolute;
  right: 0px;
  transition: transform 0.1s linear, color 0.1s linear;
  white-space: pre;
}

#free-zone li a[aria-expanded="true"]:after {
  transform: rotate(90deg);
  color: #10A3B7;
}

@media screen and (min-width: 992px) {
  #free-zone li a:after,
  .mobile-nav-toggle:after {
    position: relative;
    right: unset;
    float: right;
  }
}

.freezone .mobile-nav-toggle:after {
  right: 15px;
  position: absolute;
}

#free-zone li a,
#free-zone li {
  display: block;
  text-decoration: none;
  padding: 5px;
}

@media screen and (max-width: 991px) {
  .mobile-nav-toggle-wrapper.collapsed+#free-zone,
  .mobile-nav-toggle-wrapper.collapsed~.fz-transparent-bg {
    display: none;
  }
}

#free-zone:after {
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 316px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  height: 180%;
}

@media screen and (min-width: 992px) {
  .fz-transparent-bg {
    display: none;
  }
  .freezone ul.category-list {
    position: absolute;
    background-color: white;
    border: 1px solid #e1e1e1;
    min-width: 17rem !important;
  }
  .freezone .has-submenu .highlighted {
    color: #0FA6BB
  }
}

#free-zone li ul li a {
  color: #5E5E5E;
  font-size: 1.1rem;
}

#free-zone .scroll-down {
  position: absolute;
}

@media screen and (min-width: 992px) {
  #free-zone ul li a.has-submenu:after {
    content: " \f054";
    display: inline-block;
    font-family: FontAwesome;
  }
  #free-zone ul li a.has-submenu[aria-expanded='true']:after {
    transform: none;
  }
}

/*Nav end*/

.tiles-wrapper {
  display: flex;
  flex-wrap: wrap;
}

/*Freezone header end*/

/*Freezone static landing block start*/

.fz-category-image {
  width: 90%;
  display: block;
  margin: 0 auto;
  padding-bottom: 5px;
}

.fz-category-wrapper {
  outline: 1px solid #e1e1e1;
  /*margin: 0px 10px 20px;*/
  margin: 10px auto;
}

.fz-category-wrapper:hover,
.fz-category-wrapper a {
  box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.3);
  text-decoration: none;
}

@media screen and (min-width: 1200px) {
  .fz-category-wrapper {
    width: 260px;
  }
}

.fz-category-name {
  font-family: ProximaNovaBold;
  color: #0fa5bb;
  font-size: 18px;
  text-align: center;
  border-top: 1px solid #e1e1e1;
  margin-bottom: 0px;
  padding: 10px 0px;
}

/*Freezone static landing block end*/

/*FreeZone Category page start*/

@media screen and (min-width:767px) {
  .freezoneResults {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.freezoneResults .freezone-infinite,
.freezoneResults .jscroll-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: baseline;
}

.freezone-image {
  text-align: center;
  padding: 14px 25px 0px;
}

.freezone-tile {
  outline: 1px solid #e1e1e1;
  margin: 6px 4px;
}

@media screen and (min-width:992px) {
  .freezone-tile {
    margin: 6px;
  }
}

.freezone-tile:hover {
  box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.3);
}

.freezone-tile .text {
  padding: 15px;
}

.freezone-tile .text p {
  font-weight: 500;
  line-height: 18px;
}

.freezone-tile p.category {
  font-weight: 700;
}

.freezone-category-title {
  color: #0FA6BB;
}

.freezone.category .meta {
  font-size: 0.9rem;
}

.freezone.category .meta-data,
.freezone.search .meta-data {
  font-size: inherit;
  font-weight: normal;
}

.freezone .search-border {
  margin-bottom: 15px;
}

.js-readmore-btn {
  text-align: center;
  font-size: 1rem;
}

@media screen and (min-width: 767px) {
  .freezone-tile {
    max-width: 13.6rem;
  }
  .freezone-image {
    padding: 10px 25px 0px;
  }
}

@media screen and (min-width: 992px) {
  .freezone-tile {
    max-width: 11.2rem;
  }
}

@media screen and (min-width: 1200px) {
  .freezone-tile {
    max-width: 13.8rem;
  }
}

.freezone .no-gutters {
  padding-left: 0px;
  padding-right: 0px;
}

.pagination li:last-of-type {
  display: inline !important;
}

/*FreeZone Category page end*/

/*Freezone Side Nav Start*/

.side-category-list li:first-of-type {
  display: block;
  font-size: 2rem;
  font-family: ProximaNovaBold, Helvetica, sans-serif;
  line-height: normal;
  margin-bottom: 15px;
}

.side-category-list li {
  font-size: 1rem;
  color: #5e5e5e;
  font-family: ProximaNova, Helvetica, sans-serif;
  display: block;
}

.side-category-list li a {
  color: #5e5e5e;
}

.side-category-list {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.fz-side-currentCategory {
  font-weight: 700;
}

/*Freezone Side Nav End*/

/*FreeZone Sphinx Search start*/

.freezone .taxonomy-wrap,
.freezone #sphinx-filter-clear {
  display: inline-block;
  margin-bottom: 3px;
}

.freezone #sphinx-filter-clear {
  width: 49%;
  background-color: #ACACAC;
  margin-bottom: 0px;
}

#sphinx-filter-clear:hover {
  background-color: #909090;
}

#sphinx-filter-clear:active {
  background-color: #787878;
}

.filters-wrap .taxonomy-wrap {
  width: 49%;
  display: inline-block;
}

.freezone .filters-wrap .dropdown,
.freezone .filters-wrap .dropdown .taxonomy-title {
  width: 100%;
}

@media screen and (min-width:767px) {
  .filters-wrap .taxonomy-wrap {
    width: 24%;
  }
  .freezone #sphinx-filter-clear {
    width: 25%;
  }
}

.freezone .filters-wrap .dropdown .taxonomy-title {
  font-family: ProximaNova, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  outline: 1px solid #e1e1e1;
  background-color: white;
}

.freezone .taxonomy-title {
  text-transform: capitalize;
}

.freezone-tile .category,
.freezone-tile .meta-label {
  font-weight: 700;
}

.freezone-tile .category,
.freezone-tile .meta,
.freezone-tile .meta-label {
  margin-bottom: 5px;
}

.freezone .category-title {
  color: #0FA6BB;
  padding-right: 66px;
}

.freezone .filter-text {
  color: #10A5BB;
  margin-bottom: 5px;
  font-size: 1.3rem;
  font-family: ProximaNovaBold;
}

@media screen and (max-width:766px) {
  .freezone .filter-text {
    cursor: pointer;
  }
  .freezone .filter-text:hover {
    text-decoration: underline;
  }
  .freezone .filter-text:after {
    content: ">";
    display: inline;
  }
}

.freezone #sphinx-filter-clear {
  background-color: #ACACAC;
  color: white;
}

.freezone .open>.dropdown-menu {
  border-top: none;
  min-width: 100%;
  border-radius: unset;
}

.freezone .filters-wrap .taxonomy-title {
  text-align: left;
}

.freezone .dropdown-toggle:after {
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  right: 7px;
}

.freezone-search label {
  display: inline;
  text-transform: capitalize;
}

.freezone-search .option-select {
  padding: 5px;
}

.sphinx-tags {
  display: inline-block;
  background: white;
  border: 1px solid #e1e1e1;
  padding: 9px;
  margin: 10px 5px 5px;
  border-radius: 23px;
  box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.3);
}

.freezone .tag-remove,
.freezone .tag-term,
.freezone .tag-wrap {
  display: inherit;
}

.freezone .sphinx-tags-wrap {
  display: inline;
}

.freezone .tag-taxonomy {
  font-weight: 700;
  color: #5c595c;
}

.freezone .tag-taxonomy:after {
  content: ":";
}

.freezone .tag-remove {
  color: red;
  cursor: pointer;
  font-weight: 700;
}

.freezone .search .PageTitle {
  margin-top: 0px;
}

.category-title-wrap,
.freezone-search {
  padding-left: 0px;
  padding-right: 0px;
}

@media screen and (min-width: 400px) and (max-width: 766px) {
  .filter-text {
    float: right;
    margin-top: -40px;
  }
}

@media screen and (max-width: 766px) {
  .freezone-search {
    padding-left: 0px;
    padding-right: 0px;
  }
  /*Hide filters for small screens*/
  .freezone .all-taxonomy-wrap {
    display: none;
    float: right;
    width: 100%;
  }
}

@media screen and (min-width: 992px) {
  /*Left to right layout for the filters. */
  .freezone .all-taxonomy-wrap,
  .freezone .taxonomy-wrap,
  .freezone .taxonomy-wrap .dropdown,
  .freezone #sphinx-filter-clear,
  .freezone .filter-menu,
  .freezone .filters-wrap,
  .filter-text {
    display: inline;
  }
  .filters-wrap .taxonomy-wrap,
  #sphinx-filter-clear {
    width: 9.1rem;
    margin-right: 8px;
  }
  .freezone .category-title-wrap {
    padding-left: 0px;
  }
  .freezone-search {
    padding: 10px 0px;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
  }
  .freezone .filter-text {
    font-size: 1.3rem;
    margin-right: 44px;
  }
  #sphinx-filter-clear {
    height: 40px;
    font-size: 1.2rem;
    margin-top: 4px;
  }
}

@media screen and (min-width: 992px) {
  .freezone .filters-wrap .taxonomy-wrap,
  .freezone #sphinx-filter-clear {
    width: 11rem;
    display: inline-block;
  }
}

.freezone .hidden {
  display: none;
}

/*FreeZone Sphinx Search end*/

/*FreeZone Item detail page Start*/

.freezone .item-detail-wrapper {
  margin-top: 20px;
}

.freezone .btn-download {
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 12px 80px;
}

.freezone .item-detail-title {
  font-size: 8.1vw;
}

.freezone .carousel-inner {
  max-width: 13rem;
  margin: 0 auto;
}

@media screen and (min-width: 767px) {
  .freezone .carousel-inner {
    max-width: 15rem;
  }
  .freezone .item-detail-wrapper {
    margin-bottom: 5rem;
  }
}

.freezone .freezone-content {
  font-size: 1.1rem;
}

.freezone .meta-data {
  font-size: 5.5vw;
  font-weight: 700;
  margin-bottom: 10px;
}

@media screen and (min-width: 545px) {
  .freezone .item-detail-title {
    font-size: 2.5rem;
  }
  .freezone .meta-data {
    font-size: 1.2rem;
  }
}

.freezone-summary li {
  display: block;
}

.freezone-summary,
.freezone-content {
  padding-left: unset;
  font-size: 1.1rem;
}

.freezone-summary {
  line-height: 30px;
}

.freezone .social-sharing.ss-social-sharing {
  display: none;
}

.freezone-summary .meta-data {
  font-weight: 500;
  font-size: inherit;
}

#freezone-tab .nav-link {
  font-size: 4.2vw;
}

@media screen and (min-width: 400px) {
  #freezone-tab .nav-link {
    font-size: 1.2rem;
  }
}

.freezone nav-tabs:first-child .nav-link.active {
  border-left: none;
}

.freezone .nav-tabs .nav-link {
  color: #acacac;
}

.freezone .nav-tabs .nav-link.active {
  color: #55595c;
}

.freezone-information .meta-data {
  margin-bottom: 0px;
}

@media screen and (max-width:767px) {
  .freezone-information {
    border-top: 1px solid #ACACAC;
    padding-top: 10px;
  }
}

@media screen and (min-width:767px) {
  .freezone .item-detail-title {
    border-bottom: 1px solid #e1e1e1;
  }
  .freezone .product-thumb {
    max-height: 175px;
    min-height: 175px;
  }
}

.freezone .tab-content {
  margin: 15px 0px;
}

.freezone-tile .meta:nth-of-type(3) {
  display: none;
}

@media screen and (max-width:1024px) {
  /*Make sure the controls don't go over image to cause confusion*/
  .freezone .item-detail-wrapper .carousel-control {
    position: absolute;
  }
  .freezone .item-detail-wrapper .carousel-control.right {
    right: -30px;
  }
  .freezone .item-detail-wrapper .carousel-control.left {
    left: -30px;
  }
}

.freezone-information .social {
  display: none;
}

@media screen and (min-width:1200px) {
  .fz-item-detail {
    min-height: 33rem;
  }
}

.fz-foreign-resource-wrapper {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
}

.fz-foreign-resource {
  outline: 1px solid #e1e1e1;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: wrap;
  max-width: 250px;
  padding: 20px;
  margin-bottom: 15px;
}

@media screen and (max-width:546px) {
  .fz-foreign-resource {
    margin: 0px auto 10px;
  }
}

@media screen and (min-width:767px) and (max-width: 992px) {
  .fz-foreign-resource-wrapper {
    justify-content: space-around;
  }
}

@media screen and (min-width:992px) {
  .fz-foreign-resource {
    max-width: 200px;
  }
}

@media screen and (min-width:1200px) {
  .fz-foreign-resource {
    max-width: 250px;
  }
}

.fz-foreign-title {
  color: #0FA6BB;
}

.fz-foreign-resource .btn-download {
  padding: unset;
  padding-top: 10px;
  padding-bottom: 10px;
}

#js-thumbnail-group div {
  padding: 4px;
}

.foreign-resources-title {
  margin: 15px 0px;
  padding-left: 0px;
  padding-right: 0px;
}

/*FreeZone Item detail page End*/

.freezone .fz-category-wrapper:last-of-type,
.freezone #woolworths {
  visibility: hidden;
}

/*FreeZone Page End*/

.robotics-product .catDetailItemCode {
  text-transform: uppercase;
}

.freezone-search {
  display: none
}

/* DROP-DOWN MENU | INSPIRATION */

[id="top-level-item-6"]>ul {
  box-shadow: 1px 6px 10px #ACACAC;
  border: 1px solid lightgrey;
  background: #F7F9FB;
  padding: 1rem 0;
}

[id="top-level-item-6"]>ul a {
  padding: 4px 18px;
  font-size: 14px;
}

[id="top-level-item-6"]>a .fa.fa-angle-down {
  vertical-align: top;
  margin-top: -4px;
}

[id="top-level-item-6"]>a .sub-arrow {
  display: none;
}

/* Responsive-adjustment for Welcome-User-Account-Message when logged-in */

.header-welcome-msg span{
  font-family: ProximaNovaBold, sans-serif !important;
}
@media screen and (max-width: 1023px) {
  .registered .header-welcome-msg {
    display: block !important;
    text-align: center;
  }
  .registered #QuickItemSearch {
    margin-bottom: 10px;
  }
  .registered .header-welcome-msg .user-id {
    display: block;
    line-height: 1.2;
  }
}

/* Displaying MTA Homepage Sub-banners on mobile screens - Start */
.col-banner-main {
  padding: 0 !important;
  }
  @media screen and (min-width: 768px) {
    .col-banner-main {
      padding: 0 8px !important;
    }
  }

  .col-banner-main img {
  width: 100% !important;
  }
  .col-banner-sub {
  padding: 0 !important;
  }
  @media screen and (min-width: 768px) {
    .col-banner-sub {
    padding: 0 14px 0 15px !important;
    }
  }
  @media screen and (max-width: 373px) {
    .btn-sub-mainBot {
    left: 0 !important;
    bottom: 8px !important;
    }
  }
  @media screen and (min-width: 374px) and (max-width: 767px) {
    .btn-sub-mainBot {
    left: 0 !important;
    bottom: 24px !important;
    }
  }
  @media screen (max-width: 767px) {
    #home-banner-carousel .carousel-inner{
    padding: 0 !important;
    }
  }
/* Displaying MTA Homepage Sub-banners on mobile screens - End */