/*------------------------------------------------------

	STYLES.LESS

------------------------------------------------------*/
/*------------------------------------------------------

	DEFAULTS.LESS


	OVERRIDE ANY OF THESE SETTINGS WITHIN A SITE'S
	INDIVIDUAL _SITE-CONFIG.LESS TO CUSTOMISE ON A PER-SITE BASIS

------------------------------------------------------*/
/*------------------------------------------------------

	IMPORTS

------------------------------------------------------*/
/*------------------------------------------------------

	FANCYBOX v2.1.5 fancyapps.com

------------------------------------------------------*/
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
  *zoom: 1;
  width: 90%;
  margin: 0 auto;
  max-width: 1200px;
}
.fancybox-wrap:after {
  content: " ";
  display: block;
  overflow: hidden;
  clear: both;
  height: 0;
}
.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *zoom: 1;
  width: 90%;
  margin: 0 auto;
  max-width: 1200px;
}
.fancybox-skin:after {
  content: " ";
  display: block;
  overflow: hidden;
  clear: both;
  height: 0;
}
.fancybox-opened {
  z-index: 8030;
}
.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer,
.fancybox-inner {
  position: relative;
}
.fancybox-inner {
  overflow: hidden;
  width: 100% !important;
  *zoom: 1;
  width: 90%;
  margin: 0 auto;
  max-width: 1200px;
}
.fancybox-inner:after {
  content: " ";
  display: block;
  overflow: hidden;
  clear: both;
  height: 0;
}
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
.fancybox-error {
  color: #888888;
  font: 400 (1px*16)/1.5 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}
.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
  background-image: url('/images/fancybox/fancybox_sprite.png');
}
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('/images/fancybox/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('/images/fancybox/blank.gif');
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}
.fancybox-prev {
  left: 0;
}
.fancybox-next {
  right: 0;
}
.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}
.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}
.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}
.fancybox-nav:hover span {
  visibility: visible;
}
.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}
.fancybox-lock body {
  overflow: hidden !important;
}
.fancybox-lock-test {
  overflow-y: hidden !important;
}
.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url('/images/fancybox/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: 400 (1px*16)/1.5 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}
.fancybox-opened .fancybox-title {
  visibility: visible;
}
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}
.fancybox-title-inside-wrap {
  padding-top: 10px;
}
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading,
  .fancybox-close,
  .fancybox-prev span,
  .fancybox-next span {
    background-image: url('/images/fancybox/fancybox_sprite@2x.png');
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
  #fancybox-loading div {
    background-image: url('/images/fancybox/fancybox_loading@2x.gif');
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
}
.fancybox-overlay {
  margin-bottom: 0;
}
/*------------------------------------------------------

		ICOMOON ICON FONT

------------------------------------------------------*/
@font-face {
  font-family: 'icomoon';
  src: url('/fonts/icomoon/icomoon.eot?-x0cyw1');
  src: url('/fonts/icomoon/icomoon.eot?#iefix-x0cyw1') format('embedded-opentype'), url('/fonts/icomoon/icomoon.woff?-x0cyw1') format('woff'), url('/fonts/icomoon/icomoon.ttf?-x0cyw1') format('truetype'), url('/fonts/icomoon/icomoon.svg?-x0cyw1#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class*='icon-']:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-youtube-play:before,
ul.social li.YouTube span:before {
  content: "\e6be";
}
.icon-pinterest:before {
  content: "\e6bb";
}
.icon-chevron-left:before {
  content: "\f053";
}
.icon-chevron-right:before {
  content: "\f054";
}
.icon-chevron-up:before {
  content: "\f077";
}
.icon-chevron-down:before {
  content: "\f078";
}
.icon-envelope:before {
  content: "\f0e0";
}
.icon-linkedin:before,
ul.social li.Linkedin span:before {
  content: "\f0e1";
}
.icon-arrow-right:before,
.doPagination .pag-nav .pag-next:before,
.doCycle .pag-nav .pag-next:before {
  content: "\e6b7";
}
.icon-arrow-left:before,
.doPagination .pag-nav .pag-prev:before,
.doCycle .pag-nav .pag-prev:before {
  content: "\e6b8";
}
.icon-switch:before {
  content: "\e600";
}
.icon-signup:before {
  content: "\e601";
}
.icon-numbered-list:before {
  content: "\e602";
}
.icon-cloud-upload:before {
  content: "\e603";
}
.icon-star:before {
  content: "\e604";
}
.icon-earth:before {
  content: "\e605";
}
.icon-users:before {
  content: "\e606";
}
.icon-user:before {
  content: "\e607";
}
.icon-users2:before {
  content: "\e608";
}
.icon-user2:before {
  content: "\e609";
}
.icon-bubbles:before {
  content: "\e60a";
}
.icon-bubbles2:before {
  content: "\e60b";
}
.icon-bubble:before {
  content: "\e60c";
}
.icon-bubbles3:before {
  content: "\e60d";
}
.icon-bubbles4:before {
  content: "\e60e";
}
.icon-bubble2:before {
  content: "\e60f";
}
.icon-clock:before {
  content: "\e610";
}
.icon-file:before {
  content: "\e611";
}
.icon-file2:before {
  content: "\e612";
}
.icon-file3:before {
  content: "\e613";
}
.icon-books:before {
  content: "\e614";
}
.icon-stack:before {
  content: "\e615";
}
.icon-calculate:before {
  content: "\e616";
}
.icon-credit:before {
  content: "\e617";
}
.icon-support:before {
  content: "\e618";
}
.icon-phone:before {
  content: "\e619";
}
.icon-stopwatch:before {
  content: "\e61b";
}
.icon-calendar:before {
  content: "\e61c";
}
.icon-mobile:before {
  content: "\e61d";
}
.icon-cabinet:before {
  content: "\e61e";
}
.icon-coin:before {
  content: "\e61f";
}
.icon-paste:before {
  content: "\e620";
}
.icon-paste2:before {
  content: "\e621";
}
.icon-pie:before {
  content: "\e622";
}
.icon-stats:before {
  content: "\e623";
}
.icon-bars:before {
  content: "\e624";
}
.icon-aid:before {
  content: "\e625";
}
.icon-cog:before {
  content: "\e626";
}
.icon-cogs:before {
  content: "\e627";
}
.icon-cog2:before {
  content: "\e628";
}
.icon-equalizer:before {
  content: "\e629";
}
.icon-bars2:before {
  content: "\e62a";
}
.icon-rocket:before {
  content: "\e62b";
}
.icon-meter:before {
  content: "\e62c";
}
.icon-accessibility:before {
  content: "\e62d";
}
.icon-list:before {
  content: "\e62e";
}
.icon-cloud:before {
  content: "\e62f";
}
.icon-cloud-download:before {
  content: "\e630";
}
.icon-eye:before {
  content: "\e631";
}
.icon-smiley:before {
  content: "\e632";
}
.icon-warning:before {
  content: "\e633";
}
.icon-spam:before {
  content: "\e634";
}
.icon-shuffle:before {
  content: "\e635";
}
.icon-table:before {
  content: "\e636";
}
.icon-radio-checked:before {
  content: "\e637";
}
.icon-libreoffice:before {
  content: "\e638";
}
.icon-safari:before {
  content: "\e639";
}
.icon-target:before {
  content: "\e63a";
}
.icon-info:before {
  content: "\e63b";
}
.icon-wand:before {
  content: "\e63c";
}
.icon-hammer:before {
  content: "\e63d";
}
.icon-cart:before {
  content: "\e63e";
}
.icon-barcode:before {
  content: "\e63f";
}
.icon-tags:before {
  content: "\e640";
}
.icon-address-book:before {
  content: "\e641";
}
.icon-busy:before {
  content: "\e642";
}
.icon-binoculars:before {
  content: "\e643";
}
.icon-dashboard:before {
  content: "\e644";
}
.icon-food2:before {
  content: "\e645";
}
.icon-truck2:before {
  content: "\e646";
}
.icon-xero-logo:before {
  content: "\e647";
}
.icon-office:before {
  content: "\e648";
}
.icon-newspaper:before {
  content: "\e649";
}
.icon-pencil:before {
  content: "\e64a";
}
.icon-play:before {
  content: "\e64b";
}
.icon-book:before {
  content: "\e64c";
}
.icon-dice:before {
  content: "\e64d";
}
.icon-copy:before {
  content: "\e64e";
}
.icon-copy2:before {
  content: "\e64f";
}
.icon-mobile2:before {
  content: "\e650";
}
.icon-mobile3:before {
  content: "\e651";
}
.icon-tablet:before {
  content: "\e652";
}
.icon-keyboard:before {
  content: "\e653";
}
.icon-calendar2:before {
  content: "\e654";
}
.icon-stopwatch2:before {
  content: "\e655";
}
.icon-alarm:before {
  content: "\e656";
}
.icon-profile:before {
  content: "\e657";
}
.icon-library:before {
  content: "\e658";
}
.icon-envelop:before {
  content: "\e659";
}
.icon-user22:before {
  content: "\e65a";
}
.icon-cabinet2:before {
  content: "\e65b";
}
.icon-download:before {
  content: "\e65c";
}
.icon-bullhorn:before {
  content: "\e65d";
}
.icon-key:before {
  content: "\e65e";
}
.icon-unlocked:before {
  content: "\e65f";
}
.icon-lock:before {
  content: "\e660";
}
.icon-wrench:before {
  content: "\e661";
}
.icon-aid2:before {
  content: "\e662";
}
.icon-zoom-in:before {
  content: "\e663";
}
.icon-search:before {
  content: "\e664";
}
.icon-spinner:before {
  content: "\e665";
}
.icon-user3:before {
  content: "\e666";
}
.icon-bars22:before {
  content: "\e667";
}
.icon-lightning:before {
  content: "\e668";
}
.icon-tree:before {
  content: "\e669";
}
.icon-menu:before,
#nav #navTrigger:before {
  content: "\e66a";
}
.icon-mug:before {
  content: "\e66b";
}
.icon-gift:before {
  content: "\e66c";
}
.icon-eye2:before {
  content: "\e66d";
}
.icon-attachment:before {
  content: "\e66e";
}
.icon-link:before {
  content: "\e66f";
}
.icon-earth2:before {
  content: "\e670";
}
.icon-globe:before {
  content: "\e671";
}
.icon-brightness-medium:before {
  content: "\e672";
}
.icon-remove:before {
  content: "\e673";
}
.icon-remove2:before {
  content: "\e674";
}
.icon-briefcase:before {
  content: "\e675";
}
.icon-airplane:before {
  content: "\e676";
}
.icon-hammer2:before {
  content: "\e677";
}
.icon-road:before {
  content: "\e678";
}
.icon-flag:before {
  content: "\e679";
}
.icon-home:before {
  content: "\e67a";
}
.icon-camera:before {
  content: "\e67b";
}
.icon-file22:before {
  content: "\e67c";
}
.icon-folder-open:before {
  content: "\e67d";
}
.icon-credit2:before {
  content: "\e67e";
}
.icon-notebook:before {
  content: "\e67f";
}
.icon-pushpin:before {
  content: "\e680";
}
.icon-location:before {
  content: "\e681";
}
.icon-location2:before {
  content: "\e682";
}
.icon-history:before {
  content: "\e683";
}
.icon-clock3:before {
  content: "\e684";
}
.icon-clock4:before {
  content: "\e685";
}
.icon-bell:before {
  content: "\e686";
}
.icon-screen:before {
  content: "\e687";
}
.icon-laptop:before {
  content: "\e688";
}
.icon-drawer:before {
  content: "\e689";
}
.icon-quotes-left:before,
.testimonials article blockquote:before {
  content: "\e68a";
}
.icon-cog22:before {
  content: "\e68b";
}
.icon-cog3:before {
  content: "\e68c";
}
.icon-fire:before {
  content: "\e68d";
}
.icon-accessibility2:before {
  content: "\e68e";
}
.icon-eye3:before {
  content: "\e68f";
}
.icon-star2:before {
  content: "\e690";
}
.icon-heart:before {
  content: "\e691";
}
.icon-heart2:before {
  content: "\e692";
}
.icon-thumbs-up:before {
  content: "\e693";
}
.icon-thumbs-up2:before {
  content: "\e694";
}
.icon-happy:before {
  content: "\e695";
}
.icon-happy2:before {
  content: "\e696";
}
.icon-evil:before {
  content: "\e697";
}
.icon-evil2:before {
  content: "\e698";
}
.icon-angry:before {
  content: "\e699";
}
.icon-confused:before {
  content: "\e69a";
}
.icon-shocked:before {
  content: "\e69b";
}
.icon-shocked2:before {
  content: "\e69c";
}
.icon-confused2:before {
  content: "\e69d";
}
.icon-wondering:before {
  content: "\e69e";
}
.icon-point-up:before {
  content: "\e69f";
}
.icon-point-right:before {
  content: "\e6a0";
}
.icon-point-left:before {
  content: "\e6a1";
}
.icon-warning2:before {
  content: "\e6a2";
}
.icon-notification:before {
  content: "\e6a3";
}
.icon-question:before {
  content: "\e6a4";
}
.icon-info2:before {
  content: "\e6a5";
}
.icon-info3:before {
  content: "\e6a6";
}
.icon-cancel-circle:before {
  content: "\e6a7";
}
.icon-checkmark-circle:before {
  content: "\e6a8";
}
.icon-checkmark:before {
  content: "\e6a9";
}
.icon-checkmark2:before {
  content: "\e6aa";
}
.icon-loop:before {
  content: "\e6ab";
}
.icon-arrow-up:before {
  content: "\e6ac";
}
.icon-radio-checked2:before {
  content: "\e6ad";
}
.icon-scissors:before {
  content: "\e6ae";
}
.icon-filter:before {
  content: "\e6af";
}
.icon-mail:before {
  content: "\e6b0";
}
.icon-mail2:before {
  content: "\e6b1";
}
.icon-share:before {
  content: "\e6b2";
}
.icon-twitter:before,
ul.social li.Twitter span:before {
  content: "\e6b3";
}
.icon-facebook:before,
ul.social li.Facebook span:before {
  content: "\e6b6";
}
.icon-feed:before,
ul.social li.Rss span:before {
  content: "\e6b9";
}
.icon-feed2:before {
  content: "\e6ba";
}
.icon-android:before {
  content: "\e6bc";
}
.icon-apple:before {
  content: "\e6bd";
}
.icon-paypal2:before {
  content: "\e6bf";
}
.icon-paypal3:before {
  content: "\e6c0";
}
.icon-file-pdf:before {
  content: "\e6c1";
}
.icon-file-word:before {
  content: "\e6c2";
}
.icon-file-excel:before {
  content: "\e6c3";
}
.icon-file-powerpoint:before {
  content: "\e6c4";
}
.icon-safari2:before {
  content: "\e6c5";
}
.icon-U:before,
ul.social li.U span:before {
  content: "\e61a";
}
.icon-googleplus:before,
ul.social li.Google span:before,
ul.social li.GooglePlus span:before {
  content: "\e6b4";
}
.icon-skype:before,
ul.social li.Skype span:before {
  content: "\e6b5";
}
.icon-locked:before {
  content: "\e6ce";
}
.icon-ticket:before {
  content: "\e6cd";
}
.icon-truck:before {
  content: "\e6c6";
}
.icon-banknote:before {
  content: "\e6c7";
}
.icon-cup:before {
  content: "\e6c8";
}
.icon-food:before {
  content: "\e6c9";
}
.icon-clock2:before {
  content: "\e6ca";
}
.icon-bulb:before {
  content: "\e6cb";
}
.icon-bus:before {
  content: "\e6cc";
}
/*------------------------------------------------------

	MIXINS & HELPERS
	!TODO SPLIT

------------------------------------------------------*/
.clear:after,
.clearfix:after {
  content: " ";
  display: block;
  overflow: hidden;
  clear: both;
  height: 0;
}
.fl {
  float: left !important;
}
.fr {
  float: right !important;
}
.cl {
  clear: left !important;
}
.cr {
  clear: right !important;
}
.gpu-acceleration {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
}
/*
.box-shadow(@h-shadow: 0, @v-shadow: 0, @blur: 0, @spread: 0, @color: transparent, @inset: '') {
	box-shadow: @h-shadow @v-shadow @blur @spread @color @inset;
}
*/
/*------------------------------------------------------

	shiny new grid system from GAZv3 :)

------------------------------------------------------*/
.wrapper,
.page-banner .page-title,
.page-banner > * {
  *zoom: 1;
  width: 90%;
  margin: 0 auto;
  max-width: 1200px;
}
.wrapper:after {
  content: " ";
  display: block;
  overflow: hidden;
  clear: both;
  height: 0;
}
#content.narrow .wrapper {
  max-width: 800px;
}
#content.full.width .primary-a {
  width: 95.6%;
}
.landingpage #content > .wrapper {
  width: 100%;
  margin: 0;
}
@media only screen and (min-width: 900px) {
  .wrapper,
  .page-banner .page-title,
  .page-banner > * {
    width: 80%;
  }
}
.gridrow-a,
.gridrow-b,
.gridrow-c,
.u-page .webappsearchresults {
  *zoom: 1;
  word-spacing: -0.3em;
  margin-bottom: 32px;
}
.gridrow-a:after,
.gridrow-b:after,
.gridrow-c:after,
.u-page .webappsearchresults:after {
  content: " ";
  display: block;
  overflow: hidden;
  clear: both;
  height: 0;
}
.gridrow-a > *,
.gridrow-b > *,
.gridrow-c > *,
.u-page .webappsearchresults > * {
  word-spacing: 0;
}
.gridrow-b {
  width: 104.4%;
  margin-left: -2.2%;
  margin-right: -2.2%;
}
.column,
.primary-a,
.sidebar-a,
.primary-b,
.sidebar-b,
.u-page .gridrow-c > .item-article,
.u-page .webappsearchresults > .item-article,
.supporting-articles .article-list .item-article,
.module-content .gridrow-c .item-article,
.homepage-item,
.u-page .u-page .webappsearchresults > .item-article,
.module-content .u-page .webappsearchresults .item-article {
  margin-left: 2.2%;
  margin-right: 2.2%;
  display: inline-block;
  vertical-align: top;
  word-spacing: 0;
  zoom: 1;
  *display: inline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.gridrow-c,
.u-page .webappsearchresults {
  width: 101.5%;
  margin-left: -0.75%;
  margin-right: -0.75%;
}
.gridrow-c > .column,
.gridrow-c > .primary-a,
.gridrow-c > .sidebar-a,
.gridrow-c > .primary-b,
.gridrow-c > .sidebar-b,
.u-page .webappsearchresults > .column,
.gridrow-c > .supporting-articles .article-list .item-article,
.gridrow-c > .module-content .gridrow-c .item-article,
.gridrow-c > .module-content .u-page .webappsearchresults .item-article {
  margin-left: 0.75%;
  margin-right: 0.75%;
}
.gridrow-c > .w3,
.u-page .webappsearchresults > .w3,
.gridrow-c > .full.width .plans_pricing .planWrap,
.gridrow-c > .full-width .plans_pricing .planWrap {
  width: 23.5%;
}
.gridrow-c > .w4,
.u-page .webappsearchresults > .w4 {
  width: 31.8%;
}
.gridrow-c > .w6,
.u-page .webappsearchresults > .w6 {
  width: 48.5%;
}
.gridrow-c > .w8,
.u-page .webappsearchresults > .w8 {
  width: 65.1%;
}
.gridrow-c > .w12,
.u-page .webappsearchresults > .w12 {
  width: 98.5%;
}
.w1 {
  width: 3.933333333333332%;
}
.o1 {
  margin-left: 8.333333333333332%;
}
.w2 {
  width: 12.266666666666664%;
}
.o2 {
  margin-left: 16.666666666666664%;
}
.w3,
.full.width .plans_pricing .planWrap,
.full-width .plans_pricing .planWrap {
  width: 20.6%;
}
.o3 {
  margin-left: 25%;
}
.w4 {
  width: 28.93333333333333%;
}
.o4 {
  margin-left: 33.33333333333333%;
}
.w5 {
  width: 37.26666666666667%;
}
.o5 {
  margin-left: 41.66666666666667%;
}
.w6 {
  width: 45.6%;
}
.o6 {
  margin-left: 50%;
}
.w7 {
  width: 53.93333333333334%;
}
.o7 {
  margin-left: 58.333333333333336%;
}
.w8 {
  width: 62.26666666666666%;
}
.o8 {
  margin-left: 66.66666666666666%;
}
.w9 {
  width: 70.6%;
}
.o9 {
  margin-left: 75%;
}
.w10 {
  width: 78.93333333333334%;
}
.o10 {
  margin-left: 83.33333333333334%;
}
.w11 {
  width: 87.26666666666665%;
}
.o11 {
  margin-left: 91.66666666666666%;
}
.w12 {
  width: 95.6%;
}
.o12 {
  margin-left: 100%;
}
@media only screen and (max-width: 600px) {
  .gridrow-a,
  .gridrow-b,
  .column,
  .col,
  .primary-a,
  .sidebar-a,
  .primary-b,
  .sidebar-b,
  .u-page .gridrow-c > .item-article,
  .u-page .webappsearchresults > .item-article,
  .supporting-articles .article-list .item-article,
  .module-content .gridrow-c .item-article,
  .homepage-item,
  .u-page .u-page .webappsearchresults > .item-article,
  .module-content .u-page .webappsearchresults .item-article {
    display: block;
    float: none;
    width: 100%;
    margin: 0 0 16px;
  }
}
/*------------------------------------------------------

	BASE

------------------------------------------------------*/
* {
  margin: 0;
  padding: 0;
}
html {
  overflow-y: scroll;
  font-size: 100.01%;
}
body {
  position: relative;
  background: #ffffff;
  font-size: 62.5%;
  padding: 0;
  -webkit-font-smoothing: antialiased !important;
  font-smooth: always !important;
}
body,
textarea,
input,
select,
option,
button {
  color: #888888;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.5;
}
li,
dt,
dd,
p,
figure,
th,
td,
caption,
pre {
  font-size: 1.6em;
}
li *,
li p,
li li,
dt *,
dd *,
p *,
figure *,
th *,
td * {
  font-size: 1em;
}
div,
form,
blockquote,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
ul,
ol,
dl,
p,
table,
pre,
h1,
h2,
h3,
h4,
h5,
h6 {
  display: block;
  margin: 0 0 32px;
}
p {
  margin-bottom: 1em;
}
p + ul,
p + ol {
  margin-top: -0.75em;
}
:last-child,
.last-child {
  margin-bottom: 0;
}
/*------------------------------------------------------

	GENERAL		!TODO: remove/rework

------------------------------------------------------*/
.content-a {
  padding: 0 0 55px;
  border-bottom: 1px solid #e5e5e5;
}
.content-a.a {
  border: 0;
  padding: 0 0 18px;
}
.content-a.b {
  margin: 0 0 42px;
}
.content-a.c {
  padding: 0;
  margin: 0 0 40px;
}
.content-a.d {
  margin: 0 0 15px;
}
.content-b p {
  font-size: 14px;
  line-height: 21px;
}
ul,
ol {
  padding: 0 0 0 16px;
}
ul li,
ol li {
  padding: 0;
}
ul {
  list-style: disc outside;
}
.styles-b ul,
.styles-b ol {
  margin: 0 0 20px;
}
.styles-b h2 {
  margin: 0 0 30px;
}
.styles-a ol {
  padding: 0 0 0 15px;
}
:root .styles-a ol {
  counter-reset: ol;
  list-style: none;
  padding: 0 0 0 15px;
}
:root .styles-a ol > li {
  position: relative;
  padding: 0 0 0 20px;
  margin: 0;
}
:root .styles-a ol > li:before {
  position: absolute;
  left: 0px;
  content: counter(ol) ".";
  counter-increment: ol;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #468fcd;
}
.show-app-item-,
.show-app-item-0,
.hide-if-logged-in-1,
.show-if-logged-in-0 {
  display: none !important;
}
.show-if-logged-in-1 {
  display: block !important;
}
#nav .show-if-logged-in-1 {
  display: inline-block !important;
}
.twitHeader,
.twitUser,
.twitterUserName,
.howManyTweets {
  display: none;
}
#top-user-opts .content {
  display: none;
}
div.captchaimg {
  margin-bottom: 15px;
}
.service-detail .intro-a {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: 0px;
}
.service-detail .intro-a figure {
  width: 190px;
  float: left;
  padding: 0 15px 0 0;
}
.text-a {
  color: #468fcd;
  font: 100 26px/37px 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.img img {
  display: block;
}
.img.a {
  margin: 0 0 20px;
}
.img.fl {
  display: block;
  zoom: 1;
  position: relative;
  width: auto;
}
.img.fl img {
  float: left;
  margin: 0 23px 15px 0;
}
.marked-a {
  font-weight: bold;
  color: #468fcd;
}
.offset {
  position: absolute !important;
  left: -10001px !important;
  overflow: hidden !important;
}
/*------------------------------------------------------

	TRIBEVITA STYLES

	--- !TODO: REWORK ALL THIS! ---

------------------------------------------------------*/
.items-a article {
  padding: 0 0 13px;
  margin: 0 0 17px;
  border-bottom: 1px solid #e5e5e5;
}
.items-a header {
  margin: 0 0 5px;
}
.items-a header h3,
.items-a header .date {
  margin: 0;
  display: inline-block;
  color: #468fcd;
  font: 16px/1 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.items-a header h3 {
  font-weight: bold;
  border-right: 1px solid #468fcd;
  padding-right: 10px;
  margin-right: 8px;
}
.items-a header .date {
  font-size: 15px;
}
.items-b {
  width: 100%;
  overflow: hidden;
}
.items-b article {
  float: left;
  width: 221px;
  padding: 35px 35px 50px 35px;
  margin: 0;
  border-left: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
}
.items-b article:first-child {
  border-top: 0;
  padding-top: 0;
}
.items-b article:nth-child(2) {
  border-top: 0;
  padding-top: 0;
}
.items-b article.second-child {
  border-top: 0;
  padding-top: 0;
}
.items-b article:nth-child(2n+1) {
  clear: left;
  border-left: 0;
}
.items-b article.nth-child-2n_plus_1 {
  clear: left;
  border-left: 0;
}
.items-b article h2 {
  min-height: 0;
  margin: 0 0 12px;
  /* padding: 107px 0 0;*/
  background-position: 50% 0;
  color: #468fcd;
  font: bold 20px/25px 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.items-b article p {
  margin: 0 0 16px;
}
.items-b article figure {
  text-align: center;
}
/*	old team profiles

.items-c .dlink { position: relative; width: 100%; overflow: hidden; padding: 0 0 6px; margin: 0 0 3px; border-bottom: 1px solid #e5e5e5; }
.items-c .dlink .link-a { position: absolute; top: -1000001em; left: -1000001em; display: block; width: 184px; height: 184px; text-align: center; }
.items-c .dlink:hover .link-a { top: 0; left: 0; background: fade(@primaryColour, 80%); }
.items-c .dlink .link-a a { display: inline-block; position: relative; top: 79px; margin: auto 0; }
.items-c figure { margin: 0 0 10px; }
.items-c figure img {}
.items-c header { margin: 0; }
.items-c header h2 { margin: 0; font: bold 16px/22px @secondaryFontFamily; }
.items-c header p { font-size: 14px; line-height: 20px; font-style: italic; }
.items-c .cont {}
.items-c .cont p {}
.items-c .cont a { font: normal 12px/20px @secondaryFontFamily; }
*/
@media only screen and (max-width: 600px) {
  .items-c article {
    min-height: 1px !important;
  }
}
.items-d {
  position: relative;
}
.items-d h2 {
  margin: 0 0 24px;
  text-transform: uppercase;
}
.items-d .wrap {
  margin: 0;
  padding: 0 0 15px;
}
.items-d article {
  margin: 0;
  padding: 26px 30px 33px;
  height: 155px;
  background: #f9fbfa;
  border: 1px solid #e5e5e5;
}
.items-d article p {
  font-size: 14px;
  line-height: 22px;
}
.items-d article .author {
  color: #468fcd;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.items-d .nav {
  position: absolute;
  top: 0;
  right: 0;
  float: right;
  list-style: none;
  padding: 0;
}
.items-d .nav li {
  float: left;
}
.items-d .nav li:first-child {
  float: right;
  border-left: 1px solid #d6d8d7;
}
.items-d .nav li a {
  display: block;
  width: 22px;
  height: 22px;
  overflow: hidden;
  background: url('/images/arrows-c.png') 0 0 no-repeat;
  text-indent: -100001em;
}
.items-d .nav li a.next {
  background-position: 100% 0;
}
.items-d .nav li a:hover {
  background-position: 0 100%;
}
.items-d .nav li a.next:hover {
  background-position: 100% 100%;
}
.items-e article figure {
  text-align: center;
}
.items-e article .header-ico {
  display: block;
  padding: 0px 0 0;
  margin: 0 0 15px;
  line-height: 24px;
  min-height: 24px;
  color: #468fcd;
}
/*
  .items-e article .header-ico-finances { background: url('/images/ico-medium-finance.jpg') 50% 19px no-repeat; }
  .items-e article .header-ico-tax { background: url('/images/ico-medium-tax.jpg') 50% 0 no-repeat; }
  .items-e article .header-ico-retirement { background: url('/images/ico-medium-retirement.jpg') 50% 0 no-repeat; }
  .items-e article .header-ico-accounting { background: url('/images/ico-medium-accounting.jpg') 50% 0 no-repeat; }
  
  */
.items-e article p {
  /* font-size: 13px; line-height: 20px; margin: 0 0 5px; */
}
.items-e article .link {
  font-weight: bold;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
/*	  .items-e article a h3 {padding-bottom:15px !important;} */
.items-f {
  position: relative;
}
.items-f p {
  color: #a8beb5;
}
.items-f article {
  color: #a8beb5;
}
.items-f article p {
  /* font: 15px/1.533 @secondaryFontFamily; */
}
.items-f article .author,
.items-f article a {
  font-weight: normal;
  color: #fff;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-style: italic;
}
.items-f .nav {
  position: absolute;
  top: -43px;
  right: -9px;
  float: right;
  width: 51px;
  padding: 0;
  list-style: none;
}
.items-f .nav li {
  float: left;
  width: 25px;
}
.items-f .nav li:first-child {
  float: right;
  border-left: 1px solid #3e6d5f;
}
.items-f .nav a {
  display: block;
  width: 25px;
  height: 10px;
  overflow: hidden;
  background: url('/images/arrows-a.png') 0 0 no-repeat;
  text-indent: -100001em;
}
.items-f .nav a.next {
  background-position: -27px 0;
}
.items-f .nav a:hover,
.items-f .nav a:active,
.items-f .nav a:focus {
  background-position: 0 -47px;
}
.items-f .nav a.next:hover,
.items-f .nav a.next:active,
.items-f .nav a.next:focus {
  background-position: 100% -47px;
}
.items-g article {
  border-bottom: 1px solid #e5e5e5;
  padding: 0 0 18px;
  margin: 0 0 17px;
}
.items-g .cont,
.items-g figure {
  display: inline-block;
  vertical-align: middle;
}
.items-g figure {
  width: 100px;
  margin: 0 15px 0 0;
}
.items-g figure img {
  border: 1px solid #e5e5e5;
}
.items-g .cont {
  width: 500px;
}
.items-g .cont .cat {
  margin: 0;
  color: #999;
  font: bold 13px/20px 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
.items-g .cont h3 {
  margin: 0;
  color: #468fcd;
  font: bold 20px/25px 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.items-g .cont .add-info {
  font-size: 14px;
  line-height: 22px;
}
.cols-2c .items-g article.noimage img {
  diplay: none;
  visibility: hidden;
}
.cols-2c .items-g article.noimage div div.content > * {
  padding-left: 0;
}
.files-list {
  border: 1px solid #e5e5e5;
  background: #f9fbfa;
}
.files-list ul {
  list-style: none;
  padding: 0;
}
.files-list ul li {
  padding: 0 8px;
  background: none;
  border-top: 1px solid #e5e5e5;
}
.files-list ul li:first-child {
  border-top: 0;
}
.files-list ul a {
  display: inline-block;
  padding: 0 0 0 36px;
  color: #468fcd;
  font: bold 16px/42px 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.files-list ul a span {
  font-weight: normal;
  font-size: 14px;
  vertical-align: baseline;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.files-list ul a.ico-word {
  background: url('/images/ico-word.png') 0 0.5em no-repeat;
}
.files-list ul a.ico-pdf {
  background: url('/images/ico-pdf.png') 0 0.5em no-repeat;
}
.files-list ul a.ico-excel {
  background: url('/images/ico-excel.png') 0 0.5em no-repeat;
}
.files-list ul li.ico-word a {
  background: url('/images/ico-word.png') 0 0.5em no-repeat;
}
.files-list ul li.ico-pdf a {
  background: url('/images/ico-pdf.png') 0 0.5em no-repeat;
}
.files-list ul li.ico-excel a {
  background: url('/images/ico-excel.png') 0 0.5em no-repeat;
}
.faq-a dt {
  margin: 0 0 4px;
  font: bold 16px/24px 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.faq-a dt a {
  color: #062b3a;
}
.faq-a dt a span {
  color: #468fcd;
}
.faq-a dt.active a {
  color: #468fcd;
}
.faq-a dd {
  margin: 0 17px 15px 17px;
  padding: 14px 25px 16px 20px;
  background: #f9fbfa;
  border: 1px solid #e5e5e5;
}
.faq-a dd p {
  font-size: 15px;
}
.faq-a dt a:hover,
.faq-a dt a:active,
.faq-a dt a:focus {
  text-decoration: none;
}
.js .faq-a dd {
  display: none;
}
.js .faq-a dd.active {
  display: block;
}
/*------------------------------------------------------

	BUTTONS		!TODO: REWRITE & CLEAN UP

------------------------------------------------------*/
.button-a,
.cat_button,
[type='submit'] {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  padding: .3em 1.2em;
  color: #ffffff;
  background: #468fcd;
  border: none;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.3;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  cursor: pointer;
}
.button-a:hover,
.cat_button:hover,
[type='submit']:hover {
  background: #468fcd;
  color: #ffffff;
  text-decoration: none;
}
.button-a.large,
.button-a.larger,
.cat_button.large,
.cat_button.larger,
[type='submit'].large,
[type='submit'].larger,
.buttonWebApp .button-a.Standard,
.buttonWebApp .cat_button.Standard,
.buttonWebApp [type='submit'].Standard {
  font-size: 24px;
}
.button-a.small,
.button-a.smaller,
.cat_button.small,
.cat_button.smaller,
[type='submit'].small,
[type='submit'].smaller {
  font-size: 12px;
  padding: .3em 1em;
}
.button-b {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  padding: .3em 1.2em;
  color: #ffffff;
  background: #468fcd;
  border: none;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.3;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  cursor: pointer;
  background: transparent;
  border: 2px solid #468fcd;
  color: #468fcd;
}
.button-b:hover {
  background: #468fcd;
  color: #ffffff;
  text-decoration: none;
}
.button-b.large,
.button-b.larger {
  font-size: 24px;
}
.button-b.small,
.button-b.smaller {
  font-size: 12px;
  padding: .3em 1em;
}
.button-b:hover {
  color: #ffffff;
}
.button-b.small,
.button-b.smaller {
  border-width: 1px;
}
/*------------------------------------------------------

	FOOTER

------------------------------------------------------*/
#footer {
  background: #434343;
  margin: 0;
}
#footer .wrapper {
  padding: 22px 0 0;
}
#footer h4 {
  color: white;
  margin-bottom: 24px;
}
#footer ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
#footer ul.social {
  margin: 0 0 18px;
}
#nav-foot ul {
  list-style: none;
  padding: 0;
  margin-left: -16px;
}
#nav-foot li {
  display: inline-block;
  width: 45%;
  margin-right: 4%;
  margin-bottom: 4px;
  color: #fff;
  font: 14px/1.5 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 500;
}
#nav-foot a {
  padding: 0 16px;
  color: #fff;
  text-decoration: none;
}
#nav-foot a:hover {
  color: white;
}
@media only screen and (min-width: 1000px) {
  #nav-foot li {
    width: 30%;
    margin-right: 3%;
  }
}
#nav-foot-2 {
  display: block;
  clear: both;
  color: rgba(255, 255, 255, 0.6);
  text-align: right;
}
#nav-foot-2 p,
#nav-foot-2 ul,
#nav-foot-2 li {
  display: inline-block;
  vertical-align: top;
}
#nav-foot-2 p,
#nav-foot-2 li {
  font-size: 13px;
  line-height: 1;
  color: rgba(255, 255, 255, 0.6);
}
#nav-foot-2 li {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  margin: 0 0 0 1em;
  padding: 0 0 0 1em;
}
#nav-foot-2 a {
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
}
#nav-foot-2 a:hover {
  color: rgba(255, 255, 255, 0.8);
}
.website-creator a {
  margin-left: 12px;
  padding-left: 15px;
  color: rgba(255, 255, 255, 0.4);
}
.website-creator a:hover {
  color: rgba(255, 255, 255, 0.8);
}
.newsletter-form form p {
  margin-bottom: 12px;
}
.newsletter-form form label {
  color: #434343;
}
.newsletter-form form input[type='text'] {
  background: rgba(255, 255, 255, 0.6);
  color: #2a2a2a;
  border: none;
}
.newsletter-form form input[type='text']:focus {
  background: white;
}
.newsletter-form form .button-a,
.newsletter-form form .cat_button,
.newsletter-form form [type='submit'] {
  background: #696969;
}
.newsletter-form form .button-a:hover,
.newsletter-form form .cat_button:hover,
.newsletter-form form [type='submit']:hover {
  background: #468fcd;
}
@media only screen and (max-width: 600px) {
  #nav-foot ul {
    margin-left: 0;
  }
  .website-creator a {
    margin-left: 0;
    padding-left: 0;
  }
}
/*------------------------------------------------------

	HEADER

------------------------------------------------------*/
#navHide,
#navTrigger {
  display: none !important;
}
@media (max-width: 600px) {
  #top #navHide,
  #top #navTrigger {
    display: block !important;
  }
}
#root {
  margin: 0;
  height: 100%;
}
#top {
  z-index: 900;
  position: relative;
  margin: 0 0 40px;
  background: #fefefe;
  border-bottom: 1px solid #d8d8d8;
}
#top .wrapper {
  position: relative;
  z-index: 10;
}
#top .top-wrap {
  z-index: 10;
  min-height: 90px;
  max-height: 140px;
  padding: 16px 0 8px;
  margin: 0;
  *zoom: 1;
}
#top .top-wrap:after {
  content: " ";
  display: block;
  overflow: hidden;
  clear: both;
  height: 0;
}
.top-wrap > #logo {
  display: block;
  margin-bottom: 0;
  width: 300px;
  height: 90px;
  background: url('/images/logo-header.png') center center no-repeat;
  background-size: 100% auto;
  background-size: contain;
}
.top-wrap > #logo a {
  display: none !important;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  max-height: 100%;
}
.top-wrap > #logo img {
  max-width: 100%;
  max-height: 100%;
}
@media only screen and (min-width: 600px) {
  #top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  }
  #top .top-wrap {
    max-height: 90px;
  }
  .top-wrap > #logo {
    position: absolute;
    left: 0;
    top: 100%;
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
    background-position: left bottom;
    margin-top: -16px;
  }
  #nav > ul > li > ul {
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  }
  #content {
    margin-top: 154px;
  }
}
#skips,
#skips ul {
  position: absolute;
  position: fixed;
  top: 50%;
  left: 0;
  z-index: 9999;
  list-style: none;
  width: 100%;
  margin: -30px 0 0;
  padding: 0;
  text-align: center;
}
#skips li {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  font: bold 5em/1 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#skips li a {
  display: -moz-inline-stack;
  display: inline-block;
  position: fixed;
  left: -10001px;
  margin: 0 auto;
  padding: 20px 30px;
  border: 1px dotted #fff;
  border-color: rgba(255, 255, 255, 0.7);
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background: #333;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  text-align: center;
  text-decoration: none;
  outline: none;
}
#skips li a:focus,
#skips li a:active {
  position: relative;
  left: 0;
}
.top-bar {
  float: right;
  position: static;
  text-align: right;
  margin-bottom: 6px;
}
.top-bar .top-bar-wrap {
  *zoom: 1;
}
.top-bar .top-bar-wrap:after {
  content: " ";
  display: block;
  overflow: hidden;
  clear: both;
  height: 0;
}
.top-bar .top-bar-wrap > * {
  float: right;
  line-height: 1;
  font-size: 14px;
  color: #468fcd;
}
.top-bar .top-bar-wrap > *:first-child {
  margin-right: 0;
}
.top-bar .top-bar-wrap .contact-phone {
  color: #888888;
  font-weight: 600;
}
.top-bar .top-bar-wrap .contact-phone:before {
  content: 'Ph: ';
  font-weight: 500;
}
.top-bar ul.social {
  margin-top: -1px;
  margin-left: 16px;
  margin-bottom: 0;
}
.top-bar ul.social li {
  margin: 1px 0;
}
.top-bar ul.social li a {
  line-height: 1;
}
.top-bar ul.social li span {
  width: 25px;
  height: 25px;
  background: #ccc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.top-bar ul.social li span:before {
  font-size: 15px;
  padding: 5px;
}
.top-bar ul.social li span:hover {
  background: #468fcd;
}
.top-bar .dropdown {
  display: inline-block;
  margin-bottom: 0;
  margin-left: 16px;
  width: auto;
  min-width: 120px;
  height: 25px;
  border: none;
}
.top-bar .dropdown.expanded {
  z-index: 9999;
}
.top-bar .dropdown ul {
  border: 1px solid #468fcd;
  text-align: left;
  right: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 100%;
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
.top-bar .dropdown li {
  display: block;
  font-size: 14px;
  background: white;
  border-bottom-color: #eaebef;
}
.top-bar .dropdown .dd-label {
  padding-right: 24px;
  padding-top: 4px;
  font-weight: 500;
  font-size: 12px;
  background: #468fcd;
  color: white;
  text-transform: uppercase;
  text-align: left;
}
.top-bar .dropdown .dd-label:after {
  color: white;
  font-size: 14px;
  right: 0;
  top: 8px;
  margin-top: 0;
  height: 6px;
  width: 24px;
  text-align: center;
}
.top-bar .dropdown a {
  white-space: nowrap;
}
.top-bar .dropdown a:hover {
  text-decoration: none;
  background: #468fcd;
  color: white;
}
#nav {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: 0;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  z-index: 999;
}
#nav a,
#nav span {
  font-size: 14px;
  text-transform: uppercase;
  color: #194888;
}
#nav .selected > a {
  color: #468fcd;
  background: none;
}
#nav > ul {
  padding-left: 0;
}
#nav > ul > li {
  display: inline-block;
  position: relative;
}
#nav > ul > li > a {
  display: block;
  height: 42px;
  line-height: 42px;
  font-weight: 400;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  padding: 0 1em;
  color: #194888;
  background: none;
  text-decoration: none;
}
#nav > ul > li:nth-last-child(2) {
  margin-right: -1em;
}
@media (min-width: 600px) {
  #nav > ul > li:hover {
    background: none;
  }
}
#nav > ul > li:hover > a {
  color: #468fcd;
}
#nav > ul > li > ul {
  display: none;
  position: absolute;
  list-style: none;
  padding-left: 0;
  top: 100%;
  border-top: 1px solid transparent;
}
#nav > ul > li > ul > li {
  display: list-item;
  width: auto;
  min-width: 150px;
  background: #fefefe;
  border: 1px solid #eaebef;
  border-top: none;
}
#nav > ul > li > ul > li a {
  display: block;
  width: auto;
  min-width: 150px;
  white-space: nowrap;
  color: #194888;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  height: 32px;
  line-height: 32px;
  text-decoration: none;
  padding: 0 1em;
}
#nav > ul > li > ul > li a:hover {
  color: #468fcd;
}
@media (min-width: 600px) {
  #nav > ul > li > ul > li a:hover {
    background: none;
  }
}
#nav > ul > li > ul > li ul {
  padding-left: 0;
  list-style: none;
}
#nav > ul > li:hover > ul {
  display: block;
}
@media only screen and (max-width: 900px) {
  .top-wrap > #logo {
    max-width: 240px;
    max-height: 72px;
  }
}
@media only screen and (max-width: 800px) {
  #top ul.social {
    max-width: 84px;
  }
  #top #nav a {
    padding: 0 .5em;
  }
  #top #nav > ul > li:nth-last-child(2) {
    margin-right: -0.5em;
  }
}
@media only screen and (max-width: 700px) {
  .top-wrap > #logo {
    max-width: 180px;
    max-height: 54px;
  }
}
@media only screen and (max-width: 600px) {
  #nav {
    margin-top: 10px;
  }
  #nav > ul {
    background: #fefefe;
  }
  #nav > ul > li:nth-last-child(2) {
    margin-right: 0;
  }
  .top-wrap > #logo {
    max-width: 300px;
    max-height: 90px;
    margin: 0 auto;
  }
}
#nav #navTrigger {
  background: #fefefe;
  border-color: #194888;
  color: #194888;
  font-size: 16px;
}
#nav #navTrigger:before {
  font-family: 'icomoon';
  font-weight: lighter;
  margin-right: 4px;
}
/*------------------------------------------------------

	HEADER-SEAMLESS

------------------------------------------------------*/
.homepage #logo {
  background-image: url('/images/logo-header-home.png');
}
.homepage #top {
  position: relative;
  background: none;
  background-color: transparent;
  border: none;
  -webkit-box-shadow: inset 0 100px 100px -75px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 100px 100px -75px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 100px 100px -75px rgba(0, 0, 0, 0.3);
}
.homepage #top #nav {
  position: absolute;
  right: 0;
  bottom: 0;
  float: right;
  clear: right;
}
.homepage #top #nav .submenu:hover > a {
  background: rgba(0, 0, 0, 0.3);
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
}
.homepage #top #nav a {
  color: white;
  font-weight: 600;
  -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
.homepage #top #nav a:hover {
  color: #468fcd;
}
.homepage #top #nav > ul > li > ul > li {
  background: rgba(0, 0, 0, 0.3);
  border: none;
  margin-bottom: 1px;
}
@media (min-width: 600px) {
  .homepage #top #nav > ul > li > ul > li:hover {
    background: rgba(0, 0, 0, 0.45);
  }
}
.homepage #top #nav > ul > li > ul > li:last-child {
  margin-bottom: 0;
}
.homepage #top #nav .selected > a {
  color: #468fcd;
}
.homepage #top span {
  color: white;
  font-weight: 600;
}
.homepage #top .contact-phone {
  -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
.homepage #top .contact-phone:before {
  color: white;
}
.homepage #top ul.social span {
  background: white;
  color: #468fcd;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.homepage #top ul.social span:hover {
  background: #d9d9d9;
}
.homepage .dropdown {
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.homepage .hero-item {
  margin-top: -114px;
  padding-top: 178px;
}
.homepage #intro-slider {
  margin-top: -114px;
}
.homepage #intro-slider .cont {
  top: 200px;
}
#index-page .homepage #content {
  margin-top: 0;
}
@media only screen and (min-width: 1000px) {
  .homepage #intro-slider .cont {
    top: 250px;
  }
}
@media only screen and (max-width: 800px) {
  .homepage .hero-item {
    margin-top: -124px;
    padding-top: 188px;
  }
  .homepage #intro-slider {
    margin-top: -124px;
    padding-bottom: 65%;
  }
  .homepage #intro-slider .cont {
    top: 160px;
  }
}
@media only screen and (max-width: 600px) {
  .homepage #top #nav {
    position: static;
  }
  .homepage #top #nav a {
    color: #888888;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    text-shadow: none;
  }
  .homepage #top #nav .submenu:hover > a {
    background: none;
  }
  .homepage #top #nav > ul > li > ul > li {
    background: none;
  }
  .homepage .hero-item {
    margin-top: -150px;
    padding-top: 214px;
  }
  .homepage #intro-slider {
    margin-top: -150px;
    padding-bottom: 0;
    height: 400px;
  }
  .homepage #intro-slider .cont {
    width: auto;
    max-width: 90%;
    top: 200px;
  }
}
/*------------------------------------------------------

	HEADINGS

------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 .5em;
  font: 400 1em/1.3 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #468fcd;
}
h1 {
  font-size: 42px;
}
h2 {
  font-size: 30px;
}
h3 {
  font-size: 26px;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size: 16px;
}
h6 {
  font-size: 14px;
}
/*------------------------------------------------------

	HTML ELEMENTS

------------------------------------------------------*/
ul,
ol,
dd,
blockquote {
  padding-left: 40px;
}
ul ul,
ol ol,
ul ol,
ol ul {
  margin-bottom: 0;
}
label {
  cursor: pointer;
}
textarea {
  overflow: auto;
  resize: vertical;
}
button {
  overflow: visible;
  padding: 0 10px;
  cursor: pointer;
}
button::-moz-focus-inner {
  padding: 0;
  border: none;
}
table {
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
}
table th,
table td {
  padding: 5px 10px;
  border: 1px solid #eee;
}
a {
  color: #468fcd;
  text-decoration: none;
}
a:hover,
a:focus,
a:active {
  text-decoration: underline;
  color: #468fcd;
}
a span {
  cursor: pointer;
}
img {
  max-width: 100%;
  border-width: 0;
  image-rendering: optimizeQuality;
  -ms-interpolation-mode: bicubic;
}
pre {
  font-family: Consolas,Monaco,Courier New,monospace;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
hr,
div.hr {
  overflow: hidden;
  width: 100%;
  height: 1px;
  margin: 15px 0;
  border: none;
  border-top: 1px solid #eee;
  background: none;
  font-size: 0;
}
div.hr * {
  display: none;
}
/*------------------------------------------------------

	IMAGE OVERLAY STYLES

------------------------------------------------------*/
.overlay-box {
  display: inline-block;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  margin-bottom: 12px;
}
.overlay-box:after {
  display: block;
  position: absolute;
  z-index: 1;
  content: ' ';
  width: 100%;
  height: 100%;
  background: rgba(70, 143, 205, 0.95);
  bottom: 100%;
  opacity: 0;
  -moz-transition: bottom 0.4s, opacity 0.4s;
  -webkit-transition: bottom 0.4s, opacity 0.4s;
  -o-transition: bottom 0.4s, opacity 0.4s;
  transition: bottom 0.4s, opacity 0.4s;
}
.overlay-box p {
  margin-bottom: 0;
}
.overlay-box figure,
.overlay-box .img {
  margin-bottom: 0;
}
.overlay-box .overlay {
  display: block;
  position: absolute;
  z-index: 10;
  top: 100%;
  opacity: 0;
  -moz-transition: top 0.4s, opacity 0.4s;
  -webkit-transition: top 0.4s, opacity 0.4s;
  -o-transition: top 0.4s, opacity 0.4s;
  transition: top 0.4s, opacity 0.4s;
  width: 100%;
  height: 100%;
  margin-top: -0.5em;
  font-size: 1.6em;
  line-height: 1;
  text-align: center !important;
  text-decoration: none;
  color: white;
}
.overlay-box .overlay:after {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  content: ' ';
  z-index: -1;
  bottom: 100%;
}
.overlay-box:hover:after {
  bottom: 0;
  opacity: 1;
}
.overlay-box:hover .overlay {
  top: 50%;
  opacity: 1;
}
.page-banner {
  width: 100%;
  background: none !important;
}
.narrow .page-banner .page-title,
.narrow .page-banner > * {
  max-width: 800px;
}
/*------------------------------------------------------

	PAGE-LEVEL BLOCKS

------------------------------------------------------*/
#content {
  padding: 0;
  min-height: 300px;
}
@media only screen and (min-width: 1200px) {
  #content {
    min-height: 400px;
  }
}
@media only screen and (min-width: 1400px) {
  #content {
    min-height: 500px;
  }
}
@media only screen and (min-width: 1600px) {
  #content {
    min-height: 600px;
  }
}
@media only screen and (min-width: 1800px) {
  #content {
    min-height: 800px;
  }
}
.primary-a,
.primary-b {
  width: 70.6%;
}
.sidebar-a,
.sidebar-b {
  width: 20.6%;
}
.primary-a,
.sidebar-b {
  float: left;
}
.primary-b,
.sidebar-a {
  float: right;
}
/*
@media only screen and (max-width : 980px) {
	.primary-a,
	.primary-b {
		.w8;
	}
	.sidebar-a,
	.sidebar-b {
		.w4;
	}
}
*/
@media only screen and (max-width: 800px) {
  #content > .wrapper > .gridrow-b {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .primary-a,
  .sidebar-a,
  .primary-b,
  .sidebar-b {
    display: block;
    width: 100%;
    margin: 0 0 32px;
  }
  .sidebar-a,
  .sidebar-b {
    clear: both;
  }
}
/*	!TODO: REWRITE!

.nav-side { margin: 0 0 32px; }
 .nav-side ul { list-style: none; padding: 0; border-bottom: 1px solid #eee; }
  .nav-side ul li { border-top: 1px solid #eee; }
   .nav-side ul a { display: block; padding: 7px 30px 8px 16px; color: @bodyColour; font: 13px/1.2 @secondaryFontFamily; }
   .nav-side ul a:hover, .nav-side ul a:active, .nav-side ul a:focus { color: @linkColour; text-decoration: none; }
   .nav-side ul li.node a { background: url('/images/arrows-d.png') 100% 0 no-repeat; }
   .nav-side ul li.node a:hover, .nav-side ul li.node a:active, .nav-side ul li.node a:focus { background-position: 100% -300px; }
   .nav-side ul li.node.expanded a { background-position: 100% -600px; }
   .nav-side ul .selected a { color: @linkColour; font-weight: bold; }
   .nav-side ul ul { }
   .nav-side ul ul li,
   .nav-side ul .selected ul li { border: 0; }
   .nav-side ul ul li a,
   .nav-side ul .selected ul li a,
   .nav-side ul .node ul li a { padding-left: 30px; border: 0; background: #f1f4f3 !important; font-weight: normal; }
   .nav-side ul li ul { display: none; }
   .nav-side ul li.expanded ul,  .nav-side ul li.selected ul { display: block; }
*/
.nav-side {
  margin: 0 0 30px;
}
.nav-side ul {
  list-style: none;
  padding-left: 0;
  border: none;
}
.nav-side li {
  border-bottom: 1px solid #eee;
}
.nav-side li:first-child {
  border-top: 1px solid #eee;
}
.nav-side a {
  display: block;
  padding: .5em 1.5em;
  color: #888888;
}
.nav-side a:hover {
  color: #468fcd;
}
.nav-side .selected > a {
  font-weight: bold;
  color: #468fcd;
}
.nav-side .selected li {
  display: block;
}
.bc-main-menu li {
  display: none;
}
.bc-main-menu .selected {
  display: block;
  border-bottom-width: 0;
}
.bc-main-menu .selected > a {
  display: none;
}
.bc-main-menu .selected .selected {
  border-bottom-width: 1px;
}
.bc-main-menu .selected .selected > a {
  display: block;
}
/*------------------------------------------------------

	PAGINATION PLUGIN (ALSO USED IN CYCLE)

------------------------------------------------------*/
.doPagination,
.doCycle {
  position: relative;
}
.doPagination .pag-nav,
.doCycle .pag-nav {
  display: block;
  position: absolute;
  z-index: 100;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  text-align: center;
  background: rgba(0, 0, 0, 0.4);
}
.doPagination .pag-nav a,
.doCycle .pag-nav a,
.doPagination .pag-nav .indexed > *,
.doCycle .pag-nav .indexed > * {
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  margin: 5px;
  padding: 0;
  font-size: 0;
  cursor: pointer;
  text-decoration: none;
}
.doPagination .pag-nav .pag-prev:before,
.doCycle .pag-nav .pag-prev:before,
.doPagination .pag-nav .pag-next:before,
.doCycle .pag-nav .pag-next:before {
  font-size: 16px;
  font-family: 'icomoon';
}
.doPagination .pag-nav .indexed,
.doCycle .pag-nav .indexed {
  display: inline-block;
}
.doPagination .pag-nav .indexed > *,
.doCycle .pag-nav .indexed > * {
  background: rgba(255, 255, 255, 0.3);
  border: 2px solid transparent;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.doPagination .pag-nav .indexed .cycle-pager-active,
.doCycle .pag-nav .indexed .cycle-pager-active {
  border-color: rgba(255, 255, 255, 0.6);
  background: transparent;
}
.cycle-container {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.cycle-container > * {
  position: absolute !important;
  left: 0;
  top: 0;
}
.cycle-container > * + * {
  display: none;
}
/*
.pag-nav {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
}
.pag-prev,
.pag-next {
	font-size: 0;
	&:before {
		font-size: (@bodyFontSize/10em);
	}
}
.pag-prev {
	&:extend(.icon-arrow-left all);
}
.pag-next {
	&:extend(.icon-arrow-right all);
}
*/
/*------------------------------------------------------

	RESPONSIVE EMBEDS

------------------------------------------------------*/
/*	using intrinsic ratios for responsive scaling
	.rw is a class for our [r]esponsive [w]rapper,
	the aspect ratio can be set by adding a class of ar-[the aspect ratio] in widthxheight format.
	for example class="ar-5x4"
*/
.rw,
.ar-a4,
.ar-A4,
.ar-5x4,
.ar-4x3,
.ar-3x2,
.ar-16x10,
.ar-16x9,
.ar-2x1 {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100% !important;
  /*	our inner content that is going to resize,
		add things to this list if needed
	*/
}
.rw .inner,
.rw object,
.rw embed,
.rw iframe,
.ar-a4 .inner,
.ar-a4 object,
.ar-a4 embed,
.ar-a4 iframe,
.ar-A4 .inner,
.ar-A4 object,
.ar-A4 embed,
.ar-A4 iframe,
.ar-5x4 .inner,
.ar-5x4 object,
.ar-5x4 embed,
.ar-5x4 iframe,
.ar-4x3 .inner,
.ar-4x3 object,
.ar-4x3 embed,
.ar-4x3 iframe,
.ar-3x2 .inner,
.ar-3x2 object,
.ar-3x2 embed,
.ar-3x2 iframe,
.ar-16x10 .inner,
.ar-16x10 object,
.ar-16x10 embed,
.ar-16x10 iframe,
.ar-16x9 .inner,
.ar-16x9 object,
.ar-16x9 embed,
.ar-16x9 iframe,
.ar-2x1 .inner,
.ar-2x1 object,
.ar-2x1 embed,
.ar-2x1 iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
/*	setup some classes for common aspect ratios
*/
.ar-a4,
.ar-A4 {
  padding-bottom: 141.42857143% !important;
}
.ar-a4.landscape,
.ar-A4.landscape {
  padding-bottom: 70.70707071% !important;
}
.ar-5x4 {
  padding-bottom: 80% !important;
}
.ar-4x3 {
  padding-bottom: 75% !important;
}
.ar-3x2 {
  padding-bottom: 66.666% !important;
}
.ar-16x10 {
  padding-bottom: 62.5% !important;
}
.ar-16x9 {
  padding-bottom: 56.25% !important;
}
.ar-2x1 {
  padding-bottom: 50% !important;
}
/*------------------------------------------------------

	SHARING BUTTONS PLUGINS

------------------------------------------------------*/
.share-buttons {
  z-index: 20;
  margin-top: 48px;
  min-width: 200px;
  min-height: 20px;
  position: relative;
  text-align: left;
  padding: 1.7em 3em 1.5em;
  border: 1px solid #ddd;
}
.share-buttons > * {
  position: relative;
  display: inline-block;
  vertical-align: top !important;
  width: auto;
  height: auto;
  margin: 6px 24px 6px 0 !important;
}
.share-buttons .sharing-label {
  position: absolute;
  top: -1.7em;
  left: 16px;
  padding: .5em 1em;
  font-size: 14px;
  font-weight: normal;
  background: white;
  color: #666;
}
@media only screen and (max-width: 600px) {
  .share-buttons {
    padding-left: 2em;
    padding-right: 2em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
  }
  .share-buttons .sharing-label {
    background: white;
  }
}
/*------------------------------------------------------

	BLOG POSTS

------------------------------------------------------*/
/* post */
div.post-a {
  padding: 0;
  margin-bottom: 48px;
}
div.post-a .header {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 0 0 35px;
  padding: 0 0 14px;
}
div.post-a .header .date {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  margin: 2px 0 0;
  min-height: 51px;
  width: 38px;
  padding: 7px 12px;
  color: #fff;
  text-align: center;
  background: #468fcd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  vertical-align: top;
  behavior: url(styles/pie.htc);
}
div.post-a .header .date .month {
  display: block;
  font: 13px/21px 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
div.post-a .header .date .day {
  display: block;
  font-size: 21px;
  line-height: 1;
}
div.post-a .header .cont {
  display: block;
  vertical-align: top;
  margin-left: 74px;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 12px;
}
div.post-a .header .cont .cat {
  margin: 0;
  color: #999;
  font: bold 13px/20px 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
div.post-a .header h1,
div.post-a .header h2 {
  display: block;
  margin: 0;
  padding: 0;
  color: #03283f;
  font-size: 22px;
  line-height: 28px;
}
div.post-a .header h1 a,
div.post-a .header h2 a {
  color: #062b3a;
  text-decoration: none;
}
div.post-a .header .cont .add-info {
  font-size: 15px;
  line-height: 24px;
  font-style: italic;
}
div.post-a .header .cont .add-info a {
  color: #468fcd;
  font-weight: bold;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-style: normal;
}
div.post-a .header a:hover,
div.post-a .header a:active,
div.post-a .header a:focus {
  text-decoration: underline;
}
div.post-a .img {
  position: relative;
  zoom: 1;
}
div.post-a .img img {
  display: block;
  border: 1px solid #d6d8d7;
  margin-top: 5px;
}
div.post-a h3 {
  font-size: 22px;
  line-height: 28px;
}
div.post-a h4 {
  font: bold 16px/24px 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
div.post-a .post-add-info {
  *zoom: 1;
  position: relative;
  width: 100%;
  overflow: visible;
  background: #f9fbfa;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  behavior: url(styles/pie.htc);
  height: 40px;
}
div.post-a .post-add-info:after {
  content: " ";
  display: block;
  overflow: hidden;
  clear: both;
  height: 0;
}
div.post-a .post-add-info .link {
  margin: 0 22px 0 0;
  padding: 0 25px;
  float: left;
  border-right: 1px solid #e5e5e5;
  color: #468fcd;
  font-size: 18px;
  line-height: 42px;
  font-style: italic;
}
div.post-a .post-add-info .link a {
  text-decoration: none;
}
div.post-a .post-add-info .link a:hover,
div.post-a .post-add-info .link a:active,
div.post-a .post-add-info .link a:focus {
  text-decoration: underline;
}
div.post-a .post-add-info .social-links {
  float: left;
  padding: 11px 0;
  margin-left: 12px;
}
div.post-a .post-add-info .social-links span {
  float: left;
  margin-left: 8px;
}
div.post-a .post-add-info .social-links span:first-child {
  margin-left: 0;
}
div.post-a .post-add-info .social-links a {
  float: left;
}
div.post-a .post-add-info .social-links a img {
  display: block;
}
.social-links .link-facebook {
  height: auto;
}
#catblogoutput article {
  margin-bottom: 64px;
}
div[id*="trackbacks_"],
.comments-a {
  display: none;
}
div.post-a .content {
  padding: 0 0 15px;
}
div.comments-a {
  position: relative;
  padding: 17px 29px 30px;
  width: 582px;
  background: #f9fbfa;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  behavior: url(styles/pie.htc);
}
div.first-comment {
  border-top: 0;
}
div.comments-a p.side {
  float: right;
  padding: 9px 10px 0 15px;
  font-size: 9px;
}
div.comments-a h2 {
  line-height: 50px;
  margin: 0;
  border-bottom: 1px solid #e5e5e5;
}
div.comments-a p.empty {
  margin: 0;
  padding: 10px 0;
}
div.comments-a div.comment {
  margin: 0 0 17px;
  padding: 20px 10px 0;
  border-top: 1px solid #e5e5e5;
}
div.comments-a h2 + div.comment {
  border: 0;
}
div.comments-a div.comment p.author {
  display: block;
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  font-style: italic;
}
div.comments-a div.comment p.author a {
  padding: 0 6px 0 0;
  margin: 0 6px 0 0;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
  font-style: normal;
  border-right: 1px solid #dbdcdd;
}
div.comments-a div.comment p.author a:hover,
div.comments-a div.comment p.author a:active,
div.comments-a div.comment p.author a:focus {
  text-decoration: underline;
}
div.comments-a div.comment blockquote {
  margin: 0;
  padding: 0;
}
div.comments-a div.comment blockquote p {
  margin: 0;
  color: #333;
  font-size: 14px;
}
div.add-comment-a {
  position: relative;
  padding: 17px 29px 30px;
  width: 582px;
  background: #f9fbfa;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  behavior: url(styles/pie.htc);
}
div.add-comment-a form {
  position: relative;
}
div.add-comment-a h2 {
  margin: 0;
  padding: 0;
  margin: 0 0 25px;
  line-height: 50px;
  border-bottom: 1px solid #e5e5e5;
}
div.add-comment-a p {
  position: relative;
  margin: 0 0 10px;
  color: #01111c;
  font: 13px/36px 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
div.add-comment-a p.required-legend {
  position: absolute;
  top: 0;
  right: 0;
  color: #c00;
  font-style: italic;
}
div.add-comment-a p label {
  display: block;
  line-height: 1.2;
  margin: 0 0 5px;
}
div.add-comment-a input,
div.add-comment-a textarea {
  height: 34px;
  width: 290px;
  line-height: 34px;
  padding: 0 12px;
  background: #fff;
  border: 1px solid #e9e9e9;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
div.add-comment-a p textarea {
  height: 202px;
  width: 440px;
  padding: 0 5px 5px 12px;
}
div.add-comment-a p.submit {
  font-size: 13px;
  line-height: 1.757;
}
div.add-comment-a p button {
  border: 0;
  padding: 0;
  background: none;
  font-weight: bold;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
div.add-comment-a p button span {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  line-height: 28px;
  color: #fff;
  text-decoration: none;
  background: #468fcd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  white-space: nowrap;
  behavior: url(styles/pie.htc);
}
div.add-comment-a p button:hover span,
div.add-comment-a p button:active span,
div.add-comment-a p button:focus span {
  background: #468fcd;
}
div.add-comment-a p.captcha {
  margin: 0 0 20px;
}
div.add-comment-a p.captcha label {
  display: block;
}
div.add-comment-a p.captcha input {
  display: block;
  clear: both;
  width: 236px;
}
div.add-comment-a p.captcha img {
  clear: both;
  margin: 0 16px 0 0;
}
.box-list-a {
  margin: 0 0 42px;
}
.box-list-a h2 {
  margin: 0 0 3px;
  padding: 0 16px;
  color: #062b3a;
  font-size: 20px;
  line-height: 31px;
  font-weight: 500;
  text-transform: uppercase;
}
.box-list-a ul {
  list-style: none;
  padding: 0;
  border-bottom: 1px solid #e5e5e5;
}
.box-list-a ul li {
  border-top: 1px solid #e5e5e5;
}
.box-list-a ul a {
  display: block;
  padding: 7px 30px 8px 16px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  color: #666;
  font: 13px/1.2 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.box-list-a ul a:hover,
.box-list-a ul a:active,
.box-list-a ul a:focus {
  color: #468fcd !important;
  text-decoration: none;
}
.box-list-a ul .selected a {
  background-color: #f9fbfa !important;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  color: #062b3a;
  font-weight: bold;
}
/* sidebar */
div.BlogRecentPost,
div.BlogPostArchive,
div.BlogLinks,
div.BlogTagCloud,
div.BlogTags {
  display: block;
  padding: 0;
  margin: 0;
}
div.BlogRecentPost h2,
div.BlogPostArchive h2,
div.BlogLinks h2,
div.BlogTagCloud h2,
div.BlogTags h2 .box-list-a h2 {
  margin: 0 0 3px;
  padding: 0 18px;
  color: #062b3a;
  font-size: 20px;
  font-weight: 500;
  line-height: 31px;
  text-transform: uppercase;
}
div.BlogRecentPost ul,
div.BlogPostArchive ul,
div.BlogLinks ul,
div.BlogTagCloud ul,
div.BlogTags ul {
  list-style: none;
  padding: 0;
  border-bottom: 1px solid #e5e5e5;
}
div.BlogRecentPost ul li,
div.BlogPostArchive ul li,
div.BlogLinks ul li,
div.BlogTagCloud ul li,
div.BlogTags ul li {
  border-top: 1px solid #e5e5e5;
}
div.BlogRecentPost ul li a,
div.BlogPostArchive ul li a,
div.BlogLinks ul li a,
div.BlogTagCloud ul li a,
div.BlogTags ul li a {
  display: block;
  padding: 7px 30px 8px 16px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  color: #666;
  font: 13px/1.2 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
div.BlogRecentPost ul li a:hover,
div.BlogRecentPost ul li a:focus,
div.BlogRecentPost ul li a:active,
div.BlogPostArchive ul li a:hover,
div.BlogPostArchive ul li a:focus,
div.BlogPostArchive ul li a:active,
div.BlogLinks ul li a:hover,
div.BlogLinks ul li a:focus,
div.BlogLinks ul li a:active,
div.BlogTagCloud ul li a:hover,
div.BlogTagCloud ul li a:focus,
div.BlogTagCloud ul li a:active,
div.BlogTags ul li a:hover,
div.BlogTags ul li a:focus,
div.BlogTags ul li a:active {
  color: #468fcd !important;
  text-decoration: none;
}
div.BlogRecentPost ul {
  list-style: none;
  margin: 0;
}
div.BlogPostArchive ul {
  list-style: none;
  margin: 0;
}
div.BlogTagCloud {
  display: block;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #e5e5e5;
}
div.BlogTagCloud a {
  display: block;
  padding: 7px 30px 8px 16px;
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  color: #666;
  font: 13px/1.2 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
div.BlogTagCloud a:hover,
div.BlogTagCloud a:focus,
div.BlogTagCloud a:active {
  color: #468fcd !important;
  text-decoration: none;
}
#catblogoutput .post-a .content p,
#catblogoutput .post-a .content li,
#catblogoutput .post-a .content span,
#catblogoutput .post-a .content q {
  color: #333333;
}
/*------------------------------------------------------

	EVENT BOOKINGS MODULE

------------------------------------------------------*/
ol#public_events_list {
  list-style: none;
  margin: 0;
}
ol#public_events_list .booking-list {
  line-height: 22px;
  border-bottom: 1px solid rgba(70, 143, 205, 0.2);
  margin-bottom: 16px;
  padding: 0 0 16px 50px;
  font-size: 14px;
  position: relative;
}
ol#public_events_list .booking-list:before {
  display: none;
  visibility: hidden;
}
ol#public_events_list .booking-list .calendar {
  position: absolute;
  top: 24px;
  left: 0;
  width: 40px;
  height: 44px;
}
ol#public_events_list .booking-list .calendar .month {
  display: block;
  text-align: center;
  text-transform: uppercase;
  line-height: 18px;
  color: white;
  font-size: 13px;
  font-weight: bold;
  text-shadow: 0 1px 0 #091a32;
  background: #468fcd;
  border-radius: 3px 3px 0 0;
  border: 1px solid #C1C1C1;
  border-bottom: none;
}
ol#public_events_list .booking-list .calendar .day {
  display: block;
  text-align: center;
  background: white;
  border-radius: 0 0 3px 3px;
  border: 1px solid #C1C1C1;
  border-top: 0;
  line-height: 24px;
  font-size: 18px;
  font-weight: bold;
  color: #555;
}
ol#public_events_list .booking-list .shortdescription,
ol#public_events_list .booking-list .shortdescription p {
  display: block;
  font-weight: normal;
  color: #888888;
  max-height: 88px;
  overflow: hidden;
}
ol#public_events_list .booking-list .name,
ol#public_events_list .booking-list .date {
  display: block;
}
ol#public_events_list .booking-list .name a {
  color: #468fcd;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 15px;
}
ol#public_events_list .booking-list .date {
  font-size: 13px;
  color: #555;
  margin: 0;
  display: block;
}
ol#public_events_list .booking-list:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding: 0 0 0 50px;
}
.booking-container {
  max-width: 800px;
  margin: 0 auto;
}
.booking-container strong {
  font-weight: lighter;
  font-size: 1.3em;
  color: #468fcd;
}
.booking-container h2 {
  border-bottom: 1px solid #eee;
  padding-bottom: 6px;
}
.booking-container .map-embed iframe {
  width: 100%;
  height: 200px;
}
.booking-container .map-embed iframe + small {
  display: none;
}
.booking-container form {
  width: 100%;
}
.booking-container form .cat_textbox,
.booking-container form .cat_dropdown,
.booking-container form .cat_dropdown_smaller {
  width: 100%;
}
.booking-container form .cat_dropdown_smaller {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.booking-container .paid .button-a,
.booking-container .paid .cat_button,
.booking-container .paid [type='submit'] {
  float: right;
  margin-top: 4px;
}
.booking-container .free {
  display: none;
}
.booking-container .paid {
  display: block;
}
.booking-container .price- .free,
.booking-container .price-0 .free {
  display: block;
}
.booking-container .price- .paid,
.booking-container .price-0 .paid {
  display: none;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
ul.productSmall {
  list-style: none;
  margin: 0;
}
.screenshot {
  border: 2px solid #EAEAEA;
  padding: 7px;
  background: white;
}
.shop-product-small {
  padding: 0;
}
ul.productList {
  padding-left: 0;
  list-style: none;
}
ul.productList > li ~ li {
  margin-top: 32px;
  margin-bottom: 0;
  padding-top: 64px;
  border-top: 1px solid #eee;
}
ul.productList ul {
  margin-bottom: 32px;
  list-style: disc;
}
ul.productList.productSmall {
  margin-top: 40px;
}
.shop-product-small .screenshot {
  z-index: 1;
}
.shop-product-small .screenshot:hover {
  border-color: #00b3dc;
  -webkit-transition: border-color 0.3s ease-out;
  -moz-transition: border-color 0.3s ease-out;
  -o-transition: border-color 0.3s ease-out;
  transition: border-color 0.3s ease-out;
}
.shop-product-small .screenshot img {
  display: block;
  margin: 0;
  opacity: 0.9;
  width: 100%;
}
.shop-product-small h3 {
  margin-top: -5px;
  margin-bottom: 0.25em;
}
.shop-product-small h3 a {
  color: inherit;
}
.shop-product-small .productAttributes,
.shop-product-small .grouping {
  background: #f0f0f0;
  padding: 10px 10px 7px;
}
.shop-product-small .productAttributes .catProductAttributeGroup,
.shop-product-small .grouping .catProductAttributeGroup,
.shop-product-small .productAttributes .productSelectInput,
.shop-product-small .grouping .productSelectInput {
  *zoom: 1;
  margin-bottom: 3px;
}
.shop-product-small .productAttributes .catProductAttributeGroup:before,
.shop-product-small .grouping .catProductAttributeGroup:before,
.shop-product-small .productAttributes .productSelectInput:before,
.shop-product-small .grouping .productSelectInput:before,
.shop-product-small .productAttributes .catProductAttributeGroup:after,
.shop-product-small .grouping .catProductAttributeGroup:after,
.shop-product-small .productAttributes .productSelectInput:after,
.shop-product-small .grouping .productSelectInput:after {
  display: table;
  content: "";
  line-height: 0;
}
.shop-product-small .productAttributes .catProductAttributeGroup:after,
.shop-product-small .grouping .catProductAttributeGroup:after,
.shop-product-small .productAttributes .productSelectInput:after,
.shop-product-small .grouping .productSelectInput:after {
  clear: both;
}
.shop-product-small .productAttributes + .grouping {
  margin-top: -10px;
  padding-top: 0;
}
.shop-product-small .grouping:empty {
  display: none;
}
.shop-product-small .productAttributes .catProdAttributeTitle {
  float: left;
  margin-top: 5px;
}
.shop-product-small .productAttributes .catProdAttributeItem {
  float: right;
}
.shop-product-small .productAttributes .catProdAttributeItem select {
  margin-bottom: 0;
}
.shop-product-small .price {
  font-size: 1.1em;
  color: black;
}
.shop-product-small .price .period {
  display: none;
}
.shop-product-small .price .period[data-period-length^="/subscriptions/"] {
  display: inline;
}
.shop-product-small .promo {
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  background: #00b3dc;
  line-height: 2.5;
  margin: -9px -9px 0;
  font-weight: normal;
}
.shop-product-small .promo[data-promo-tag=""] {
  display: none;
}
.shop-product-small.mobile .screenshot::before,
.shop-product-small.responsive .screenshot::before {
  content: "Responsive";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -45px;
  margin-left: -45px;
  width: 90px;
  height: 90px;
  line-height: 90px;
  font-size: 13px;
  color: #fff;
  background-color: #000;
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
  text-align: center;
  font-weight: 700;
  z-index: 2;
}
.shop-product-small.mobile .screenshot::before {
  content: "Mobile";
}
.shop-product-small-alt {
  margin-bottom: 1em;
}
.shop-product-small-alt .screenshot {
  width: 150px;
}
.shop-product-small-alt .info h3 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-size: 22px;
}
.shop-product-small-alt .info p {
  font-size: 16px;
}
.copywriter-list {
  margin: 0 -50px;
  padding: 20px 50px;
  background: #f9f9f9;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.copywriter-steps {
  margin-top: 1em;
}
.copywriter-step p {
  font-size: 16px;
}
.add-ons,
.add-ons li {
  list-style: none;
  margin: 0;
}
.add-ons li {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  border: 2px solid #EAEAEA;
  background: #fff;
  padding: 5px;
  height: 111px;
  line-height: 111px;
  margin-bottom: 5px;
}
.add-ons a {
  display: inline-block;
  vertical-align: middle;
  padding: 37px 0;
  line-height: 1em;
  width: 279px;
  text-align: center;
}
.add-ons img {
  max-width: 130px;
}
.feature-list {
  font-size: 14px;
}
.feature-list a {
  color: inherit;
}
.feature-list.nav-stacked > li > a:hover {
  background-color: #fff;
}
.feature-list .badge {
  font-size: 65%;
}
.feature-list .badge-info {
  color: inherit;
  cursor: pointer;
  text-shadow: none;
  text-transform: uppercase;
  background: #fff;
  border: 1px solid #eee;
}
.feature-list .badge-info:hover {
  background: #eee;
}
.pplite {
  font-weight: 500;
  color: #444;
}
h2 .pplite,
h1.pplite {
  font-weight: 300;
  color: #555;
  margin-bottom: 30px;
  font-size: 28px;
}
h2 .pplite b,
h1.pplite b {
  color: #00b3dc;
}
.popover {
  font-size: 12px;
}
.popover .popover-title {
  display: none;
}
.shop-main .productTable {
  display: table;
}
.select-design .productTable {
  display: table;
}
.related-products .productTable {
  display: table;
}
.productTable,
table.productTable.productLarge {
  display: none;
}
.productLarge {
  margin-bottom: 100px;
  /* position:relative;z-index:999; */
}
.productLarge h2.product-title {
  margin-top: 0.4em;
  margin-bottom: 0.8em;
  padding-bottom: 0.4em;
}
.productLarge .screenshot {
  margin-bottom: 20px;
}
.productLarge .screenshot:empty {
  display: none;
}
.productLarge .feature-list {
  margin-right: 30px;
}
.productLarge .add-to-cart {
  margin-bottom: 20px;
  padding: 30px;
  border-top: 2px solid #e5e5e5;
  border-bottom: 2px solid #e5e5e5;
  background: #f5f5f5;
}
.productLarge .add-to-cart .productAttributes {
  margin-bottom: 1em;
}
.productLarge .add-to-cart .price,
.productLarge .add-to-cart .monthly {
  margin-bottom: 1em;
}
.productLarge .add-to-cart .price label,
.productLarge .add-to-cart .monthly label {
  float: left;
  width: 270px;
}
.productLarge .add-to-cart .price .value,
.productLarge .add-to-cart .monthly .value {
  display: block;
  margin-left: 190px;
  text-align: right;
}
.productLarge .add-to-cart .price {
  margin-bottom: 0;
  font-size: 1.2em;
  line-height: 1.5em;
}
.productLarge .add-to-cart .value {
  color: #00b3dc;
}
.productLarge .add-to-cart .btn {
  float: right;
}
.productLarge .add-to-cart .nav-checkout {
  clear: both;
  float: right;
  font-size: 80%;
  color: #999;
  font-style: italic;
  margin-top: 10px;
}
.productLarge .catProdAttributeItem select {
  width: 100%;
}
.cart th {
  text-align: left;
  font-weight: normal;
  font-size: 14px;
  font-style: italic;
  border-bottom: 1px solid #e5e5e5;
}
.cart td {
  padding: 0.5em 0;
}
.cart td input {
  vertical-align: middle;
}
.cart .quantity .productitemcell input {
  width: 3em;
}
.cart .remove a {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.cart .remove a::after {
  content: "\00D7";
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: #7f7f7f;
}
.cart .sub-total td {
  padding-bottom: 20px;
}
.cart .discount td {
  padding-top: 20px;
  border-top: 2px solid #e5e5e5;
}
.cart .shipping {
  display: none;
}
.cart .total .val {
  font-size: 30px;
  font-weight: normal;
  color: #00b3dc;
}
.shop-form input,
.shop-form textarea,
.shop-form .uneditable-input {
  width: 350px;
}
.order-process {
  position: absolute;
  top: -140px;
  left: 10px;
  z-index: 11;
  display: block;
  background: white;
  width: 180px;
  padding: 20px;
  font-size: 14px;
  -webkit-box-shadow: 0 0 10px #cccccc;
  -moz-box-shadow: 0 0 10px #cccccc;
  box-shadow: 0 0 10px #cccccc;
}
.order-process.fixed {
  position: fixed;
  top: 0;
  left: 10px;
  z-index: 9999;
}
#catCartSummary {
  display: block;
  padding: 20px;
  margin: -20px;
  margin-top: 0;
  background: #f0f0f0;
}
#catCartSummary .cartSummaryLink {
  display: block;
}
#catCartSummary .cartSummaryLink::after {
  content: " \2192";
}
aside .module {
  padding: 0 1em 2em;
}
.simple aside .module {
  padding-left: 0;
}
nav.catalogues small {
  display: block;
  font-style: italic;
  color: #7f7f7f;
}
nav.catalogues a:hover small {
  text-decoration: none;
}
.hidden {
  display: none;
}
.quote-drawer {
  position: fixed;
  top: auto;
  bottom: 0;
  left: 0;
  max-height: 100%;
  overflow: auto;
  margin-bottom: 0;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), top 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), bottom 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), top 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), bottom 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: -o-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), top 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), bottom 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), top 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), bottom 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (max-width: 1680px) {
  .shop-main {
    padding-left: 100px;
  }
}
@media only screen and (max-width: 1400px) {
  .shop-main {
    padding-left: 140px;
  }
}
@media only screen and (max-width: 1000px) {
  .shop-main {
    padding-left: 0;
  }
  .quote-drawer h4:after {
    display: inline-block;
    vertical-align: top;
    width: 1em;
    height: 1em;
    text-align: center;
    margin-left: 12px;
    font-size: 1.3em;
    line-height: 1;
    content: '-';
    color: #888888;
  }
  .quote-drawer h4:hover:after {
    color: #468fcd;
  }
  .quote-drawer.minimised {
    top: 100%;
    bottom: auto;
    -webkit-transform: translate(0, -60px);
    -moz-transform: translate(0, -60px);
    -ms-transform: translate(0, -60px);
    transform: translate(0, -60px);
  }
  .quote-drawer.minimised h4:after {
    content: '+';
  }
}
@media only screen and (max-height: 800px) {
  .quote-drawer {
    top: 150px;
    bottom: 0;
    overflow: auto;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .quote-drawer.minimised {
    top: 100%;
    bottom: auto;
    -webkit-transform: translate(0, -60px);
    -moz-transform: translate(0, -60px);
    -ms-transform: translate(0, -60px);
    transform: translate(0, -60px);
  }
}
@media only screen and (max-width: 600px) {
  .scrollTop-gt-150 .quote-drawer {
    top: 0;
  }
  .scrollTop-gt-150 .quote-drawer.minimised {
    top: 100%;
    bottom: auto;
    -webkit-transform: translate(0, -60px);
    -moz-transform: translate(0, -60px);
    -ms-transform: translate(0, -60px);
    transform: translate(0, -60px);
  }
}
.nav-tabs.nav-stacked {
  list-style: none;
  padding-left: 0;
}
.nav-tabs.nav-stacked li {
  border: 1px solid #eee;
  border-bottom-width: 0;
}
.nav-tabs.nav-stacked li:first-child {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-stacked li:last-child {
  -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;
  border-bottom-width: 1px;
}
.nav-tabs.nav-stacked li a {
  display: block;
  padding: 8px 12px;
  font-size: 16px;
  text-decoration: none;
}
.nav-tabs.nav-stacked li a small {
  display: block;
  margin-top: .5em;
  font-size: 14px;
  font-style: italic;
}
.nav-tabs.nav-stacked li a:hover {
  color: #468fcd;
  text-decoration: none;
  background: #eee;
}
.nav-tabs.nav-stacked li.selected {
  border-left: 2px solid #468fcd;
}
.nav-tabs.nav-stacked li.selected a {
  color: #3c3c3c;
  pointer-events: none;
}
.add-to-cart .price.value p {
  margin-top: 10px;
}
.add-to-cart .catProductAttributeGroup {
  font-size: 16px;
}
/*
#catCartSummary { width: auto !important; padding: 10px !important; }	//	Stop overlapping price when possible

.productLarge {
	a.back { top: -34px; }
	h2 {
		.clearfix;
		span { margin-bottom: .5em; margin-bottom: 0; }
	}
	div.gridrow-b {
		div.w4 {
			div.screenshot + p {
				a.btn { margin: 2px; }		// Give some space when stacked
			}
		}
		div.w8 {
			> div { margin-left: 0; }
			  div.add-to-cart {
			  	  width: 100% !important;
				  padding: 20px;
				  margin-left: -20px !important;
				  
				  div.catProdAttributeItem { margin-left: 0 !important; select {float:right; font-size: 16px;} }
				  div.price, div.monthly {
				  	  margin-bottom: 5px !important;
					  label { width: auto; margin-right: 1em; margin-bottom: 0 !important;}
					  span.value { width: auto !important; margin-left: 0; float: right; }
				  }
				  a.btn { margin-top: 12px; }
			  }
		}
	}
}
div.related-products {
	div.copywriter-list {
		padding: 20px !important;
		margin: 0 -20px !important;
		
		span.price { display: block; margin-bottom: 34px; }	//	Give some space
		
		div.row:nth-child(n+2) {
			padding-bottom: 16px;
		    margin-bottom: 16px;
		    border-bottom: 1px solid rgb(229, 229, 229);
		    
		    &:last-child { border-bottom: none; padding-bottom: 0; }
		}
		div.screenshot {					//	Center
			float: none;
			margin: 0 auto;
		}
		div.info {
			h3 { text-align: center; }		//	Center
		}
	}
}
*/
.shop-cart {
  min-width: 100%;
  overflow: auto;
}
table.cart {
  width: 100%;
}
table.cart td,
table.cart th {
  border-width: 1px 0;
}
table.cart td:first-child,
table.cart th:first-child {
  border-left-width: 1px;
}
table.cart td:last-child,
table.cart th:last-child {
  border-right-width: 1px;
}
table.cart td {
  padding: 8px;
}
table.cart .remove a:hover:after {
  color: red;
}
table.cart .quantity .update {
  padding: .45em 1em;
}
table.cart #catshopclear {
  float: left;
  margin-top: 5px;
}
table.cart #catshopclear .button-b {
  padding: .45em 1em;
}
table.cart #catshopbuy {
  float: right;
}
#OrderRetrievev2-page .primary-a {
  width: 95.6%;
}
#OrderRetrievev2-page .sidebar-a {
  display: none;
}
@media only screen and (max-width: 800px) {
  table.cart {
    font-size: 8px;
  }
}
/*------------------------------------------------------

	WEBFORMS
	!TODO: CONSOLIDATE

------------------------------------------------------*/
form {
  width: 320px;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
form table,
form tr,
form td {
  border: none;
}
form label {
  font-size: 16px;
}
form label + br {
  display: none;
}
form .item,
form .row,
form p {
  position: relative;
  overflow: hidden;
  margin-bottom: 8px;
}
form .item:empty,
form .row:empty,
form p:empty {
  display: none;
}
form .item label,
form .row label,
form p label {
  display: block;
  position: absolute;
  left: 19px;
  top: 15px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1;
}
form input,
form textarea,
form select {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 340px;
  max-width: 100%;
  border: 3px solid #e9e8e8;
  font-size: 16px;
  line-height: 1;
  padding: .75em 1em;
  color: #888888;
}
form input:focus,
form textarea:focus,
form select:focus {
  outline: none;
  border-color: #c4c1c1;
}
form textarea {
  line-height: 1.5;
}
form input[type='radio'] {
  display: block;
  float: left;
  width: 24px;
  height: 1.5em;
}
form input[type='radio'] + span,
form input[type='radio'] + label {
  float: left;
}
form input[type='radio'] ~ input[type='radio'] {
  clear: left;
}
form .cat_button,
form .button-a,
form [type='submit'],
form .cat_button,
form [type='submit'] {
  display: block;
  float: right;
  width: auto;
  max-width: 100%;
  margin-top: 8px;
  border: none;
}
@media only screen and (max-width: 600px) {
  form {
    width: 100%;
  }
  form input[type='text'],
  form input[type='email'],
  form [type='submit'],
  form textarea {
    width: 100%;
  }
}
.dropdown {
  width: 19em;
  position: relative;
  z-index: 1;
  margin-bottom: 1em;
  border: 2px solid #e9e8e8;
  font-size: 16px;
  cursor: pointer;
}
.dropdown select {
  display: none !important;
}
.dropdown * {
  font-size: 1em;
}
.dropdown a {
  display: block;
}
.dropdown .dd-label {
  position: relative;
  z-index: 3;
  padding-right: 1.5em;
}
.dropdown .dd-label:after {
  display: block;
  position: absolute;
  content: '⌃';
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  right: 0;
  width: .72em;
  height: 1em;
  line-height: .75;
  top: 50%;
  margin-top: -0.5em;
  color: #888888;
  text-align: center;
}
.dropdown ul {
  display: none !important;
  position: absolute;
  z-index: 99;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 2;
  display: block;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.dropdown .dd-label,
.dropdown li {
  display: block;
  padding: .25em .5em;
  background: #e9e8e8;
  line-height: 1.5;
}
.dropdown li a {
  padding: .25em .5em;
  margin: -0.25em -0.5em;
}
.dropdown.expanded {
  border-color: #d0cece;
}
.dropdown.expanded ~ .dropdown {
  z-index: -1;
}
.dropdown.expanded .dd-label {
  z-index: 1;
}
.dropdown.expanded .dd-label:after {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.dropdown.expanded ul {
  display: block !important;
}
.dropdown.expanded li:hover {
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.dropdown.expanded li.selected {
  background: white;
  border-color: white;
}
.callback .icon-phone {
  position: relative;
  background: #468fcd;
  color: white;
  margin: 0 0 1.5em 2em;
  padding-left: 2em;
  padding: .2em .5em .2em 1.5em;
  font-size: 15px;
  text-transform: uppercase;
}
.callback .icon-phone:before {
  display: block;
  position: absolute;
  left: -1em;
  top: 50%;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 1em;
  height: 1em;
  line-height: 1;
  font-size: 26px;
  padding: 6px;
  background: #468fcd;
  border: 2px solid rgba(255, 255, 255, 0.4);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 2px #468fcd;
  -moz-box-shadow: 0 0 0 2px #468fcd;
  box-shadow: 0 0 0 2px #468fcd;
}
#FormProcessv2-page .page-banner {
  display: none;
}
/*------------------------------------------------------

	ADDONS WEBAPP

------------------------------------------------------*/
.addonwrap {
  margin-bottom: 30px;
}
.addonwrap .addon.box {
  text-align: center;
  border: 1px solid #eee;
  padding: 1em 1em 0;
}
.addonwrap .addon.box .logo {
  margin: 0 auto;
  height: 48px;
}
.addonwrap .addon.box .logo img {
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
}
.addonwrap .addon.box .name h4 {
  font-weight: normal;
}
.addonwrap .addon.box .one.liner.wrap {
  position: relative;
  height: 100px;
  padding: 6px 0;
  margin: 6px 0;
  border-top: 1px solid #eee;
}
.addonwrap .addon.box .one.liner.wrap .one.liner {
  height: 100px;
  position: absolute;
  display: table;
}
.addonwrap .addon.box .one.liner.wrap .one.liner p {
  display: table-cell;
  vertical-align: middle;
}
.addonwrap .addon.box .short.description {
  display: none;
  visibility: hidden;
}
.addonwrap .addon.box .play.video a {
  display: block;
}
/*------------------------------------------------------

	BUTTONS WEBAPP

------------------------------------------------------*/
.buttonWebApp {
  /*	beef up the buttons, standard will be .larger, slim will be std..
		– just to be difficult!
	*/
}
.buttonWebApp span {
  display: none;
}
.buttonWebApp.Javascript .javascript {
  display: block;
}
.buttonWebApp.Javascript .javascript span {
  display: inline-block;
}
.buttonWebApp.URL .url {
  display: block;
}
.buttonWebApp.URL .url span {
  display: inline-block;
}
.buttonWebApp .button-a[href=""],
.buttonWebApp .cat_button[href=""],
.buttonWebApp [type='submit'][href=""] {
  display: none;
}
.buttonWebApp.id_2958745 {
  display: none;
}
.button-a.Text,
.cat_button.Text,
[type='submit'].Text {
  display: inline;
  padding: 0;
  color: #468fcd;
  background-color: transparent;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border: none;
  behavior: none;
}
.button-a.Text:hover,
.cat_button.Text:hover,
[type='submit'].Text:hover {
  color: #468fcd;
  background-color: none;
}
body > .buttonWebApp {
  position: fixed;
  z-index: 100;
  right: 0;
  top: 33%;
  height: auto;
  text-align: right;
}
body > .buttonWebApp a {
  text-decoration: none;
}
body > .buttonWebApp a:after {
  content: " ";
  display: block;
  overflow: hidden;
  clear: both;
  height: 0;
}
body > .buttonWebApp a span,
body > .buttonWebApp span a {
  width: 1em;
  word-wrap: break-word;
  padding: 1em !important;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  letter-spacing: 3px;
  line-height: 1.1 !important;
  text-align: center;
  white-space: pre-wrap;
}
/*------------------------------------------------------

	CERTIFICATIONS WEBAPP

------------------------------------------------------*/
.certifications {
  display: block;
  position: relative;
  width: 100%;
  text-align: center;
  padding: 1.5em 0;
  margin-bottom: 0;
}
.certifications ul {
  list-style: none;
  display: block;
  width: auto;
  padding-left: 0;
}
.certifications li {
  display: inline-block;
  margin: 0 12px;
}
.certifications li:before {
  display: none;
}
.certifications.list {
  padding: 16px 0;
  border-top: none !important;
}
.certifications.list a {
  padding: 0 30px;
  display: block;
  border: 1px solid #eee;
}
.certifications.list a:hover {
  background: #fafafa;
  text-decoration: none;
}
.certifications.list a:hover p {
  color: #888888;
}
.certifications.list a h4 {
  margin: 0 0 16px;
  padding: 6px 0;
  border-bottom: 1px solid #eee;
}
.certifications.list a h4:hover {
  color: #468fcd;
}
.certifications.list a img {
  padding-bottom: 8px;
  height: auto;
  max-height: 75px;
}
.certifications.list a p {
  padding-bottom: 8px;
  color: #888888;
  text-decoration: none;
}
.certifications.list:nth-child(4n+1) {
  margin-left: 0;
  clear: both;
}
/*------------------------------------------------------

	CONTACT WEBAPP
	!TODO: TIDY UP

------------------------------------------------------*/
span.company.name,
span.office.phone,
span.office.fax,
span.email.address,
span.physical.address,
span.postal.address,
span.map.embed {
  display: none;
  font-size: 16px;
  line-height: 1.5;
}
span.company.name:empty,
span.office.phone:empty,
span.office.fax:empty,
span.email.address:empty,
span.physical.address:empty,
span.postal.address:empty,
span.map.embed:empty {
  display: none;
}
span.company.name:empty:before,
span.office.phone:empty:before,
span.office.fax:empty:before,
span.email.address:empty:before,
span.physical.address:empty:before,
span.postal.address:empty:before,
span.map.embed:empty:before {
  display: none;
}
span.address {
  white-space: pre-line;
}
span.email.address a[href="mailto:"] {
  display: none;
}
.contact-phone .office.phone {
  display: inline-block;
}
.map-wrap-a .map.embed {
  display: block;
}
.map-wrap-a .map.embed iframe {
  width: 100%;
}
.map-wrap-a .map.embed small {
  display: none;
}
.contact-b span.phone {
  display: block;
}
.contact-b span.phone:before {
  content: "Phone: ";
}
.contact-b span.fax {
  display: block;
}
.contact-b span.fax:before {
  content: "Fax: ";
}
.contact-b span.address {
  display: block;
  padding-top: 6px;
  margin-top: 6px;
  border-top: 1px solid rgba(70, 143, 205, 0.2);
}
.contact-b span.address.physical:before {
  display: block;
  content: 'Address: ';
}
.contact-b span.email {
  display: block;
  /*  &:before {content: "Email: ";} */
}
.contact-b span.postal.address:before {
  display: block;
  content: 'Postal Address:';
}
#footer p.copyright span.company.name {
  display: inline-block;
  margin-left: 4px;
  font-size: inherit;
  line-height: 1;
}
/*------------------------------------------------------

	CONTENT BLOCKS WEBAPP

------------------------------------------------------*/
.contentblocks.item {
  *zoom: 1;
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #dfdfdf;
}
.contentblocks.item:after {
  content: " ";
  display: block;
  overflow: hidden;
  clear: both;
  height: 0;
}
.contentblocks.item:last-child {
  border-bottom: none;
}
.contentblocks.item div {
  margin-bottom: 0;
}
.contentblocks.item .media {
  float: left;
  width: 40%;
}
.contentblocks.item .content {
  float: right;
  display: table;
  width: 55.5%;
  margin-left: 4.4%;
}
.contentblocks.item .content .inner {
  display: table-cell;
  vertical-align: middle;
}
.contentblocks.item .content .more {
  font-size: 1.2em;
}
.contentblocks.item .content .more[href=''] {
  display: none;
}
.contentblocks.item.Right .media {
  float: right;
  margin-left: 4.4%;
}
.contentblocks.item.Right .content {
  margin-left: 0;
  float: left;
}
.contentblocks.item .icon span {
  display: block;
  text-align: center;
  background: #468fcd;
  color: white;
  font-size: 5em;
  padding: 36px 0;
}
.contentblocks.item .image img {
  display: block;
  position: relative;
  max-width: 100%;
  height: auto;
}
.contentblocks.item .image img[src=''] {
  display: none;
}
.contentblocks.item .video a {
  display: block;
  position: relative;
}
.contentblocks.item .video a:before,
.contentblocks.item .video span.before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: ' ';
  width: 53px;
  height: 53px;
  margin: -26px 0 0 -26px;
  padding: 0;
  background: url(../images/play-btn.png) no-repeat;
  text-indent: -9999px;
  z-index: 999;
}
.contentblocks.item .video img {
  display: block;
}
.contentblocks.item .video a:hover:before {
  background-position: 0 -53px;
}
.contentblocks.item .image,
.contentblocks.item .video {
  display: none;
}
.contentblocks.item .icon {
  display: block;
}
.contentblocks.item.Image .icon,
.contentblocks.item.Image .video {
  display: none;
}
.contentblocks.item.Image .image {
  display: block;
}
.contentblocks.item.YouTube .icon,
.contentblocks.item.Vimeo .icon,
.contentblocks.item.YouTube .image,
.contentblocks.item.Vimeo .image {
  display: none;
}
.contentblocks.item.YouTube .video,
.contentblocks.item.Vimeo .video {
  display: block;
}
.contentblocks.item.None .media {
  display: none !important;
}
.contentblocks.item.None .content {
  width: 100%;
  margin-left: 0;
}
.full.width .contentblocks.item .media {
  width: 33%;
}
.full.width .contentblocks.item .content {
  width: 62%;
}
.contentblocks.alt {
  width: 47.8%;
  float: left;
  margin: 0 0 30px 4.4%;
  min-height: 1px;
  border-bottom: none;
}
.contentblocks.alt:first-child {
  margin-left: 0;
}
.contentblocks.alt:nth-child(2n+1) {
  margin-left: 0;
  clear: both;
}
.contentblocks.alt .media {
  width: 100%;
  float: none;
  margin-left: 0;
  margin-right: 0;
}
.contentblocks.alt .content {
  width: 100%;
  float: none;
  margin-left: 0;
  margin-right: 0;
}
.contentblocks.alt .content h4,
.contentblocks.alt .content h3,
.contentblocks.alt .content h2 {
  margin: .75em 0 .25em;
}
.full.width .contentblocks.alt,
.three-up .contentblocks.alt {
  width: 30.4%;
}
.full.width .contentblocks.alt:nth-child(2n+1),
.three-up .contentblocks.alt:nth-child(2n+1) {
  margin-left: 4.4%;
  clear: none;
}
.full.width .contentblocks.alt:nth-child(3n+1),
.three-up .contentblocks.alt:nth-child(3n+1) {
  margin-left: 0;
  clear: both;
}
.four-up .contentblocks.alt,
.full.width .four-up .contentblocks.alt {
  width: 21.68%;
}
.four-up .contentblocks.alt:nth-child(2n+1),
.full.width .four-up .contentblocks.alt:nth-child(2n+1) {
  margin-left: 4.4%;
  clear: none;
}
.four-up .contentblocks.alt:nth-child(4n+1),
.full.width .four-up .contentblocks.alt:nth-child(4n+1) {
  margin-left: 0;
  clear: both;
}
/*------------------------------------------------------

	EBOOK DOWNLOAD WEBAPP
	!TODO: CREATE NEW STYLES

------------------------------------------------------*/
.ebook.item p:empty {
  display: none;
}
.ebook.item .column.w4,
.ebook.item .primary-a.w4,
.ebook.item .sidebar-a.w4,
.ebook.item .primary-b.w4,
.ebook.item .sidebar-b.w4,
.ebook.item .supporting-articles .article-list .item-article.w4,
.ebook.item .module-content .gridrow-c .item-article.w4,
.ebook.item .module-content .u-page .webappsearchresults .item-article.w4 {
  margin-left: 0;
}
#side .ebook .button-a,
#side .ebook .cat_button,
#side .ebook [type='submit'] {
  width: 100%;
}
@media screen and (max-width: 480px) {
  .ebook.item .column.w4,
  .ebook.item .primary-a.w4,
  .ebook.item .sidebar-a.w4,
  .ebook.item .primary-b.w4,
  .ebook.item .sidebar-b.w4,
  .ebook.item .supporting-articles .article-list .item-article.w4,
  .ebook.item .module-content .gridrow-c .item-article.w4,
  .ebook.item .module-content .u-page .webappsearchresults .item-article.w4 {
    text-align: center;
  }
}
.homepage-items .homepage-item .ebook.column,
.homepage-items .homepage-item .ebook.primary-a,
.homepage-items .homepage-item .ebook.sidebar-a,
.homepage-items .homepage-item .ebook.primary-b,
.homepage-items .homepage-item .ebook.sidebar-b,
.homepage-items .homepage-item .ebook.supporting-articles .article-list .item-article,
.homepage-items .homepage-item .ebook.module-content .gridrow-c .item-article,
.homepage-items .homepage-item .ebook.module-content .u-page .webappsearchresults .item-article {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 0;
  margin-right: 0;
  padding: 24px 18px;
}
/*------------------------------------------------------

	ELLIOT U

------------------------------------------------------*/
.u-page body {
  background: #f4f6f8;
}
.u-article-detail body {
  background: #f5f6f8;
}
.u-article-detail body .share-buttons .sharing-label {
  background: #f5f6f8;
}
@media (max-width: 600px) {
  .u-article-detail body .share-buttons .sharing-label {
    background: white;
  }
}
#section-nav {
  float: left;
  margin-bottom: 32px;
}
#section-nav ul {
  list-style: none;
  padding-left: 0;
}
#section-nav > ul {
  display: block;
  position: relative;
  z-index: 99;
  margin: 0 -6px -6px;
}
#section-nav > ul > li {
  position: relative;
  margin-left: 6px;
  margin-bottom: 6px;
}
#section-nav > ul > li:first-child {
  margin-left: 0;
}
#section-nav > ul > li:last-child {
  margin-right: 18px;
}
#section-nav > ul > li:last-child ul {
  right: 0;
}
#section-nav > ul > li > a {
  padding: 4px 14px;
  font-size: 14px;
  text-transform: uppercase;
  color: white;
}
#section-nav > ul ul {
  display: none;
  position: absolute;
  z-index: 99;
  top: 100%;
  border: 1px solid #eaebef;
  -webkit-box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.3);
}
#section-nav li {
  display: inline-block;
}
#section-nav li li {
  display: block;
  background: white;
  border-bottom: 1px solid #eaebef;
}
#section-nav li li > a {
  min-width: 160px;
}
#section-nav li li > a:hover {
  background: #eee;
}
#section-nav li:hover > ul {
  display: block;
}
#section-nav a {
  display: block;
  padding: 3px 12px;
  text-decoration: none;
}
#section-nav .u-home {
  display: none;
}
#section-nav .colour1 > a {
  background-color: black;
}
#section-nav .colour1 > ul {
  border-color: black;
}
#section-nav .colour1 li a {
  color: black;
}
#section-nav .colour2 > a {
  background-color: #5d50a0;
}
#section-nav .colour2 > ul {
  border-color: #5d50a0;
}
#section-nav .colour2 li a {
  color: #5d50a0;
}
#section-nav .colour3 > a {
  background-color: #f7941d;
}
#section-nav .colour3 > ul {
  border-color: #f7941d;
}
#section-nav .colour3 li a {
  color: #f7941d;
}
#section-nav .colour4 > a {
  background-color: #c5168d;
}
#section-nav .colour4 > ul {
  border-color: #c5168d;
}
#section-nav .colour4 li a {
  color: #c5168d;
}
#section-nav .colour5 > a {
  background-color: #2584c6;
}
#section-nav .colour5 > ul {
  border-color: #2584c6;
}
#section-nav .colour5 li a {
  color: #2584c6;
}
#section-nav .colour6 > a {
  background-color: #83c240;
}
#section-nav .colour6 > ul {
  border-color: #83c240;
}
#section-nav .colour6 li a {
  color: #83c240;
}
#section-nav .colour7 > a {
  background-color: #ee5823;
}
#section-nav .colour7 > ul {
  border-color: #ee5823;
}
#section-nav .colour7 li a {
  color: #ee5823;
}
#section-nav .colour8 > a {
  background-color: #00b7e3;
}
#section-nav .colour8 > ul {
  border-color: #00b7e3;
}
#section-nav .colour8 li a {
  color: #00b7e3;
}
@media only screen and (max-width: 600px) {
  #section-nav > ul > li {
    width: 45%;
    margin: 0 2.5% 6px;
  }
  #section-nav > ul > li:nth-child(odd) > ul {
    right: 0;
  }
  #section-nav > ul > li:nth-child(even) > ul {
    left: 0;
  }
}
.u-breadcrumbs .separator {
  opacity: .2;
  font-weight: lighter;
}
.u-breadcrumbs .separator:first-child {
  display: none;
}
.u-breadcrumbs a,
.u-breadcrumbs .current-page {
  font-size: inherit;
}
.u-breadcrumbs a {
  font-weight: lighter;
  color: inherit;
}
.u-breadcrumbs a:hover {
  color: #468fcd;
}
.u-breadcrumbs .current-page {
  font-weight: inherit;
}
.u-breadcrumbs a[href='/u'],
.u-breadcrumbs a[href='/u'] + .separator {
  display: none;
}
/*
//	don't want to show breadcrumbs on u index page,
//	hide trail & separators on detail & search pages
.u-index-page,
.search-page,
.u-article-detail {
	//	hide separators
	.u-breadcrumbs {
//		font-size: 0;


	}
}
*/
.u-index-page .page-banner {
  display: none;
}
.u-index-page .page-banner + .wrapper {
  padding-top: 32px;
}
.article-search {
  position: relative;
  float: right;
  margin-top: -3px;
  margin-bottom: 64px;
  padding-right: 90px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.article-search form {
  width: auto;
  margin-bottom: 0;
  *zoom: 1;
}
.article-search form:after {
  content: " ";
  display: block;
  overflow: hidden;
  clear: both;
  height: 0;
}
.article-search .form-item {
  position: relative;
}
.article-search .form-item label {
  position: absolute;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.5;
  top: .5em;
  left: 1em;
  margin-top: 0;
  margin-left: 3px;
}
.article-search .form-item [type='submit'] {
  position: absolute;
  top: 0;
  right: 8px;
  font-size: 0;
  padding: 0;
  background: none;
}
.article-search .form-item [type='submit']:before {
  display: block;
  font-family: 'icomoon';
  font-size: 18px;
  color: rgba(136, 136, 136, 0.4);
}
.article-search [id^='CAT_txtKeywords'] {
  width: 220px;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  padding: .5em 1em;
  font-size: 14px;
  font-weight: 300;
}
.article-search [id^='CAT_txtKeywords']:focus ~ button:before {
  color: rgba(136, 136, 136, 0.8);
}
.article-search [id^='CAT_txtKeywords']:focus ~ button:before ~ button:hover:before {
  color: #888888;
}
.article-search .icon-mail2 {
  position: relative;
  font-size: 0;
  text-decoration: none;
}
.article-search .icon-mail2:before {
  font-size: 32px;
}
.article-search .icon-feed2 {
  position: absolute;
  float: right;
  right: 0;
  top: 4px;
  font-size: 0;
  text-decoration: none;
}
.article-search .icon-feed2:before {
  font-size: 32px;
  color: #F60;
}
@media only screen and (max-width: 600px) {
  .article-search .icon-search {
    width: 18px;
  }
}
@media only screen and (max-width: 1400px) {
  .article-search {
    float: left;
  }
}
.join-newslist {
  position: absolute;
  width: 40px;
  height: 32px;
  right: 40px;
  top: 4px;
  text-align: center;
}
.join-newslist .pos {
  position: relative;
}
.join-newslist .form-a {
  position: absolute;
  top: 12px;
  right: 0;
  width: 300px;
  height: auto;
  max-width: 0;
  max-height: 0;
  text-align: left;
  opacity: 0;
  overflow: hidden;
  -moz-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  background: white;
  padding: 0;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
}
.join-newslist.expanded .trigger {
  z-index: 101;
}
.join-newslist.expanded .pos:before {
  display: block;
  position: absolute;
  z-index: 100;
  content: ' ';
  width: 0;
  height: 0;
  top: -12px;
  right: 7px;
  border: 12px solid transparent;
  border-bottom-color: white;
}
.join-newslist.expanded .form-a {
  z-index: 99;
  max-width: 300px;
  max-height: 300px;
  padding: 16px;
  opacity: 1;
}
.join-newslist.expanded .icon-mail2:before {
  content: '\e6a7';
}
.join-newslist .form-a.expanded {
  z-index: 99;
  max-width: 300px;
  max-height: 300px;
  padding: 16px;
  opacity: 1;
}
@media only screen and (max-width: 600px) {
  .article-search {
    width: 100%;
  }
  .article-search [id^='CAT_txtKeywords'] {
    width: 100%;
  }
  .join-newslist.expanded .form-a {
    right: -46px;
  }
}
.id_3105370,
3105936,
.id_3205267 {
  display: none !important;
}
.u-page .gridrow-c > .item-article,
.u-page .webappsearchresults > .item-article,
.u-page .u-page .webappsearchresults > .item-article {
  margin-left: .75%;
  margin-right: .75%;
  width: 31.83333333%;
  padding: 18px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.u-page .gridrow-c > .item-article .item-title,
.u-page .webappsearchresults > .item-article .item-title,
.u-page .u-page .webappsearchresults > .item-article .item-title {
  min-height: 2.6em;
  max-height: 2.6em;
}
:not(.mobile).u-page .gridrow-c > .item-article .item-title,
:not(.mobile).u-page .webappsearchresults > .item-article .item-title,
:not(.mobile).u-page .u-page .webappsearchresults > .item-article .item-title {
  overflow: hidden;
  -moz-transition: max-height 0.5s;
  -webkit-transition: max-height 0.5s;
  -o-transition: max-height 0.5s;
  transition: max-height 0.5s;
}
:not(.mobile).u-page .gridrow-c > .item-article .item-title a,
:not(.mobile).u-page .webappsearchresults > .item-article .item-title a,
:not(.mobile).u-page .u-page .webappsearchresults > .item-article .item-title a {
  cursor: pointer;
}
:not(.mobile).u-page .gridrow-c > .item-article:hover .item-title,
:not(.mobile).u-page .webappsearchresults > .item-article:hover .item-title,
:not(.mobile).u-page .u-page .webappsearchresults > .item-article:hover .item-title {
  max-height: 7.8em;
}
@media only screen and (max-width: 1000px) {
  .u-page .gridrow-c > .item-article .item-title,
  .u-page .webappsearchresults > .item-article .item-title,
  .u-page .u-page .webappsearchresults > .item-article .item-title {
    min-height: 3.9em;
    max-height: 3.9em;
  }
}
@media only screen and (max-width: 800px) {
  .u-page .gridrow-c > .item-article,
  .u-page .gridrow-c .webappsearchresults > .item-article,
  .u-page .u-page .webappsearchresults > .item-article,
  .u-page .u-page .webappsearchresults .webappsearchresults > .item-article {
    width: 48.5%;
  }
}
@media only screen and (max-width: 600px) {
  .u-page .gridrow-c > .item-article,
  .u-page .webappsearchresults > .item-article,
  .u-page .u-page .webappsearchresults > .item-article {
    width: 98.5%;
  }
  .u-page .gridrow-c > .item-article .item-title,
  .u-page .webappsearchresults > .item-article .item-title,
  .u-page .u-page .webappsearchresults > .item-article .item-title {
    min-height: 0 !important;
    max-height: none;
  }
}
.item-article {
  background: white;
  overflow: hidden;
  padding-bottom: 18px;
  position: relative;
}
.item-article .tags {
  position: absolute;
  z-index: 10;
  left: 0;
  bottom: 0;
  font-weight: 400;
  font-size: 13px;
  color: white;
  text-transform: uppercase;
  padding: 4px 18px;
  background: #468fcd;
}
.item-article .tags .author:before {
  content: 'by ';
  margin-left: .5em;
}
.item-article .tags .author:empty {
  display: none;
}
.item-article .overlay-box {
  display: block;
  max-width: none;
  margin: -18px -18px 12px;
}
.item-article .overlay-box .supporting-image {
  display: block;
  width: 100%;
  height: 0;
  margin-bottom: 0;
  padding-top: 62.5%;
  background-size: 100% auto;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.item-article .overlay-box.src- {
  display: none;
}
.item-article .item-description {
  font-size: 14px;
  height: 126px;
  overflow: hidden;
}
.item-article .item-description.truncated {
  height: auto;
}
.article-detail {
  /*
	.u-breadcrumbs {
		color: @primaryColour;

		.current-page {
			font-size: 40px;
			font-weight: 900;
			color: #323232;
		}
	}
*/
}
.article-detail .page-banner .page-title,
.article-detail .author.short {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 860px;
  margin: 0 auto;
  padding: 0 30px;
  font-size: 34px;
  color: #333;
}
@media (max-width: 600px) {
  .article-detail .page-banner .page-title,
  .article-detail .author.short {
    padding: 0;
  }
}
.article-detail .page-title {
  font-weight: bold;
  color: #468fcd;
}
.article-detail #main {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px;
  *zoom: 1;
}
@media (max-width: 600px) {
  .article-detail #main {
    padding: 30px 0;
  }
}
.article-detail #main:after {
  content: " ";
  display: block;
  overflow: hidden;
  clear: both;
  height: 0;
}
.article-detail .item-info {
  position: relative;
  padding-left: 80px;
  min-height: 80px;
}
.article-detail .item-info .author-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-size: contain;
  background-position: center center;
}
.article-detail .item-info.img-src- {
  padding-left: 0;
  min-height: 0;
}
.article-detail .item-info.img-src- .author-image {
  display: none;
}
.article-detail .item-info .author-info {
  font-size: 16px;
}
.article-detail .item-info .author-name:before {
  content: 'By ';
}
.article-detail .item-info .author-name:empty {
  display: none;
}
.article-detail .item-info .author-company:before {
  content: ' from ';
}
.article-detail .item-info .author-company.company- {
  display: none;
}
.article-detail .item-info .author-company a {
  text-decoration: underline;
}
.article-detail .item-info .author-company a[href=''],
.article-detail .item-info .author-company a[href=' '],
.article-detail .item-info .author-company a[href='#'] {
  text-decoration: none;
  pointer-events: none;
}
.article-detail .item-info .author-company a[href='']:hover,
.article-detail .item-info .author-company a[href=' ']:hover,
.article-detail .item-info .author-company a[href='#']:hover {
  cursor: text;
  color: #468fcd;
}
.article-detail .item-info .author-name:empty ~ .author-company:before {
  content: 'By ';
}
.article-detail .item-info .release-date {
  color: #888888;
}
.article-detail .item-info .release-date:before {
  content: ' on ';
}
.article-detail .item-info .release-date:empty {
  display: none;
}
.article-detail .author.short {
  margin-top: 12px;
}
.article-detail .author.short figure {
  display: none;
}
.article-detail .author.short .item-info {
  padding-left: 0;
  min-height: 0;
}
.article-detail .author.short .item-info .author-image,
.article-detail .author.short .item-info .author-bio {
  display: none;
}
.article-detail .author.short .author-info {
  color: inherit;
}
.article-detail .author.short a {
  color: #468fcd;
}
.article-detail .author.short a:empty,
.article-detail .author.short a[href=''] {
  color: inherit;
}
.article-detail .supporting-image {
  display: none;
  margin-bottom: 24px;
}
.article-detail.video-id- .supporting-image,
.article-detail.video-type- .supporting-image {
  display: block;
}
.article-detail.video-id- .supporting-image.src-,
.article-detail.video-type- .supporting-image.src- {
  display: none;
}
.article-detail .image-credit {
  margin-top: -18px;
  font-size: 14px;
}
.article-detail .image-credit:before {
  content: 'Image credit: ';
}
.article-detail .image-credit:empty {
  display: none;
}
.article-detail .lead {
  font-family: 'Georgia', 'Times New Roman', serif;
  font-weight: normal;
  font-size: 22px;
  color: #666;
}
.guest-post_1 .article-detail .item-info .author-name:before {
  content: 'Guest post by ';
}
.article-content {
  font-size: 1.125em;
  font-family: 'Georgia', 'Times New Roman', serif;
  color: #666;
}
.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {
  color: #323232;
}
.supporting-articles {
  margin-top: 30px;
  padding-top: 30px;
}
.supporting-articles .article-list .item-article ~ .item-article ~ .item-article ~ .item-article {
  display: none;
}
.supporting-articles .article-list .webapp.pagination {
  display: none;
}
.supporting-articles .read-next {
  padding: 0;
}
.supporting-articles .read-next .w4 {
  margin-bottom: 0;
}
.supporting-articles .read-next .w8 {
  padding-right: 18px;
}
.supporting-articles .read-next .item-title {
  margin-top: 18px;
}
.supporting-articles .read-next .w8 p:last-child {
  margin-bottom: 18px;
}
.supporting-articles .read-next .overlay-box {
  margin: 0;
}
.supporting-articles .read-next ~ * {
  display: none;
}
.supporting-articles.next-3105370 .section-title:first-child,
.supporting-articles.next-3105936 .section-title:first-child,
.supporting-articles.next-3205267 .section-title:first-child,
.supporting-articles.next-3105370 > .item-article,
.supporting-articles.next-3105936 > .item-article,
.supporting-articles.next-3205267 > .item-article {
  display: none;
}
.supporting-articles.next-3105370 .section-title ~ .section-title,
.supporting-articles.next-3105936 .section-title ~ .section-title,
.supporting-articles.next-3205267 .section-title ~ .section-title,
.supporting-articles.next-3105370 .section-title ~ .article-list,
.supporting-articles.next-3105936 .section-title ~ .article-list,
.supporting-articles.next-3205267 .section-title ~ .article-list {
  display: block;
}
@media only screen and (max-width: 600px) {
  .u-article-detail body {
    background: white;
  }
  .u-article-detail .short .item-info {
    margin-top: 0;
  }
  .article-detail {
    padding: 30px 0;
  }
  .article-detail .u-breadcrumbs .current-page {
    font-size: 28px;
  }
  .supporting-articles .read-next .item-title {
    margin-top: 0;
  }
}
.item-article.home-layout {
  position: relative;
}
.item-article.home-layout a {
  display: block;
  text-decoration: none;
  min-height: 300px;
}
.item-article.home-layout .supporting-image {
  position: absolute;
  padding-top: 0;
  height: 100%;
}
.item-article.home-layout .item-title {
  position: absolute;
  bottom: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
  max-height: none;
  min-height: 0 !important;
  margin: 0;
  padding: .5em 1em;
  color: white;
  background: rgba(0, 0, 0, 0.6);
}
.module-content .gridrow-c .item-article,
.module-content .u-page .webappsearchresults .item-article {
  width: 48.5%;
}
@media only screen and (max-width: 600px) {
  .item-article.home-layout {
    height: 300px;
    min-height: 0 !important;
  }
}
/*------------------------------------------------------

	EVENTS WEBAPP

------------------------------------------------------*/
.event-item .time-,
.event-item .location-,
.event-item .map-link-,
.event-item .img-src- img {
  display: none;
}
.event-item .event-price:before {
  content: '$';
}
.event-item .event-price:empty:before {
  content: '';
}
.event-item .event-price:empty:after {
  content: 'FREE';
}
.event-list {
  padding-bottom: 24px;
  border-bottom: 1px solid #eee;
}
.event-list:last-child {
  border-bottom: none;
}
.event-list .event-date {
  display: none;
}
.event-list .img-src- {
  position: relative;
  height: 120px;
  background-color: #468fcd;
}
.event-list .img-src- .event-date {
  display: block;
  position: absolute;
  width: 100%;
  top: 50%;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-size: 32px;
  color: white;
  text-align: center;
}
.event-list .img-src- .event-date .icon-ticket {
  display: block;
  font-size: 2em;
}
.event-backup .img-src- {
  height: 0;
}
/*------------------------------------------------------

	HERO SECTION WEBAPP

------------------------------------------------------*/
.hero-section {
  background: #194888;
  position: relative;
}
.hero-item {
  position: static;
  display: none;
  width: 100%;
  min-height: 140px;
  margin-bottom: 0;
  padding: 84px 0 164px;
  background-size: auto 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.hero-item:last-child {
  display: block;
}
.hero-item.target {
  display: block;
}
.hero-item.target ~ .hero-item,
.hero-item.target.not-target {
  display: none;
}
.hero-item .item-title,
.hero-item .supporting-text {
  margin-bottom: 18px;
  white-space: pre-line;
  line-height: 1.2;
  -webkit-text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4), 2px 2px 48px rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4), 2px 2px 48px rgba(0, 0, 0, 0.4);
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4), 2px 2px 48px rgba(0, 0, 0, 0.4);
}
.hero-item .item-title {
  font-size: 50px;
  font-weight: 500;
  margin-bottom: 18px;
}
.hero-item .supporting-text {
  font-size: 32px;
  font-weight: 500;
}
.supplementary-items {
  *zoom: 1;
  width: 100%;
  position: absolute;
  bottom: 48px;
  font-size: 12px;
  line-height: 1.3;
  height: 4.1em;
}
.supplementary-items:after {
  content: " ";
  display: block;
  overflow: hidden;
  clear: both;
  height: 0;
}
.supplementary-items .link {
  position: relative;
  top: 5px;
  width: 18.75%;
  float: left;
  margin-left: 2%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  color: white;
  border: 2px solid white;
  text-align: center;
  text-transform: uppercase;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
.supplementary-items .link[href=''] {
  display: none;
}
.supplementary-items .link.button-a,
.supplementary-items .link.cat_button,
.supplementary-items .link[type='submit'] {
  padding: 0;
  border-color: #468fcd;
}
.supplementary-items .link.button-a:hover,
.supplementary-items .link.cat_button:hover,
.supplementary-items .link[type='submit']:hover {
  border-color: white;
}
.supplementary-items .link span {
  display: block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 8px;
}
.supplementary-items .link:hover {
  color: #468fcd;
  text-decoration: none;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
  background: white;
}
.supplementary-items .link:first-child {
  margin-left: 0;
}
.hero-section .item-title,
.hero-section .supporting-text {
  color: #ffffff;
}
.hero-section .supplementary-items .link:not(.button-a) {
  border-color: #ffffff;
  color: #ffffff;
}
.hero-section .supplementary-items .link:not(.button-a):hover {
  color: #468fcd;
}
.bg_Light .item-title,
.bg_Light .supporting-text {
  color: #468fcd;
}
.bg_Light .supplementary-items .link:not(.button-a) {
  border-color: #468fcd;
  color: #468fcd;
}
.featured-certification {
  width: 18.75%;
  height: 62px;
  float: right;
  text-align: right;
  margin-right: 0;
}
.featured-certification + .featured-certification {
  clear: right;
  margin-top: -134px;
}
.featured-certification img {
  display: inline-block;
  margin: 0 auto;
  height: auto;
  max-width: 150px;
  max-height: 100%;
}
@media only screen and (max-width: 1000px) {
  .hero-item .w6 {
    width: 62.26666666666666%;
  }
}
@media only screen and (max-width: 800px) {
  .hero-item {
    min-height: 100px;
    margin-bottom: 180px;
    padding: 32px 0 24px;
  }
  .hero-item .item-title,
  .hero-item .supporting-text {
    white-space: normal;
  }
  .supplementary-items {
    height: auto;
    top: 100%;
    margin-top: 30px;
  }
  .supplementary-items .link {
    float: left;
    margin-left: 2%;
    margin-right: 0;
    margin-bottom: 16px;
    width: 23.5%;
    background: white;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .supplementary-items .link.button-a,
  .supplementary-items .link.cat_button,
  .supplementary-items .link[type='submit'] {
    border-color: #468fcd;
    color: #ffffff;
    background: #468fcd;
  }
  .supplementary-items .link.button-a:hover,
  .supplementary-items .link.cat_button:hover,
  .supplementary-items .link[type='submit']:hover {
    color: #ffffff;
    background: #468fcd;
    border-color: #468fcd;
  }
  .supplementary-items .link:hover {
    color: #468fcd;
    border-color: #468fcd;
  }
  .supplementary-items .link:nth-child(4n+1) {
    margin-left: 0;
    clear: left;
  }
  .hero-item .supplementary-items .link:not(.button-a) {
    border: 2px solid #888888;
    color: #888888;
  }
  .hero-item .supplementary-items .link:not(.button-a):hover {
    color: #468fcd;
    border-color: #468fcd;
  }
  .featured-certification img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
  }
  .featured-certification + .featured-certification {
    margin-left: 2%;
    margin-right: 0;
    margin-top: 0;
  }
}
@media only screen and (max-width: 600px) {
  .hero-item {
    margin-bottom: 300px;
  }
  .hero-item .item-content {
    width: 100%;
  }
  .supplementary-items {
    bottom: -250px;
  }
  .supplementary-items .link {
    width: 49%;
    text-align: center;
  }
  .supplementary-items .link:nth-child(3n+1) {
    margin-left: 2%;
    clear: none;
  }
  .supplementary-items .link:nth-child(2n+1) {
    margin-left: 0;
    clear: left;
  }
  .featured-certification {
    width: 49%;
  }
}
@media only screen and (min-width: 1400px) {
  .supplementary-items .link {
    top: 14px;
  }
}
/*------------------------------------------------------

	HOMEPAGE ITEMS WEBAPP

------------------------------------------------------*/
.homepage-item {
  position: relative;
  background-color: white;
  margin-left: .75%;
  margin-right: .75%;
  width: 23.5%;
  overflow: hidden;
  margin-bottom: 2.12765957%;
  /*
	> .module-content {
		> * {
			padding-bottom: (1px * @bodyFontSize);
		}
	}
*/
}
.homepage-item .linked-content,
.homepage-item .module-content {
  padding-bottom: 16px;
}
.homepage-item.u-featured .module-content,
.homepage-item.full-bleed .module-content {
  padding-bottom: 0;
}
.homepage-item.o-hidden {
  overflow: hidden;
}
.homepage-item [class|='ar-'],
.homepage-item [class|='rw-'] {
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.homepage-item .tags {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  font-weight: 400;
  font-size: 14px;
  color: white;
  text-transform: uppercase;
  padding: 4px 18px;
  background: #468fcd;
}
.homepage-item .tags.tags- {
  display: none;
}
.homepage-item .supporting-image {
  width: 100%;
  height: 0;
  padding-top: 62.5%;
  background-size: 100% auto;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.homepage-item .item-title,
.homepage-item .supporting-text,
.homepage-item .item-description,
.homepage-item .item-title + p {
  padding: 0 18px;
  overflow: hidden;
  hyphens: auto;
}
.homepage-item .item-title {
  min-height: 2.6em;
  max-height: 2.6em;
  margin-top: 16px;
  margin-bottom: 0;
  -moz-transition: max-height, 0.5s;
  -webkit-transition: max-height, 0.5s;
  -o-transition: max-height, 0.5s;
  transition: max-height, 0.5s;
}
.homepage-item:hover .linked-content .item-title,
.homepage-item .module-content .item:hover .item-title {
  max-height: 6.5em;
}
.homepage-item .supporting-text,
.homepage-item .item-description,
.homepage-item .item-title + p {
  height: 4.5em;
  margin-top: .5em;
}
.homepage-item .supporting-text.truncated,
.homepage-item .item-description.truncated,
.homepage-item .item-title + p.truncated {
  height: auto;
  height: auto !important;
}
.homepage-item .linked-content,
.homepage-item .module-content {
  margin-bottom: 0;
}
.homepage-item .linked-content div,
.homepage-item .module-content div {
  margin-bottom: 0;
}
.homepage-item .module-content {
  display: none;
}
.homepage-item .module-content > * {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}
.homepage-item .module-content > iframe[src*='vimeo'] {
  position: absolute;
  width: 100%;
  height: 100%;
}
.homepage-item.url- .linked-content {
  display: none;
}
.homepage-item.url- .module-content {
  display: block;
}
.homepage-item .pagination {
  display: none;
}
.homepage-item.paddme > div {
  padding: 16px 16px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.homepage-item .fallback {
  display: none;
}
.homepage-item .img-src- {
  position: relative;
  background: #468fcd;
}
.homepage-item .img-src- .fallback {
  display: block;
  position: absolute;
  width: 100%;
  top: 50%;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-size: 32px;
  line-height: 1;
  color: white;
  text-align: center;
}
.homepage-item .img-src- .fallback [class*='icon-'] {
  display: block;
  font-size: 2em;
}
.show-one .module-content > * ~ * {
  display: none;
}
.show-two .module-content > * ~ * ~ * {
  display: none;
}
.show-three .module-content > * ~ * ~ * ~ * {
  display: none;
}
.show-three .module-content > * ~ * ~ * ~ * ~ * {
  display: none;
}
@media only screen and (max-width: 900px) {
  .homepage-item {
    width: 48.5%;
  }
  .homepage-item.w6 {
    width: 98.5%;
  }
}
@media only screen and (max-width: 600px) {
  .homepage-item {
    height: auto !important;
    width: 98.5%;
  }
  .homepage-item .item-title,
  .homepage-item .supporting-text,
  .homepage-item .item-description,
  .homepage-item .item-title + p {
    height: auto;
    min-height: 0 !important;
    height: auto !important;
    max-height: none;
  }
  .homepage-item:not(.doCycle) .linked-content,
  .homepage-item:not(.doCycle) .module-content,
  .homepage-item:not(.doCycle) .module-content > * {
    height: auto !important;
    min-height: 0 !important;
  }
  .homepage-item:not(.doCycle) .module-content {
    min-height: 0 !important;
  }
   + br {
    display: none;
  }
}
@media only screen and (min-width: 900px) {
  .homepage-item .img-src- .fallback {
    font-size: 20.8px;
  }
  .homepage-item .img-src- .fallback [class*='icon-'] {
    margin-top: 18px;
  }
}
@media only screen and (min-width: 1400px) {
  .homepage-item .img-src- .fallback {
    font-size: 32px;
  }
}
/*------------------------------------------------------

	LANDING PAGE WEBAPP
	!TODO: REWORK. SERIOUSLY, IT'S SCARY

------------------------------------------------------*/
.LPBuilder {
  text-align: center;
}
.LPBuilder .root-wrap-a {
  padding-bottom: 0;
}
.LPBuilder h1 {
  text-align: left;
  border-bottom: none;
  padding-bottom: .5em;
}
.LPBuilder .banner {
  width: 100%;
  background: #194888;
  margin-bottom: 60px;
  padding: 3em 0;
}
.LPBuilder .banner .root-wrap-a {
  margin-bottom: 3em;
}
.LPBuilder .banner .root-wrap-a:before {
  background: none;
}
.LPBuilder .gridrow-a {
  padding-bottom: 1em;
}
.LPBuilder .gridrow-a.primary {
  margin-top: 0;
  margin-bottom: 3em;
  padding-bottom: 0;
}
.LPBuilder .gridrow-a.primary .w6 {
  margin-top: 0;
  text-align: left;
}
.LPBuilder .gridrow-a.primary .w6 h2 {
  margin-top: 0;
  text-align: left;
  color: white;
  line-height: 1.4;
  font-weight: normal;
}
.LPBuilder .gridrow-a.primary .w6 p {
  margin-bottom: 0;
  color: white;
}
.LPBuilder .gridrow-a.primary a[class*="player-"] {
  display: none;
}
.LPBuilder .gridrow-a.primary a[class*="player-"].YouTube,
.LPBuilder .gridrow-a.primary a[class*="player-"].Vimeo {
  display: block;
}
.LPBuilder .gridrow-a.primary a[class*="player-"].YouTube img,
.LPBuilder .gridrow-a.primary a[class*="player-"].Vimeo img {
  display: block;
}
.LPBuilder .gridrow-a.primary img {
  display: none;
  max-width: 100%;
  height: auto;
}
.LPBuilder .gridrow-a.primary img.Image {
  display: block;
}
.LPBuilder .gridrow-a.primary .cta {
  float: left;
  margin-right: 12px;
  margin-top: 24px;
  /*------------------------------*/
  display: none;
  /*------------------------------*/
}
.LPBuilder .gridrow-a.primary .cta.button-a,
.LPBuilder .gridrow-a.primary .cta.cat_button,
.LPBuilder .gridrow-a.primary .cta[type='submit'] {
  font-size: 24px;
  height: 36px;
  line-height: 36px;
  margin: 16px 0;
}
.LPBuilder .gridrow-a.supplementary {
  margin-top: 0;
}
.LPBuilder .gridrow-a.supplementary .additional.info .item {
  margin-top: 0;
  padding-bottom: 1em;
  margin-bottom: 1em;
  position: relative;
  *zoom: 1;
}
.LPBuilder .gridrow-a.supplementary .additional.info .item:after {
  content: " ";
  display: block;
  overflow: hidden;
  clear: both;
  height: 0;
}
.LPBuilder .gridrow-a.supplementary .additional.info .item:last-child {
  border-bottom: none;
}
.LPBuilder .gridrow-a.supplementary .additional.info .item h4 {
  color: #194888;
  font-weight: normal;
}
.LPBuilder .gridrow-a.supplementary .additional.info .item h4,
.LPBuilder .gridrow-a.supplementary .additional.info .item p {
  float: left;
  text-align: left;
  margin-left: 25%;
  margin-top: 0;
  margin-bottom: 10px;
}
.LPBuilder .gridrow-a.supplementary .additional.info .item img {
  width: 20%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
}
.LPBuilder .gridrow-a.supplementary .additional.info .item img[src=""],
.LPBuilder .gridrow-a.supplementary .additional.info .item h4:empty,
.LPBuilder .gridrow-a.supplementary .additional.info .item p:empty {
  display: none;
}
.LPBuilder .gridrow-a.supplementary .additional.info .item img[src=""] + h4 {
  margin-left: 0;
}
.LPBuilder .gridrow-a.supplementary .additional.info .item img[src=""] + h4 + p {
  margin-left: 0;
}
.LPBuilder .gridrow-a.supplementary .action {
  text-align: left;
}
.LPBuilder .gridrow-a.supplementary .action.Webform {
  padding: 3em;
  border: 2px solid #194888;
}
.LPBuilder .gridrow-a.supplementary .action.Webform h4 {
  background: #194888;
  margin: -30px -30px 24px;
  padding: 12px;
  font-size: 22px;
  color: white;
  text-align: center;
}
.LPBuilder .gridrow-a.supplementary .action.Webform .form-a {
  border: none;
  background: none;
}
.LPBuilder .gridrow-a.supplementary .action.Webform .cat_textbox,
.LPBuilder .gridrow-a.supplementary .action.Webform textarea {
  width: 100%;
}
.LPBuilder .gridrow-a.supplementary .action.Webform .button-a,
.LPBuilder .gridrow-a.supplementary .action.Webform .cat_button,
.LPBuilder .gridrow-a.supplementary .action.Webform [type='submit'] {
  display: block;
  font-size: 18px;
  background: #194888;
  max-width: 100%;
  cursor: pointer;
}
.LPBuilder .gridrow-a.supplementary .action .ebook,
.LPBuilder .gridrow-a.supplementary .action .pricing.plan {
  display: none;
}
.LPBuilder .gridrow-a.supplementary .action.Ebook.Download .ebook {
  display: block;
}
.LPBuilder .gridrow-a.supplementary .action.Ebook.Download .webform,
.LPBuilder .gridrow-a.supplementary .action.Ebook.Download .pricing.plan {
  display: none;
}
.LPBuilder .gridrow-a.supplementary .action.Ebook.Download .ebook.item {
  border-bottom: none;
}
.LPBuilder .gridrow-a.supplementary .action.Ebook.Download .ebook.item .column.w4,
.LPBuilder .gridrow-a.supplementary .action.Ebook.Download .ebook.item .primary-a.w4,
.LPBuilder .gridrow-a.supplementary .action.Ebook.Download .ebook.item .sidebar-a.w4,
.LPBuilder .gridrow-a.supplementary .action.Ebook.Download .ebook.item .primary-b.w4,
.LPBuilder .gridrow-a.supplementary .action.Ebook.Download .ebook.item .sidebar-b.w4,
.LPBuilder .gridrow-a.supplementary .action.Ebook.Download .ebook.item .supporting-articles .article-list .item-article.w4,
.LPBuilder .gridrow-a.supplementary .action.Ebook.Download .ebook.item .module-content .gridrow-c .item-article.w4,
.LPBuilder .gridrow-a.supplementary .action.Ebook.Download .ebook.item .module-content .u-page .webappsearchresults .item-article.w4 {
  margin-left: 0;
}
.LPBuilder .gridrow-a.supplementary .action.Ebook.Download .ebook.item .column.w8,
.LPBuilder .gridrow-a.supplementary .action.Ebook.Download .ebook.item .primary-a.w8,
.LPBuilder .gridrow-a.supplementary .action.Ebook.Download .ebook.item .sidebar-a.w8,
.LPBuilder .gridrow-a.supplementary .action.Ebook.Download .ebook.item .primary-b.w8,
.LPBuilder .gridrow-a.supplementary .action.Ebook.Download .ebook.item .sidebar-b.w8,
.LPBuilder .gridrow-a.supplementary .action.Ebook.Download .ebook.item .supporting-articles .article-list .item-article.w8,
.LPBuilder .gridrow-a.supplementary .action.Ebook.Download .ebook.item .module-content .gridrow-c .item-article.w8,
.LPBuilder .gridrow-a.supplementary .action.Ebook.Download .ebook.item .module-content .u-page .webappsearchresults .item-article.w8 {
  margin-left: 4.4%;
}
.LPBuilder .gridrow-a.supplementary .action.Ebook.Download .ebook.item form .cat_textbox {
  max-width: 100%;
}
.LPBuilder .gridrow-a.supplementary .action.Pricing.Plan {
  padding: 0 40px;
}
.LPBuilder .gridrow-a.supplementary .action.Pricing.Plan .webform,
.LPBuilder .gridrow-a.supplementary .action.Pricing.Plan .ebook {
  display: none;
}
.LPBuilder .gridrow-a.supplementary .action.Pricing.Plan .pricing.plan {
  display: block;
}
.LPBuilder .gridrow-a.supplementary .action.Pricing.Plan .pricing.plan .header {
  padding-bottom: .5em;
}
.LPBuilder .gridrow-a.supplementary .action.Pricing.Plan .pricing.plan .planWrap.alt h2.name {
  font-size: 18px;
  font-weight: normal;
  line-height: 22px;
  text-transform: uppercase;
}
.LPBuilder .gridrow-a.supplementary .action.Pricing.Plan .pricing.plan em.price {
  font-size: 60px;
}
.LPBuilder .gridrow-a.supplementary .action.Pricing.Plan .pricing.plan div.price > * {
  color: #5993e1;
}
.LPBuilder .gridrow-a.supplementary .action.Pricing.Plan .pricing.plan .one.liner:empty {
  display: none;
}
.LPBuilder .gridrow-a.supplementary .action.Pricing.Plan .pricing.plan div.includes {
  padding-top: 0;
  padding-bottom: 0;
}
.LPBuilder a[class*="player"] {
  position: relative;
  width: 100%;
  margin: 0 0 5px;
  display: block;
}
.LPBuilder a[class*="player"]:before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: ' ';
  width: 53px;
  height: 53px;
  margin: -26px 0 0 -26px;
  padding: 0;
  background: url('/images/play-btn.png') no-repeat;
  text-indent: -9999px;
}
.LPBuilder a[class*="player"]:hover:before {
  background-position: 0 -53px;
}
.LPBuilder > .cta.button-a,
.LPBuilder > .cta.cat_button,
.LPBuilder > .cta[type='submit'] {
  font-size: 24px;
  height: 36px;
  line-height: 36px;
  float: none;
  margin: 1em auto;
  /*------------------------------*/
  display: none;
  /*------------------------------*/
}
body.landingpage > .buttonWebApp {
  display: none;
}
body.landingpage #top .top-wrap {
  *zoom: 1;
  padding-bottom: 1em;
}
body.landingpage #top .top-wrap:after {
  content: " ";
  display: block;
  overflow: hidden;
  clear: both;
  height: 0;
}
body.landingpage #top .top-wrap > * {
  display: none;
  visibility: hidden;
}
body.landingpage #top .top-wrap #logo {
  display: block;
  visibility: visible;
}
body.landingpage #footer {
  padding-bottom: 20px !important;
}
body.landingpage #footer .wrapper {
  display: none;
  visibility: hidden;
}
body.landingpage #footer .wrapper:last-child {
  display: block;
  visibility: visible;
}
body.landingpage .promobar {
  display: none;
  visibility: hidden;
}
.hide-Vimeo,
.hide-YouTube {
  display: none !important;
}
@media only screen and (max-width: 768px) {
  .LPBuilder .gridrow-a.supplementary .gridrow-a.ebook .column,
  .LPBuilder .gridrow-a.supplementary .gridrow-a.ebook .primary-a,
  .LPBuilder .gridrow-a.supplementary .gridrow-a.ebook .sidebar-a,
  .LPBuilder .gridrow-a.supplementary .gridrow-a.ebook .primary-b,
  .LPBuilder .gridrow-a.supplementary .gridrow-a.ebook .sidebar-b,
  .LPBuilder .gridrow-a.supplementary .gridrow-a.ebook .supporting-articles .article-list .item-article,
  .LPBuilder .gridrow-a.supplementary .gridrow-a.ebook .module-content .gridrow-c .item-article,
  .LPBuilder .gridrow-a.supplementary .gridrow-a.ebook .module-content .u-page .webappsearchresults .item-article {
    width: 100%;
    margin-left: 0 !important;
    margin-bottom: 1em;
    padding-bottom: 1em;
  }
  .LPBuilder .gridrow-a.supplementary .gridrow-a.ebook .column:last-child,
  .LPBuilder .gridrow-a.supplementary .gridrow-a.ebook .primary-a:last-child,
  .LPBuilder .gridrow-a.supplementary .gridrow-a.ebook .sidebar-a:last-child,
  .LPBuilder .gridrow-a.supplementary .gridrow-a.ebook .primary-b:last-child,
  .LPBuilder .gridrow-a.supplementary .gridrow-a.ebook .sidebar-b:last-child,
  .LPBuilder .gridrow-a.supplementary .gridrow-a.ebook .supporting-articles .article-list .item-article:last-child,
  .LPBuilder .gridrow-a.supplementary .gridrow-a.ebook .module-content .gridrow-c .item-article:last-child,
  .LPBuilder .gridrow-a.supplementary .gridrow-a.ebook .module-content .u-page .webappsearchresults .item-article:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .LPBuilder .gridrow-a.supplementary .Pricing.Plan {
    padding: 0 20px !important;
  }
}
@media only screen and (max-width: 480px) {
  .LPBuilder .gridrow-a.supplementary {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
  .LPBuilder a[class*="player"] {
    display: none !important;
  }
}
/*------------------------------------------------------

	PLANS & PRICING ALTERNATE

------------------------------------------------------*/
.planWrap-b {
  position: relative;
  background: white;
  -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
  margin-bottom: 32px !important;
}
.planWrap-b > div {
  padding: 30px;
  margin: 0;
}
.planWrap-b > div.header {
  padding: 30px 0 24px;
  margin: 0 30px;
  border-bottom: 2px solid #468fcd;
  *zoom: 1;
}
.planWrap-b > div.header:after {
  content: " ";
  display: block;
  overflow: hidden;
  clear: both;
  height: 0;
}
.planWrap-b > div.header h2 {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: -1px;
  font-weight: 400;
  display: inline-block;
  color: #468fcd;
  margin-bottom: 0;
}
.planWrap-b > div.header div.price {
  display: none;
  color: #468fcd;
  font-size: 16px;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: lighter;
}
.planWrap-b > div.header div.price.showprice_1 {
  display: block;
}
.planWrap-b > div.header div.price em {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 24px;
}
.planWrap-b > div.header + div {
  padding-bottom: 0;
}
.planWrap-b .button-a,
.planWrap-b .cat_button,
.planWrap-b [type='submit'] {
  margin-bottom: 32px;
  z-index: 999;
}
.planWrap-b .one.liner {
  position: absolute;
  right: 30px;
  bottom: 30px;
  display: table;
  text-align: center;
  width: 60px;
  height: 60px;
  padding: 16px;
  border-radius: 100%;
  behavior: url(styles/pie.htc);
  background: #468fcd;
  color: white;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.planWrap-b .one.liner span {
  display: table-cell;
  vertical-align: middle;
  line-height: 1.05;
  font-size: 14px;
}
.planWrap-b.tall {
  overflow: hidden;
}
.planWrap-b.tall .one.liner {
  position: relative;
  left: 0;
  top: 0;
  float: right;
}
.planWrap-b.tall .description {
  display: inline;
  padding-right: 2em;
}
.planWrap-b.tall div.includes {
  width: 350px;
}
.planWrap-b.tall div.includes,
.planWrap-b.tall span.author,
.planWrap-b.tall blockquote {
  position: relative;
  z-index: 10;
}
.planWrap-b.tall .testimonial .photo {
  position: absolute;
  right: 0;
  bottom: -5px;
  margin-bottom: 0;
  z-index: 0;
}
.planWrap-b.tall .testimonial .photo img {
  max-width: 266px;
  height: auto;
}
.planWrap-b.tall .testimonial blockquote {
  width: 184px;
  padding-left: 0;
  color: #468fcd;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: lighter;
  font-size: 18px;
  margin-bottom: 4px;
}
.planWrap-b.tall .testimonial .author.name {
  color: #468fcd;
  font-weight: lighter;
  font-size: 14px;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.planWrap-b.tall .testimonial blockquote,
.planWrap-b.tall .testimonial .author.name {
  padding-right: 12px;
  background: rgba(255, 255, 255, 0.8);
}
.planWrap-b:nth-child(2n+1) {
  margin-left: 0 !important;
  clear: both !important;
}
.planWrap-b:last-child {
  float: left !important;
}
/*------------------------------------------------------

	PRICING PLANS GRID WEBAPP

------------------------------------------------------*/
.pricing-grid {
  width: 100%;
}
.pricing-grid [class*='hide'],
.pricing-grid [class*='hidden'] {
  text-indent: -9999em;
}
.pricing-grid .table-row.type-Feature .text- {
  display: none;
}
.pricing-grid .table-row.type-Header {
  position: relative;
  background: #eee;
  color: #888888;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.pricing-grid .table-row.type-Header:after {
  display: block;
  content: ' ';
  position: absolute
				width: 100%;
  height: 100%;
}
.pricing-grid .table-row.type-Header .table-col {
  border: none;
}
.pricing-grid .table-row.type-Price {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #468fcd;
  font-weight: bold;
}
.pricing-grid .table-row.type-Price .text- {
  display: none;
}
.pricing-grid .table-col {
  text-align: center;
  vertical-align: middle;
  padding: .75em 1.25em;
}
.pricing-grid .table-col:first-child {
  text-align: left;
}
.pricing-grid .text-y .inner,
.pricing-grid .text-yes .inner,
.pricing-grid .text-tick .inner,
.pricing-grid .text-n .inner,
.pricing-grid .text-no .inner {
  display: none;
}
.pricing-grid .text-y:before,
.pricing-grid .text-yes:before,
.pricing-grid .text-tick:before {
  font-family: 'icomoon';
  display: inline-block;
  content: '\e6a9';
}
@media only screen and (min-width: 600px) {
  .pricing-grid {
    display: block;
  }
  .pricing-grid.stacked {
    display: none;
  }
  .pricing-grid .label-text {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  tbody,
  .table-row {
    display: block;
    width: 100%;
  }
  .pricing-grid {
    display: none;
  }
  .pricing-grid.stacked {
    display: block;
  }
  .pricing-grid .table-row {
    width: 100%;
  }
  .pricing-grid .table-col {
    display: block;
    border-top: none;
  }
  .pricing-grid .table-col.type-Header {
    position: relative;
    margin-top: 20px;
    background: #468fcd;
    color: white;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-align: center;
  }
  .pricing-grid .table-col.type-Header .label-text:after {
    content: ' - ';
  }
  .pricing-grid .table-col.type-Header:after {
    display: block;
    content: ' ';
    position: absolute
					width: 100%;
    height: 100%;
  }
  .pricing-grid .inner {
    display: inline;
    margin-bottom: 0;
  }
  .pricing-grid .label-text:before {
    content: ' ';
  }
  .pricing-grid .text-y:before,
  .pricing-grid .text-yes:before,
  .pricing-grid .text-tick:before {
    display: none;
  }
  .pricing-grid .text-n,
  .pricing-grid .text-no {
    display: none;
  }
  .pricing-grid .label {
    display: none;
  }
}
/*------------------------------------------------------

	PRICING PLANS WEBAPP
	!TODO: TIDY UP

------------------------------------------------------*/
.planWrap {
  margin-bottom: 60px;
}
.planWrap .header {
  background: #468fcd;
}
.planWrap .header .name {
  display: block;
  text-align: center;
  padding: 20px 12px;
  line-height: 1.2;
  color: white;
  margin-bottom: 0;
  text-transform: uppercase;
}
.planWrap div.price {
  display: none;
  text-align: center;
  border-top: 1px solid #6ea7d8;
  padding-top: 16px;
  margin-bottom: 8px;
}
.planWrap div.price.showprice_1 {
  display: block;
}
.planWrap div.price .before.price {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  color: white;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 14px;
  text-align: left;
  margin-right: -4px;
}
.planWrap div.price em.price {
  display: inline-block;
  font-size: 54px;
  line-height: 1em;
  font-weight: bold;
  color: white;
  margin: 0 0 0;
  letter-spacing: -1px;
  font-style: normal;
}
.planWrap div.price .after.price {
  position: relative;
  font-size: 12px;
  display: inline-block;
  z-index: 10;
  color: white;
  margin-left: -2px;
}
.planWrap .one.liner {
  position: relative;
  margin: 0;
  line-height: 1.1em;
  padding: 0 10px 1em;
  color: white;
  text-align: center;
  margin-bottom: 24px;
}
.planWrap .includes {
  padding: 10px 12px;
  margin-top: 24px;
  position: relative;
  background: #eee;
  text-align: center;
}
.planWrap .includes ul {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}
.planWrap .includes li {
  position: relative;
  margin: 0;
  padding: 8px 0;
  font-size: 12px;
  font-weight: normal;
  color: #010407;
  border-bottom: 1px solid #d1cdce;
}
.planWrap .includes li:before {
  display: none;
  visibility: hidden;
}
.planWrap .includes li:first-child {
  border-top: none;
}
.planWrap .includes li:last-child {
  border-bottom: none;
}
.planWrap a.btn,
.planWrap .button-a,
.planWrap .cat_button,
.planWrap [type='submit'] {
  display: block;
  text-align: center;
  padding: 8px 0;
  margin-top: 24px;
}
.planWrap.showbadge_1 {
  position: relative;
}
.planWrap.showbadge_1:after {
  display: block;
  position: absolute;
  z-index: 100;
  width: 54px;
  height: 44px;
  border-radius: 50%;
  background-color: #1a4a8c;
  background-image: -moz-linear-gradient(top, #1d539e, #153d72);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1d539e), to(#153d72));
  background-image: -webkit-linear-gradient(top, #1d539e, #153d72);
  background-image: -o-linear-gradient(top, #1d539e, #153d72);
  background-image: linear-gradient(to bottom, #1d539e, #153d72);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1d539e', endColorstr='#ff153d72', GradientType=0);
  border: 1px solid #153d72;
  -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
  color: white;
  right: -12px;
  top: 36px;
  content: url('/images/most_popular.png') no-repeat;
}
.planWrap.showbadge_1.Most.Popular:after {
  content: url('/images/most_popular.png') no-repeat;
}
.planWrap.showbadge_1.Best.Value:after {
  content: url('/images/best_value.png') no-repeat;
}
/*---//	.planWrap	*/
.plan.detail {
  /*--/	.author.testimonial	*/
}
.plan.detail #title {
  *zoom: 1;
  padding-bottom: 24px;
  border-bottom: 1px solid #eee;
}
.plan.detail #title:after {
  content: " ";
  display: block;
  overflow: hidden;
  clear: both;
  height: 0;
}
.plan.detail #title .backlink {
  display: block;
}
.plan.detail #title .plan-header {
  float: left;
  margin-bottom: 0;
}
.plan.detail #title h2 {
  margin-bottom: .25em;
}
.plan.detail #title .button-a,
.plan.detail #title .cat_button,
.plan.detail #title [type='submit'] {
  float: right;
}
.plan.detail #title .price {
  display: none;
  font-size: 24px;
}
.plan.detail #title .price.showprice_1 {
  display: block;
}
.plan.detail #title .price em {
  font-weight: bold;
  font-style: normal;
}
.plan.detail .plan.box .listheader {
  background: #468fcd;
  margin: 0 -1em 1em -1em;
  border-bottom: 1px #468fcd;
}
.plan.detail .plan.box .listheader p {
  text-align: center;
  color: white;
  padding: 4px 0;
}
.plan.detail .plan.box .included,
.plan.detail .plan.box .addons {
  padding: 0 1em 1em;
  border: 1px solid #468fcd;
}
.plan.detail .plan.box ul {
  padding-left: 0;
  list-style-position: inside;
}
.plan.detail .plan.box ul .feature {
  border-bottom: 1px solid #eee;
  padding-bottom: 4px;
}
.plan.detail .plan.box ul .feature:last-child {
  border-bottom: none;
}
.plan.detail .plandescription div.details li {
  font-weight: normal;
}
.plan.detail .author.testimonial {
  *zoom: 1;
  margin: 18px 0 36px;
}
.plan.detail .author.testimonial:after {
  content: " ";
  display: block;
  overflow: hidden;
  clear: both;
  height: 0;
}
.plan.detail .author.testimonial div.photo {
  max-width: 120px;
  float: left;
  margin-right: 18px;
}
.plan.detail .author.testimonial div.photo img {
  position: relative;
  width: 100%;
  height: auto;
  margin-top: 9px;
}
.plan.detail .author.testimonial .testimonial blockquote {
  color: #468fcd;
  font-weight: bold;
  font-size: 1.4em;
  margin-bottom: 6px;
}
.plan.detail .author.testimonial .author.name {
  display: inline-block;
  font-weight: bold;
  float: right;
  margin-bottom: 36px;
}
@media only screen and (max-width: 600px) {
  .plan.detail #title .button-a,
  .plan.detail #title .cat_button,
  .plan.detail #title [type='submit'] {
    float: none;
    clear: both;
    width: 100%;
  }
}
/*------------------------------------------------------

	PROMO BAR WEBAPP
	!TODO: REWORK

------------------------------------------------------*/
.promobar {
  width: 100%;
  padding: 1em 0;
  margin: 0;
  display: none;
}
.promobar .close {
  display: block;
  width: 24px;
  height: 24px;
  float: left;
  margin-left: -32px;
  background: url('../plugins/fancybox/fancy_close.png') no-repeat center center;
  background-size: 24px;
  background-size: contain;
}
.promobar .column:last-child,
.promobar .primary-a:last-child,
.promobar .sidebar-a:last-child,
.promobar .primary-b:last-child,
.promobar .sidebar-b:last-child,
.promobar .supporting-articles .article-list .item-article:last-child,
.promobar .module-content .gridrow-c .item-article:last-child,
.promobar .module-content .u-page .webappsearchresults .item-article:last-child {
  float: right;
  margin-bottom: 0 !important;
  text-align: right;
}
.promobar p {
  margin: 0;
  font-size: 1.6em;
  font-weight: normal;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.promobar.Header {
  position: relative;
  top: 0;
  overflow: hidden;
  background: #468fcd;
  color: #ffffff;
}
.promobar.Header .button-a,
.promobar.Header .cat_button,
.promobar.Header [type='submit'] {
  background: #ffffff !important;
  color: #468fcd !important;
}
.promobar.Header .button-a:hover,
.promobar.Header .cat_button:hover,
.promobar.Header [type='submit']:hover {
  background: #d9d9d9 !important;
  color: #468fcd !important;
}
.promobar.Footer {
  position: fixed;
  bottom: 0;
  z-index: 100;
  background: #468fcd;
  color: #ffffff;
}
.promobar.Footer .button-a,
.promobar.Footer .cat_button,
.promobar.Footer [type='submit'] {
  background: #ffffff !important;
  color: #468fcd !important;
}
.promobar.Footer .button-a:hover,
.promobar.Footer .cat_button:hover,
.promobar.Footer [type='submit']:hover {
  background: #d9d9d9 !important;
  color: #468fcd !important;
}
@media only screen and (max-width: 600px) {
  .promobar .close {
    width: 100%;
    margin: 0 0 4px;
  }
  .promobar .button-a,
  .promobar .cat_button,
  .promobar [type='submit'] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
}
/*------------------------------------------------------

	SERVICES & SPECIALIST SERVICES WEBAPPS

------------------------------------------------------*/
.services.item {
  margin-bottom: 32px;
  text-align: center;
}
.services.item .overlay-box {
  display: block;
  width: auto;
}
.services.item .img img {
  display: none;
}
.services.item [class*='icon-'] {
  display: block;
  height: 1em;
  line-height: 1;
  color: white;
  font-size: 3em;
  background: #468fcd;
  padding: 26px;
}
.services.item .overlay-box {
  display: inline-block;
  -webkit-transform: translateZ(0);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.services.item .overlay-box .overlay {
  font-size: 0;
}
.services.item .overlay-box:after {
  display: none;
}
.services.item .overlay-box [class*='icon-'] {
  display: inline-block;
  width: 1em;
}
.services.item.i- .overlay-box,
.services.item.i-2939055 .overlay-box {
  display: inline-block;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.services.item.i- .overlay-box a,
.services.item.i-2939055 .overlay-box a {
  font-size: 1.6em;
}
.services.item.i- .overlay-box:after,
.services.item.i-2939055 .overlay-box:after {
  display: block;
}
.services.item.i- .overlay-box [class*='icon-'],
.services.item.i-2939055 .overlay-box [class*='icon-'] {
  display: none;
}
.services.item.i- .img img,
.services.item.i-2939055 .img img {
  display: block;
}
.services.item .item-title,
.services.item p {
  text-align: left;
}
.services-detail h1 + [class*='icon-'] {
  display: none;
}
.services-detail h1 + .icon-,
.services-detail h1 + .icon-2939055 {
  display: block;
}
@media only screen and (max-width: 800px) {
  .services.item {
    width: 45.6%;
  }
}
/*------------------------------------------------------

	SLIDESHOW WEBAPP
	!TODO: CONSOLIDATE & REWRITE. THEN SPLIT

------------------------------------------------------*/
#intro-slider {
  overflow: hidden;
}
#intro-slider {
  margin: 0 auto 40px;
  width: 100%;
  max-width: 1280px;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
}
#intro-slider .wrap {
  margin: 0 auto;
  width: 100% !important;
  height: 0 !important;
  padding-top: 42%;
  overflow: hidden;
}
#intro-slider .slideshow-item {
  z-index: 10;
  position: relative;
  width: 100%;
}
#intro-slider .slideshow-item ~ article {
  display: none;
}
#intro-slider article .cont {
  z-index: 50;
  zoom: 1;
  position: absolute;
  top: 120px;
  width: 80%;
  max-width: 1200px;
  left: 10%;
  right: 10%;
  margin: 0 auto;
}
#intro-slider article p {
  margin: 0 0 10px;
  padding: 24px;
  color: #468fcd;
  font: 400 38px/1.26 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  background: rgba(255, 255, 255, 0.9);
}
#intro-slider article p.show-app-item-1 {
  background: none;
  padding: 0;
}
#intro-slider article p span {
  color: #468fcd;
}
#intro-slider article p:empty {
  display: none;
}
#intro-slider article .button-b {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin-top: 2em;
}
#intro-slider article figure {
  z-index: 10;
  zoom: 1;
  position: relative;
}
#intro-slider article figure img {
  width: 100%;
  height: auto !important;
}
#intro-slider .nav {
  list-style: none;
  padding: 0;
}
#intro-slider .nav li {
  float: left;
  width: 12px;
  height: 12px;
  overflow: hidden;
  margin-left: 8px;
}
#intro-slider .nav li a {
  display: block;
  overflow: hidden;
  background: url(../images/nav-a.png) 100% 0 no-repeat;
  text-indent: -100001em;
}
#intro-slider .nav li a:hover,
#intro-slider .nav li a.active,
#intro-slider .nav li.activeSlide a {
  background-position: 0 0;
}
/*
#intro-slider article:first-child,
.js #intro-slider article:only-child {display: block;}
*/
#intro-slider article {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 0;
  padding-bottom: 42%;
}
#intro-slider .nav-wrap {
  width: 90%;
  margin: 0 auto;
  position: relative;
}
#intro-slider .nav {
  z-index: 100;
  position: absolute;
  bottom: 21px;
  right: 0;
}
#intro-slider {
  width: 100%;
  max-width: 100%;
  height: 0;
  margin: 0 0 32px;
  padding-bottom: 52%;
}
#intro-slider .wrap {
  position: absolute;
  padding-top: 0 !important;
  height: 100% !important;
}
#intro-slider article {
  padding-bottom: 0;
  height: 100% !important;
}
#intro-slider p {
  float: left;
  clear: left;
}
#intro-slider .align-Right p {
  float: right;
  clear: right;
  text-align: right;
}
#intro-slider .show-app-item-1 {
  padding: 0;
  background: rgba(255, 255, 255, 0.9);
}
#intro-slider .show-app-item-1 a {
  font-size: .8em;
}
#intro-slider .img {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: auto 100% !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
#intro-slider .nav-wrap {
  position: absolute;
  left: 5%;
  right: 5%;
  bottom: 0;
}
@media only screen and (max-width: 900px) {
  #intro-slider article .cont {
    top: 120px;
    left: 5%;
    right: 5%;
  }
  #intro-slider article .button-b {
    margin-top: 1em;
  }
  #intro-slider article p {
    font-size: 32px;
  }
}
@media only screen and (max-width: 800px) {
  #intro-slider article .cont {
    top: 100px;
    width: 90%;
    left: 5%;
    right: 5%;
  }
  #intro-slider article p {
    font-size: 28px;
    padding: 16px;
  }
}
@media only screen and (max-width: 600px) {
  #intro-slider .wrap {
    padding-bottom: 0;
  }
  #intro-slider article .cont {
    top: 30px;
  }
  #intro-slider article .button-b {
    margin-top: .5em;
  }
  #intro-slider article p {
    font-size: 24px;
    padding: 12px;
  }
}
@media only screen and (min-width: 900px) {
  #intro-slider .cont {
    top: 150px;
  }
}
@media only screen and (min-width: 1100px) {
  #intro-slider {
    height: 500px;
    padding-bottom: 0;
  }
  #intro-slider article .cont {
    top: 180px;
  }
}
/*------------------------------------------------------

	SOCIAL MEDIA WEBAPP

------------------------------------------------------*/
ul.social {
  display: block;
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
  /*---/	a	*/
  /*---/	span	*/
}
ul.social li {
  display: inline-block;
  margin: 0 2px;
  padding-left: 0;
  vertical-align: middle;
  /*	Assign glyphs by class	*/
}
ul.social li:before {
  display: none;
  visibility: hidden;
}
ul.social a {
  width: 32px;
  height: 32px;
  font-size: 0;
  line-height: 34px;
  color: white;
  background: none;
}
ul.social a:hover {
  text-decoration: none;
}
ul.social a:hover span {
  background-color: #468fcd;
}
ul.social span {
  display: inline-block;
  float: left;
  width: 32px;
  height: 32px;
  background: #696969;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
ul.social span:before {
  display: block;
  text-align: center;
  font-family: 'icomoon';
  line-height: 1;
  font-size: 16px;
  padding: 8px;
}
/*------------------------------------------------------

	TAX DETES WEBAPP

------------------------------------------------------*/
.tax-date .tax-info {
  display: none;
}
@media only screen and (min-width: 900px) and (max-width: 1100px) {
  .tax-date .supporting-image.src- .tax-info .icon-calendar {
    display: inline-block;
    font-size: 1em;
  }
}
.homepage-item.doCycle .tax-date {
  width: 100% !important;
  background: white;
}
.homepage-item.doCycle .tax-date ~ .tax-date {
  display: none;
}
.doCycle.tax-dates-app .pag-nav {
  background: none;
  top: 5px;
  right: 18px;
  width: auto;
  text-align: right;
}
.doCycle.tax-dates-app .pag-nav a:last-child {
  margin-right: 0;
}
.doCycle.tax-dates-app .pag-nav .activeSlide {
  border-color: white;
}
.doCycle.tax-dates-app .pag-nav > a {
  display: none;
}
@media only screen and (min-width: 900px) and (max-width: 1300px) {
  .doCycle.tax-dates-app .pag-nav {
    width: 10px;
    right: 8px;
  }
  .doCycle.tax-dates-app .pag-nav a {
    margin: 5px 0 5px 0;
  }
}
@media (min-width: 600px) {
  #tax-dates-page #top {
    position: absolute;
    top: auto;
    bottom: 100%;
  }
}
#tax-dates-dropdown {
  z-index: 3;
  width: auto;
}
#tax-dates-dropdown .dd-label {
  padding: .25em 1.5em .25em 1em;
}
#tax-dates-dropdown .dd-label:after {
  right: .5em;
}
@media (min-width: 600px) {
  #tax-dates-dropdown {
    float: left;
    margin-right: 32px;
  }
}
#tax-dates-dropdown a:hover {
  background: #468fcd;
  color: white;
  text-decoration: none;
}
.tax-date-group {
  display: none;
  clear: both;
}
.tax-date-group:target {
  display: block !important;
}
.tax-date-group .section-title {
  display: inline-block;
  position: relative;
  z-index: 2;
  top: .5em;
  left: 1em;
  margin-bottom: 0;
  padding: 0 .5em;
  background: white;
}
.tax-date-group .dates-list {
  padding: 4em 2em 2em;
  border: 1px solid #eee;
}
.dates-list {
  display: flex;
  flex-wrap: wrap;
}
.dates-list .day {
  display: block;
  text-align: center;
  font-size: 44px;
}
.dates-list .type {
  display: block;
  text-align: center;
  font-size: 18px;
  text-transform: uppercase;
}
.dates-list:empty {
  position: relative;
  min-height: 80px;
}
.dates-list:empty:after {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  content: 'We don\'t have any dates for this period, yet';
  font-size: 24px;
  text-align: center;
}
.date-filter {
  *zoom: 1;
  clear: left;
}
.date-filter:after {
  content: " ";
  display: block;
  overflow: hidden;
  clear: both;
  height: 0;
}
@media (min-width: 1000px) {
  .date-filter {
    clear: none;
  }
}
input[type='checkbox'][id^='show-'] {
  display: none;
}
label[id^='toggle-'] {
  margin: .25em 2em .25em 0;
  font-size: 1.6em;
  color: green;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
@media (min-width: 400px) {
  label[id^='toggle-'] {
    display: inline-block;
    float: left;
    width: 45.6%;
    margin-right: 4.4%;
  }
}
@media (min-width: 800px) {
  label[id^='toggle-'] {
    font-size: 18px;
  }
}
@media (min-width: 1000px) {
  label[id^='toggle-'] {
    width: auto;
    margin: 0 4.4% 0 0;
  }
}
label[id^='toggle-'] ::-moz-selection {
  background: transparent;
}
label[id^='toggle-'] ::selection {
  background: transparent;
}
label[id^='toggle-']:before {
  content: '\e6a8';
  margin-right: .5em;
}
#show-FBT:not(:checked) ~ .date-filter #toggle-FBT {
  color: #888888;
  opacity: 0.4;
}
#show-FBT:not(:checked) ~ .date-filter #toggle-FBT:before {
  content: '\e6a7';
}
#show-General:not(:checked) ~ .date-filter #toggle-General {
  color: #888888;
  opacity: 0.4;
}
#show-General:not(:checked) ~ .date-filter #toggle-General:before {
  content: '\e6a7';
}
#show-GST:not(:checked) ~ .date-filter #toggle-GST {
  color: #888888;
  opacity: 0.4;
}
#show-GST:not(:checked) ~ .date-filter #toggle-GST:before {
  content: '\e6a7';
}
#show-Income:not(:checked) ~ .date-filter #toggle-Income {
  color: #888888;
  opacity: 0.4;
}
#show-Income:not(:checked) ~ .date-filter #toggle-Income:before {
  content: '\e6a7';
}
#show-PAYE:not(:checked) ~ .date-filter #toggle-PAYE {
  color: #888888;
  opacity: 0.4;
}
#show-PAYE:not(:checked) ~ .date-filter #toggle-PAYE:before {
  content: '\e6a7';
}
#show-Provisional:not(:checked) ~ .date-filter #toggle-Provisional {
  color: #888888;
  opacity: 0.4;
}
#show-Provisional:not(:checked) ~ .date-filter #toggle-Provisional:before {
  content: '\e6a7';
}
#show-Terminal:not(:checked) ~ .date-filter #toggle-Terminal {
  color: #888888;
  opacity: 0.4;
}
#show-Terminal:not(:checked) ~ .date-filter #toggle-Terminal:before {
  content: '\e6a7';
}
#show-Excise:not(:checked) ~ .date-filter #toggle-Excise {
  color: #888888;
  opacity: 0.4;
}
#show-Excise:not(:checked) ~ .date-filter #toggle-Excise:before {
  content: '\e6a7';
}
#show-General:not(:checked) ~ .date-filter #toggle-General {
  color: #888888;
  opacity: 0.4;
}
#show-General:not(:checked) ~ .date-filter #toggle-General:before {
  content: '\e6a7';
}
#show-GST:not(:checked) ~ .date-filter #toggle-GST {
  color: #888888;
  opacity: 0.4;
}
#show-GST:not(:checked) ~ .date-filter #toggle-GST:before {
  content: '\e6a7';
}
#show-Monthly-Depositor:not(:checked) ~ .date-filter #toggle-Monthly-Depositor {
  color: #888888;
  opacity: 0.4;
}
#show-Monthly-Depositor:not(:checked) ~ .date-filter #toggle-Monthly-Depositor:before {
  content: '\e6a7';
}
#show-Semiweekly-Depositor:not(:checked) ~ .date-filter #toggle-Semiweekly-Depositor {
  color: #888888;
  opacity: 0.4;
}
#show-Semiweekly-Depositor:not(:checked) ~ .date-filter #toggle-Semiweekly-Depositor:before {
  content: '\e6a7';
}
#show-FBT:not(:checked) ~ .tax-group-list .tax-date-type--FBT {
  display: none;
}
#show-General:not(:checked) ~ .tax-group-list .tax-date-type--General {
  display: none;
}
#show-GST:not(:checked) ~ .tax-group-list .tax-date-type--GST {
  display: none;
}
#show-Income:not(:checked) ~ .tax-group-list .tax-date-type--Income {
  display: none;
}
#show-PAYE:not(:checked) ~ .tax-group-list .tax-date-type--PAYE {
  display: none;
}
#show-Provisional:not(:checked) ~ .tax-group-list .tax-date-type--Provisional {
  display: none;
}
#show-Terminal:not(:checked) ~ .tax-group-list .tax-date-type--Terminal {
  display: none;
}
#show-Excise:not(:checked) ~ .tax-group-list .tax-date-type--Excise {
  display: none;
}
#show-General:not(:checked) ~ .tax-group-list .tax-date-type--General {
  display: none;
}
#show-GST:not(:checked) ~ .tax-group-list .tax-date-type--GST {
  display: none;
}
#show-Monthly-Depositor:not(:checked) ~ .tax-group-list .tax-date-type--Monthly-Depositor {
  display: none;
}
#show-Semiweekly-Depositor:not(:checked) ~ .tax-group-list .tax-date-type--Semiweekly-Depositor {
  display: none;
}
/*------------------------------------------------------

	TEAM PROFILES WEBAPP

------------------------------------------------------*/
.team-detail {
  margin-bottom: 48px;
}
.team-detail .column,
.team-detail .primary-a,
.team-detail .sidebar-a,
.team-detail .primary-b,
.team-detail .sidebar-b,
.team-detail .supporting-articles .article-list .item-article,
.team-detail .module-content .gridrow-c .item-article,
.team-detail .module-content .u-page .webappsearchresults .item-article {
  float: left;
}
.team-detail .supporting-image {
  float: left;
  max-width: 28.93333333333333%;
  margin-right: 2.2%;
  margin-bottom: 16px;
}
.team-detail .supporting-image[src=''] {
  display: none;
}
.team-detail header {
  margin-bottom: 12px;
}
.team-detail header .worktitle {
  display: block;
  font-size: 16px;
}
.team-detail .cont p {
  font-size: 14px;
}
.team-detail .cont a,
.team-detail .cont span {
  display: inline-block;
  position: relative;
  padding-left: 24px;
  line-height: 24px;
  margin: 1px 0;
}
.team-detail .cont a:before,
.team-detail .cont span:before {
  position: absolute;
  left: 0;
  line-height: 1.5;
  display: inline-block;
  color: #468fcd;
}
.team-detail .cont a:hover:before,
.team-detail .cont span:hover:before {
  text-decoration: none;
}
.team-detail .cont a:empty,
.team-detail .cont span:empty {
  display: none;
}
.team-detail .cont a:empty + br,
.team-detail .cont span:empty + br {
  display: none;
}
.team-detail .cont a.phone a,
.team-detail .cont span.phone a {
  padding-left: 0;
}
.team-detail .cont a.phone a:before,
.team-detail .cont span.phone a:before {
  display: none;
}
.team-detail .bio {
  float: left;
  clear: left;
}
@media only screen and (max-width: 600px) {
  .team-detail figure.image.column.w4,
  .team-detail figure.image.primary-a.w4,
  .team-detail figure.image.sidebar-a.w4,
  .team-detail figure.image.primary-b.w4,
  .team-detail figure.image.sidebar-b.w4,
  .team-detail figure.image.supporting-articles .article-list .item-article.w4,
  .team-detail figure.image.module-content .gridrow-c .item-article.w4,
  .team-detail figure.image.module-content .u-page .webappsearchresults .item-article.w4 {
    height: auto;
  }
  .team-detail figure.image.column.w4 img,
  .team-detail figure.image.primary-a.w4 img,
  .team-detail figure.image.sidebar-a.w4 img,
  .team-detail figure.image.primary-b.w4 img,
  .team-detail figure.image.sidebar-b.w4 img,
  .team-detail figure.image.supporting-articles .article-list .item-article.w4 img,
  .team-detail figure.image.module-content .gridrow-c .item-article.w4 img,
  .team-detail figure.image.module-content .u-page .webappsearchresults .item-article.w4 img {
    width: auto;
    height: auto;
    margin: 0 auto;
  }
}
/*------------------------------------------------------

	TESTIMONIALS WEBAPP

------------------------------------------------------*/
.testimonials article {
  margin: 0 0 30px;
  height: auto;
  padding: 26px 23px;
  border: 1px solid #eee;
}
.testimonials article blockquote {
  position: relative;
  padding: 0 0 32px;
  margin: 0 0 22px;
  color: #888888;
}
.testimonials article blockquote:before {
  position: absolute;
  z-index: 10;
  font-family: 'icomoon';
  font-size: 36px;
  width: 1em;
  height: 1em;
  line-height: 1;
  padding: .25em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  color: #194888;
  background: white;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%, 45%);
  -moz-transform: translate(-50%, 45%);
  -ms-transform: translate(-50%, 45%);
  transform: translate(-50%, 45%);
}
.testimonials article blockquote:after {
  display: block;
  position: absolute;
  z-index: 1;
  content: ' ';
  bottom: 0;
  left: 0;
  right: 0;
  height: 0;
  border-bottom: 1px solid #eee;
}
.testimonials article blockquote p {
  font-style: italic;
}
.testimonials article .author {
  padding: 0 9px;
  font-size: 14px;
  line-height: 24px;
  font-style: italic;
}
.testimonials article .author span {
  font-style: normal;
}
.testimonials article .author .supporting-image {
  display: inline-block;
  vertical-align: middle;
  width: 80px;
  height: 80px;
  margin-right: 1em;
  background-size: 100% auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.testimonials article .author .supporting-image.src- {
  display: none;
}
.testimonials.alt {
  position: relative;
}
.testimonials.alt h2 {
  text-transform: uppercase;
  font-weight: 500;
}
.testimonials.alt .wrap {
  margin: 0 0 20px;
}
.testimonials.alt article {
  padding: 26px 20px;
  margin: 0 0 5px;
  height: auto;
}
.testimonials.alt article ~ article {
  display: none;
}
.testimonials.alt article blockquote {
  padding: 0 0 58px 9px;
  background-position: -20px 100%;
}
.testimonials.alt article .author {
  padding: 0 0 0 9px;
  font-size: 13px;
}
.testimonials.alt .nav {
  position: absolute;
  top: 8px;
  right: 0;
  float: right;
  list-style: none;
  padding: 0;
}
.testimonials.alt .nav li {
  float: left;
  padding: 0;
  background: none;
}
.testimonials.alt .nav li a {
  display: block;
  width: 22px;
  height: 22px;
  overflow: hidden;
  background: url('/images/arrows-c.png') 0 0 no-repeat;
  text-indent: -100001em;
}
.testimonials.alt .nav li a.next {
  background-position: 100% 0;
}
.testimonials.alt .nav li a:hover {
  background-position: 0 100%;
}
.testimonials.alt .nav li a.next:hover {
  background-position: 100% 100%;
}
.testimonials.alt .nav li:first-child {
  float: right;
  border-left: 1px solid #d6d8d7;
}
.testimonials.alt .button-a,
.testimonials.alt .cat_button,
.testimonials.alt [type='submit'] {
  width: 100%;
}
/*------------------------------------------------------

	VIDEOS WEBAPP
	!TODO: TIDY

------------------------------------------------------*/
.video-list {
  height: auto;
}
.video-a figure {
  position: relative;
  width: 100%;
  margin: 0 0 5px;
}
.video-a figure a {
  display: block;
  overflow: hidden;
  text-align: center;
}
.video-a figure a img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.video-a figure a:before,
.video-a figure a span.before,
figure.video a:before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: ' ';
  width: 53px;
  height: 53px;
  margin: -26px 0 0 -26px;
  padding: 0;
  background: url('/images/play-btn.png') no-repeat;
  text-indent: -9999px;
}
figure.video a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.video-a figure a:hover:before,
figure.video a:hover:before {
  background-position: 0 -53px;
}
.video-a figure img {
  display: block;
}
.video-a p {
  margin: 0 0 10px;
}
.video-a h4 {
  min-height: 48px;
  margin: 15px 0 10px;
}
.video-a.video-list figure a {
  border: 1px solid #aaa;
  /*  height: 172px; */
  overflow: hidden;
  line-height: 220px;
}
.video-a.video-list figure a img {
  min-width: 100%;
  width: auto;
  height: auto;
}
/*------------------------------------------------------

	XERO CERTIFIED LOGO WEBAPP

------------------------------------------------------*/
.webapp.holder {
  display: inline-block;
  float: left;
  margin-right: 24px;
}
.webapp.holder a {
  display: block;
  /* margin-top: 20px; */
}
.webapp.holder .xerologo {
  margin-top: -11px;
  width: 130px;
  height: 75px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.webapp.holder .xerologo.Certified.Advisor {
  background-image: url(../images/xero/xero-certifiedadvisor-logo-RGB.png);
}
.webapp.holder .xerologo.Bronze.Partner {
  background-image: url(../images/xero/xero-bronze-partner-logo-RGB.png);
}
.webapp.holder .xerologo.Silver.Partner {
  background-image: url(../images/xero/xero-silver-partner-logo-RGB.png);
}
.webapp.holder .xerologo.Gold.Partner {
  background-image: url(../images/xero/xero-gold-partner-logo-lores-RGB.png);
}
.webapp.holder .xerologo.Platinum.Partner {
  background-image: url(../images/xero/xero-platinum-partner-logo-RGB.png);
}
/*------------------------------------------------------

	HOMEPAGE

------------------------------------------------------*/
body.homepage {
  background-color: #f4f6f8;
}
body.homepage #top {
  margin-bottom: 0;
}
body.homepage #content {
  margin-top: 114px;
}
body.homepage #content .wrapper {
  background: none;
}
.homepage-items .column.form,
.homepage-items .column.ebook,
.homepage-items .primary-a.form,
.homepage-items .primary-a.ebook,
.homepage-items .sidebar-a.form,
.homepage-items .sidebar-a.ebook,
.homepage-items .primary-b.form,
.homepage-items .primary-b.ebook,
.homepage-items .sidebar-b.form,
.homepage-items .sidebar-b.ebook,
.homepage-items .supporting-articles .article-list .item-article.form,
.homepage-items .supporting-articles .article-list .item-article.ebook,
.homepage-items .module-content .gridrow-c .item-article.form,
.homepage-items .module-content .gridrow-c .item-article.ebook,
.homepage-items .module-content .u-page .webappsearchresults .item-article.form,
.homepage-items .module-content .u-page .webappsearchresults .item-article.ebook {
  width: 48.5%;
  margin-bottom: 0;
  padding: 24px 18px;
  background: white;
}
@media only screen and (max-width: 900px) {
  .homepage-items .column.form,
  .homepage-items .ebook-box,
  .homepage-items .primary-a.form,
  .homepage-items .sidebar-a.form,
  .homepage-items .primary-b.form,
  .homepage-items .sidebar-b.form,
  .homepage-items .supporting-articles .article-list .item-article.form,
  .homepage-items .module-content .gridrow-c .item-article.form,
  .homepage-items .module-content .u-page .webappsearchresults .item-article.form {
    width: 98.5%;
    min-height: 0 !important;
  }
  .homepage-items .ebook-box .w4,
  .homepage-items .ebook-box .w8 {
    width: 48.5%;
  }
}
@media only screen and (max-width: 800px) {
  body.homepage #content {
    margin-top: 98px;
  }
  body.homepage .homepage-items .form,
  body.homepage .homepage-items .ebook {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 600px) {
  body.homepage #content {
    margin-top: 0;
  }
}
/*------------------------------------------------------

	UNSUPPORTED BROWSER PAGE

------------------------------------------------------*/
.lt-ie9 #top {
  position: static;
  height: 100px;
}
.lt-ie9 #logo {
  height: 80px;
  width: auto;
}
.lt-ie9 #nav,
.lt-ie9 #nav-foot,
.lt-ie9 .top-bar,
.lt-ie9 .social-footer {
  display: none !important;
}
.lt-ie9 #content {
  margin-top: 40px;
}
.lt-ie9 .w8 form {
  width: 100% !important;
}
.lt-ie9 .w8 .button-a,
.lt-ie9 .w8 .cat_button,
.lt-ie9 .w8 [type='submit'] {
  float: left;
}
.lt-ie9 .gridrow-a .column,
.lt-ie9 .gridrow-b .column,
.lt-ie9 .gridrow-c .column,
.lt-ie9 .gridrow-a .primary-a,
.lt-ie9 .gridrow-b .primary-a,
.lt-ie9 .gridrow-c .primary-a,
.lt-ie9 .gridrow-a .sidebar-a,
.lt-ie9 .gridrow-b .sidebar-a,
.lt-ie9 .gridrow-c .sidebar-a,
.lt-ie9 .gridrow-a .primary-b,
.lt-ie9 .gridrow-b .primary-b,
.lt-ie9 .gridrow-c .primary-b,
.lt-ie9 .gridrow-a .sidebar-b,
.lt-ie9 .gridrow-b .sidebar-b,
.lt-ie9 .gridrow-c .sidebar-b,
.lt-ie9 .u-page .webappsearchresults .column,
.lt-ie9 .gridrow-a .supporting-articles .article-list .item-article,
.lt-ie9 .gridrow-b .supporting-articles .article-list .item-article,
.lt-ie9 .gridrow-c .supporting-articles .article-list .item-article,
.lt-ie9 .gridrow-a .module-content .gridrow-c .item-article,
.lt-ie9 .gridrow-b .module-content .gridrow-c .item-article,
.lt-ie9 .gridrow-c .module-content .gridrow-c .item-article,
.lt-ie9 .gridrow-a .module-content .u-page .webappsearchresults .item-article,
.lt-ie9 .gridrow-b .module-content .u-page .webappsearchresults .item-article,
.lt-ie9 .gridrow-c .module-content .u-page .webappsearchresults .item-article {
  display: inline;
  display: inline-block;
  width: 37.26666666666667%;
}
/*------------------------------------------------------

	XERO PAGE

------------------------------------------------------*/
.xero_landing.w6.a {
  clear: both;
  margin-left: 0;
}
.xero_landing .services-list {
  position: relative;
  padding-top: 27px;
  border-top: 1px solid rgba(70, 143, 205, 0.2);
}
.xero_landing .services-list img {
  position: absolute;
  left: 0;
}
.xero_landing .services-list h4,
.xero_landing .services-list p {
  padding-left: 60px;
}
.xero_landing .video {
  width: 100%;
  height: auto;
  margin-bottom: 16px;
}
.xero_landing .video a,
.xero_landing .video a img {
  max-width: 100%;
}
.lead {
  font-size: 18px;
  font-weight: normal;
}
#contact .form-a input[type="text"] {
  width: 220px;
}
/*------------------------------------------------------

	"OVERRIDES"
	!TODO: INCORPORATE INTO APPROPRIATE SECTIONS

------------------------------------------------------*/
#navTrigger,
#navHide {
  display: none;
}
div.breadcrumb {
  display: none;
  visibility: hidden;
}
#fancybox-outer {
  background: black;
}
div.post-a .post-add-info {
  overflow: visible;
}
span.link-facebook {
  height: auto;
}
.nav-side a {
  text-decoration: none;
}
.lead {
  /* font-size: 20px; */
  font-weight: bold;
}
html .no-background[class*='no-background'] {
  background: none;
  background-color: transparent;
}
#customfields #CAT_Custom_286390,
#customfields #CAT_Custom_286391,
#customfields #CAT_Custom_286396,
#customfields #CAT_Custom_286397 {
  display: none;
}
#customfields #CAT_Custom_274439,
#customfields #CAT_Custom_274440,
#customfields #CAT_Custom_274441,
#customfields #CAT_Custom_274442 {
  display: none;
}
#customfields #CAT_Custom_274434,
#customfields #CAT_Custom_274435,
#customfields #CAT_Custom_274436,
#customfields #CAT_Custom_274437 {
  display: none;
}
/*------------------------------------------------------

	RESPONSIVE
	!TODO: REWORK AND MERGE WITH APPROPRIATE @IMPORT'ed FILES

------------------------------------------------------*/
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
  }
}
@media screen and (max-width: 600px) {
  body {
    overflow-x: hidden;
  }
  #navTrigger,
  #navHide {
    border: 1px solid #eee;
    font-size: 16px;
    text-align: center;
    margin-top: 4px;
    padding: 4px 12px;
    cursor: pointer;
    text-transform: uppercase;
  }
  .wrapper,
  .page-banner .page-title,
  .page-banner > * {
    width: 90%;
  }
  .home #top .wrapper {
    border-bottom: 2px solid #e7eaf1;
  }
  #top {
    height: auto;
  }
  #top .wrapper {
    height: auto !important;
  }
  #top .top-wrap {
    padding: 12px 0 0;
  }
  #top #logo {
    margin: 0 auto;
    text-align: center;
    clear: both;
  }
  #top #logo a {
    display: block;
  }
  #top .top-bar {
    display: none;
  }
  #top #nav {
    position: static;
    clear: both;
    overflow: auto;
    width: 100%;
  }
  #top #nav.expanded > ul {
    top: 2.5%;
    overflow-y: auto;
  }
  #top #nav > ul {
    display: none;
    padding-left: 0;
    border: 1px solid #ddd;
    position: absolute;
    z-index: 999;
    left: 0;
    right: 0;
    transition: top 0.3s;
    -moz-transition: top 0.3s;
    -webkit-transition: top 0.3s;
    -o-transition: top 0.3s;
    overflow: auto;
  }
  #top #nav > ul li {
    display: list-item;
    width: auto;
  }
  #top #nav > ul li ul {
    display: block;
  }
  #top #nav > ul li a {
    padding: 0 .75em;
    font-size: 16px;
    height: 22px;
    line-height: 22px;
    margin-top: 6px;
  }
  #top #nav > ul li ul {
    padding-left: 12px;
    padding-top: 0;
    position: relative;
    left: 0;
    top: 0;
  }
  #top #nav > ul li ul li {
    border: none;
    border-left: 2px solid #eee;
  }
  #top #nav > ul li ul li ul {
    display: none;
  }
  #nav-foot ul {
    margin: 0 -16px;
  }
  #nav-foot-2 {
    text-align: left;
  }
  #nav-foot-2 p,
  #nav-foot-2 ul {
    margin-bottom: 1em;
  }
  #nav-foot-2 ul li:first-child {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
  }
  #nav-foot-2 p:last-child {
    padding-bottom: 12px;
  }
  .responsive.iframe {
    text-align: center;
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 55%;
  }
  .responsive.iframe iframe {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .primary-b p.date {
    position: absolute;
  }
  .primary-b .content * {
    max-width: 100%;
  }
  .primary-b .post-add-info {
    max-width: 100% !important;
    height: auto !important;
  }
  .team-detail .content-a.gridrow-a .image {
    text-align: left;
  }
  .team-detail .content-a.gridrow-a .image img {
    display: block;
    width: auto !important;
    height: auto !important;
  }
  #title .w5,
  #title .w7 {
    display: inline-block;
    width: auto !important;
    margin-bottom: 12px !important;
  }
  .plans_pricing .mostpopular_1:after {
    right: 12px !important;
  }
  img {
    max-width: 100%;
    height: auto !important;
  }
  .gridrow-a > .column,
  .col,
  .column,
  .gridrow-a > .primary-a,
  .primary-a,
  .gridrow-a > .sidebar-a,
  .sidebar-a,
  .gridrow-a > .primary-b,
  .primary-b,
  .gridrow-a > .sidebar-b,
  .sidebar-b,
  .u-page .gridrow-c > .item-article,
  .u-page .webappsearchresults > .item-article,
  .gridrow-a > .supporting-articles .article-list .item-article,
  .supporting-articles .article-list .item-article,
  .gridrow-a > .module-content .gridrow-c .item-article,
  .module-content .gridrow-c .item-article,
  .homepage-item,
  .u-page .u-page .webappsearchresults > .item-article,
  .gridrow-a > .module-content .u-page .webappsearchresults .item-article,
  .module-content .u-page .webappsearchresults .item-article {
    width: 100% !important;
    margin: 0 !important;
    margin-bottom: 24px !important;
  }
  .gridrow-a > .column.img,
  .col.img,
  .column.img,
  .gridrow-a > .column.image,
  .col.image,
  .column.image,
  .gridrow-a > .primary-a.img,
  .primary-a.img,
  .gridrow-a > .primary-a.image,
  .primary-a.image,
  .gridrow-a > .sidebar-a.img,
  .sidebar-a.img,
  .gridrow-a > .sidebar-a.image,
  .sidebar-a.image,
  .gridrow-a > .primary-b.img,
  .primary-b.img,
  .gridrow-a > .primary-b.image,
  .primary-b.image,
  .gridrow-a > .sidebar-b.img,
  .sidebar-b.img,
  .gridrow-a > .sidebar-b.image,
  .sidebar-b.image,
  .gridrow-a > .supporting-articles .article-list .item-article.img,
  .supporting-articles .article-list .item-article.img,
  .gridrow-a > .supporting-articles .article-list .item-article.image,
  .supporting-articles .article-list .item-article.image,
  .gridrow-a > .module-content .gridrow-c .item-article.img,
  .module-content .gridrow-c .item-article.img,
  .gridrow-a > .module-content .gridrow-c .item-article.image,
  .module-content .gridrow-c .item-article.image,
  .gridrow-a > .module-content .u-page .webappsearchresults .item-article.img,
  .module-content .u-page .webappsearchresults .item-article.img,
  .gridrow-a > .module-content .u-page .webappsearchresults .item-article.image,
  .module-content .u-page .webappsearchresults .item-article.image {
    text-align: center;
  }
  .gridrow-a > .column.img img,
  .col.img img,
  .column.img img,
  .gridrow-a > .column.image img,
  .col.image img,
  .column.image img,
  .gridrow-a > .primary-a.img img,
  .primary-a.img img,
  .gridrow-a > .primary-a.image img,
  .primary-a.image img,
  .gridrow-a > .sidebar-a.img img,
  .sidebar-a.img img,
  .gridrow-a > .sidebar-a.image img,
  .sidebar-a.image img,
  .gridrow-a > .primary-b.img img,
  .primary-b.img img,
  .gridrow-a > .primary-b.image img,
  .primary-b.image img,
  .gridrow-a > .sidebar-b.img img,
  .sidebar-b.img img,
  .gridrow-a > .sidebar-b.image img,
  .sidebar-b.image img,
  .gridrow-a > .supporting-articles .article-list .item-article.img img,
  .supporting-articles .article-list .item-article.img img,
  .gridrow-a > .supporting-articles .article-list .item-article.image img,
  .supporting-articles .article-list .item-article.image img,
  .gridrow-a > .module-content .gridrow-c .item-article.img img,
  .module-content .gridrow-c .item-article.img img,
  .gridrow-a > .module-content .gridrow-c .item-article.image img,
  .module-content .gridrow-c .item-article.image img,
  .gridrow-a > .module-content .u-page .webappsearchresults .item-article.img img,
  .module-content .u-page .webappsearchresults .item-article.img img,
  .gridrow-a > .module-content .u-page .webappsearchresults .item-article.image img,
  .module-content .u-page .webappsearchresults .item-article.image img {
    width: 100%;
    max-width: 100% !important;
    height: auto !important;
    display: inline-block !important;
  }
  .items-a header h3 {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
  }
  div.promobar div.wrap.gridrow-a .close {
    position: absolute;
    left: 3px;
    top: 16px;
    width: 24px !important;
    height: 24px;
    z-index: 999;
  }
  div.promobar div.wrap.gridrow-a .content {
    padding-left: 30px;
    width: auto !important;
  }
  div.promobar div.wrap.gridrow-a .w3,
  div.promobar div.wrap.gridrow-a .full.width .plans_pricing .planWrap,
  div.promobar div.wrap.gridrow-a .full-width .plans_pricing .planWrap {
    text-align: center;
  }
  div.promobar div.wrap.gridrow-a .w3 a.btn,
  div.promobar div.wrap.gridrow-a .full.width .plans_pricing .planWrap a.btn,
  div.promobar div.wrap.gridrow-a .full-width .plans_pricing .planWrap a.btn {
    width: auto !important;
    float: none;
    margin: .25em auto 0 ;
    padding: .25em 1em;
    display: inline-block !important;
  }
}
/*------------------------------------------------------

	_SITE-CUSTOM.LESS

------------------------------------------------------*/
.homepage-item {
  width: 48.5%;
}
.homepage #logo {
  height: 120px;
  margin-top: 30px;
}