@font-face {
  font-family: 'agendio_ui';
  src: url("fonts/agendio_ui.eot?ncvz6a");
  src: url("fonts/agendio_ui.eot?ncvz6a#iefix") format("embedded-opentype"), url("fonts/agendio_ui.ttf?ncvz6a") format("truetype"), url("fonts/agendio_ui.woff?ncvz6a") format("woff"), url("fonts/agendio_ui.svg?ncvz6a#agendio_ui") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'agendio_ui' !important;
  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-flexdisc:before {
  content: "\e91c"; }

.icon-flex:before {
  content: "\e91b"; }

.icon-play-solid:before {
  content: "\e919"; }

.icon-cart:before {
  content: "\e91a"; }

.icon-question:before {
  content: "\e600"; }

.icon-uniE601:before {
  content: "\e601"; }

.icon-expand:before {
  content: "\e603"; }

.icon-arrow-right-thick:before {
  content: "\e604"; }

.icon-arrow-right:before {
  content: "\e605"; }

.icon-arrow-down:before {
  content: "\e606"; }

.icon-arrow-down-thick:before {
  content: "\e607"; }

.icon-arrow-left-thick:before {
  content: "\e608"; }

.icon-remove:before {
  content: "\e609"; }

.icon-error:before {
  content: "\e60a"; }

.icon-info:before {
  content: "\e60b"; }

.icon-dot-small:before {
  content: "\e60c"; }

.icon-question-solid:before {
  content: "\e60d"; }

.icon-close:before {
  content: "\e60e"; }

.icon-pointer-left:before {
  content: "\e60f"; }

.icon-pointer-right:before {
  content: "\e610"; }

.icon-pointer-up:before {
  content: "\e611"; }

.icon-primitive-dot:before {
  content: "\e612"; }

.icon-arrow-left:before {
  content: "\e613"; }

.icon-twitter:before {
  content: "\e614"; }

.icon-facebook:before {
  content: "\e615"; }

.icon-google-plus:before {
  content: "\e616"; }

.icon-pinterest:before {
  content: "\e617"; }

.icon-calendar:before {
  content: "\e618"; }

.icon-blog-post:before {
  content: "\e619"; }

.icon-dot-tiny:before {
  content: "\e61a"; }

.icon-menu:before {
  content: "\e61d"; }

.icon-arrow-up:before {
  content: "\e61e"; }

.icon-arrow-up-thick:before {
  content: "\e61f"; }

.icon-linkedin:before {
  content: "\e620"; }

.icon-move:before {
  content: "\e900"; }

.icon-dash:before {
  content: "\e901"; }

.icon-checkmark-heavy:before {
  content: "\e902"; }

.icon-checkmark:before {
  content: "\e903"; }

.icon-rotate-device:before {
  content: "\e904"; }

.icon-widen-screen:before {
  content: "\e905"; }

.icon-mobile-to-desktop:before {
  content: "\e906"; }

.icon-star:before {
  content: "\e907"; }

.icon-sortable:before {
  content: "\e908"; }

.icon-refresh:before {
  content: "\e909"; }

.icon-resize-down:before {
  content: "\e90a"; }

.icon-resize-left:before {
  content: "\e90b"; }

.icon-shipping-truck:before {
  content: "\e90c"; }

.icon-remove-solid:before {
  content: "\e90d"; }

.icon-resize-right:before {
  content: "\e90e"; }

.icon-resize-up:before {
  content: "\e90f"; }

.icon-info-solid:before {
  content: "\e910"; }

.icon-bubble:before {
  content: "\e911"; }

.icon-play:before {
  content: "\e912"; }

.icon-arrow-first:before {
  content: "\e913"; }

.icon-arrow-last:before {
  content: "\e914"; }

.icon-resize-collapse:before {
  content: "\e915"; }

.icon-resize-expand:before {
  content: "\e916"; }

.icon-resize-maximize:before {
  content: "\e917"; }

.icon-resize-minimize:before {
  content: "\e918"; }

header.for-content-pages, body header > nav.primary, body footer, .card header, .button.shadow, a.button.shadow {
  background: #f0f4f7;
  background: -moz-linear-gradient(top, #f0f4f7 0%, #e9eaf0 100%);
  background: -webkit-linear-gradient(top, #f0f4f7 0%, #e9eaf0 100%);
  background: linear-gradient(to bottom, #f0f4f7 0%, #e9eaf0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f4f7', endColorstr='#e9eaf0',GradientType=0 ); }

.button.shadow:hover, a.button.shadow:hover {
  background: #f7fafc;
  background: -moz-linear-gradient(top, #f7fafc 0%, #edeff2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7fafc), color-stop(100%, #edeff2));
  background: -webkit-linear-gradient(top, #f7fafc 0%, #edeff2 100%);
  background: -o-linear-gradient(top, #f7fafc 0%, #edeff2 100%);
  background: -ms-linear-gradient(top, #f7fafc 0%, #edeff2 100%);
  background: linear-gradient(to bottom, #f7fafc 0%, #edeff2 100%); }

body.my-account-page table.orders-list td section.details section header {
  background: #d8e0e8;
  background: -moz-linear-gradient(top, #d8e0e8 1%, #d1d9e0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #d8e0e8), color-stop(100%, #d1d9e0));
  background: -webkit-linear-gradient(top, #d8e0e8 1%, #d1d9e0 100%);
  background: -o-linear-gradient(top, #d8e0e8 1%, #d1d9e0 100%);
  background: -ms-linear-gradient(top, #d8e0e8 1%, #d1d9e0 100%);
  background: linear-gradient(to bottom, #d8e0e8 1%, #d1d9e0 100%); }

.button.secondary, a.button.secondary {
  background: #d5dfe8;
  background: -moz-linear-gradient(top, #d5dfe8 0%, #c3cbd4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d5dfe8), color-stop(100%, #c3cbd4));
  background: -webkit-linear-gradient(top, #d5dfe8 0%, #c3cbd4 100%);
  background: -o-linear-gradient(top, #d5dfe8 0%, #c3cbd4 100%);
  background: -ms-linear-gradient(top, #d5dfe8 0%, #c3cbd4 100%);
  background: linear-gradient(to bottom, #d5dfe8 0%, #c3cbd4 100%); }

.button.secondary:hover, a.button.secondary:hover {
  background: #dae4ed;
  background: -moz-linear-gradient(top, #dae4ed 0%, #c9d2db 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dae4ed), color-stop(100%, #c9d2db));
  background: -webkit-linear-gradient(top, #dae4ed 0%, #c9d2db 100%);
  background: -o-linear-gradient(top, #dae4ed 0%, #c9d2db 100%);
  background: -ms-linear-gradient(top, #dae4ed 0%, #c9d2db 100%);
  background: linear-gradient(to bottom, #dae4ed 0%, #c9d2db 100%); }

.button.primary, a.button.primary {
  background: #f0f4f7;
  background: -moz-linear-gradient(top, #f0f4f7 0%, #0099e0 0%, #008ac9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f4f7), color-stop(0%, #0099e0), color-stop(100%, #008ac9));
  background: -webkit-linear-gradient(top, #f0f4f7 0%, #0099e0 0%, #008ac9 100%);
  background: -o-linear-gradient(top, #f0f4f7 0%, #0099e0 0%, #008ac9 100%);
  background: -ms-linear-gradient(top, #f0f4f7 0%, #0099e0 0%, #008ac9 100%);
  background: linear-gradient(to bottom, #f0f4f7 0%, #0099e0 0%, #008ac9 100%); }

.button.primary:hover, a.button.primary:hover {
  background: #f0f4f7;
  background: -moz-linear-gradient(top, #f0f4f7 0%, #00a0ea 0%, #0094d3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f4f7), color-stop(0%, #00a0ea), color-stop(100%, #0094d3));
  background: -webkit-linear-gradient(top, #f0f4f7 0%, #00a0ea 0%, #0094d3 100%);
  background: -o-linear-gradient(top, #f0f4f7 0%, #00a0ea 0%, #0094d3 100%);
  background: -ms-linear-gradient(top, #f0f4f7 0%, #00a0ea 0%, #0094d3 100%);
  background: linear-gradient(to bottom, #f0f4f7 0%, #00a0ea 0%, #0094d3 100%); }

.button.danger, a.button.danger {
  background: #ff3019;
  background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404));
  background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%); }

.button.danger:hover, a.button.danger:hover {
  background: #ff4130;
  background: -moz-linear-gradient(top, #ff4130 0%, #ce2525 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff4130), color-stop(100%, #ce2525));
  background: -webkit-linear-gradient(top, #ff4130 0%, #ce2525 100%);
  background: -o-linear-gradient(top, #ff4130 0%, #ce2525 100%);
  background: -ms-linear-gradient(top, #ff4130 0%, #ce2525 100%);
  background: linear-gradient(to bottom, #ff4130 0%, #ce2525 100%); }

body.home-page footer, .reversed {
  background-color: #113c4f;
  background-color: -moz-linear-gradient(top, #113c4f 0%, #21698a 100%);
  background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #113c4f), color-stop(100%, #21698a));
  background-color: -webkit-linear-gradient(top, #113c4f 0%, #21698a 100%);
  background-color: -o-linear-gradient(top, #113c4f 0%, #21698a 100%);
  background-color: -ms-linear-gradient(top, #113c4f 0%, #21698a 100%);
  background-color: linear-gradient(to bottom, #113c4f 0%, #21698a 100%); }

@font-face {
  font-family: 'Quattrocento';
  src: url("fonts/QuattrocentoSans-Regular.eot");
  src: url("fonts/QuattrocentoSans-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/QuattrocentoSans-Regular.woff") format("woff"), url("fonts/QuattrocentoSans-Regular.ttf") format("truetype"), url("fonts/QuattrocentoSans-Regular.svg#QuattrocentoSans-Regular") format("svg");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: 'Quattrocento';
  src: url("fonts/QuattrocentoSans-Bold.eot");
  src: url("fonts/QuattrocentoSans-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/QuattrocentoSans-Bold.woff") format("woff"), url("fonts/QuattrocentoSans-Bold.ttf") format("truetype"), url("fonts/QuattrocentoSans-Bold.svg#QuattrocentoSans-Bold") format("svg");
  font-style: normal;
  font-weight: 700; }

/* CLASSES */
.normal {
  font-weight: 400; }

.floatLeft {
  float: left; }

.floatRight {
  float: right; }

.textLeft {
  text-align: left !important; }

.textRight {
  text-align: right !important; }

.textJustify {
  text-align: justify !important; }

.textCenter {
  text-align: center !important; }

.relative {
  position: relative; }

.white {
  color: #FFFFFF !important; }

.blue {
  color: #008AC9; }

.blueAgendio {
  color: #113B4F; }

.red {
  color: #FF284F; }

.green {
  color: #67C458; }

.greyDivider {
  color: #CCD8DE; }

.grey {
  color: #9BA1A3; }

.background {
  color: #F7F7F8 !important; }

.borderTop {
  border-top: 1px solid #CCD8DE; }

.borderBottom {
  border-bottom: 1px solid #CCD8DE; }

.borderLeft {
  border-left: 1px solid #CCD8DE; }

.borderRight {
  border-right: 1px solid #CCD8DE; }

img.fit {
  width: 100%; }

.zebra {
  background-color: #E3EAEF; }

/* FONT FACES */
.bodyFontFamily, body, nav.frequency-selector button, nav.frequency-selector a, .form article input[type="text"],
.form article input[type="email"],
.form article input[type="password"], .form article select, .form article textarea, .form .grid_16 textarea, .form .grid_23 textarea, .form.small input[type="text"],
.form.small input[type="email"],
.form.small input[type="password"], .form.small select, .button, a.button, .form.form__linear .form--row input, .form.form__linear .form--row select {
  font-family: "Quattrocento", Helvetica, Arial, sans-serif; }

/* FONT SIZES */
.font12 {
  font-size: 75%;
  line-height: 1.6em; }

.font13, .category-page.refills .size-selector section article.step-2 i, .category-page.refills .size-selector section article.step-2 div a, .category-page.refills .size-selector [class^="group"] section article i, .category-page.refills .size-selector [class^="group"] section article div a, section.filter-page [class*="filter-trigger"] {
  font-size: 82.5%;
  line-height: 1.6em; }

.font14, nav.frequency-selector button, nav.frequency-selector a, .form.small, body.home-page section.social-proof-quadrant td.customer-reviews blockquote, body.home-page section.blog .other-entries, body.thank-you-page .card.table article label:first-child, .comments section.comment i, .comments section.reply i, .comments section.comment h6, .comments section.reply h6, #register-panel, body.compare-page .card li[class^="others"] li, body.my-account-page table.planners-calendars, body.my-account-page table.orders-list {
  font-size: 87.5%;
  line-height: 1.6em; }

.font16, body.home-page section.social-proof-quadrant h6 {
  font-size: 100%;
  line-height: 1.6em; }

.font19, body.home-page section.slice p, body.promotions-page .card p {
  font-size: 118%;
  line-height: 1.6em; }

.font37, body.home-page section.slice h3 {
  font-size: 231%;
  line-height: 1.6em; }

header.for-content-pages, body header > nav.primary, body footer, .card header, .button.shadow, a.button.shadow {
  background: #f0f4f7;
  background: -moz-linear-gradient(top, #f0f4f7 0%, #e9eaf0 100%);
  background: -webkit-linear-gradient(top, #f0f4f7 0%, #e9eaf0 100%);
  background: linear-gradient(to bottom, #f0f4f7 0%, #e9eaf0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f4f7', endColorstr='#e9eaf0',GradientType=0 ); }

.button.shadow:hover, a.button.shadow:hover {
  background: #f7fafc;
  background: -moz-linear-gradient(top, #f7fafc 0%, #edeff2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7fafc), color-stop(100%, #edeff2));
  background: -webkit-linear-gradient(top, #f7fafc 0%, #edeff2 100%);
  background: -o-linear-gradient(top, #f7fafc 0%, #edeff2 100%);
  background: -ms-linear-gradient(top, #f7fafc 0%, #edeff2 100%);
  background: linear-gradient(to bottom, #f7fafc 0%, #edeff2 100%); }

body.my-account-page table.orders-list td section.details section header {
  background: #d8e0e8;
  background: -moz-linear-gradient(top, #d8e0e8 1%, #d1d9e0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #d8e0e8), color-stop(100%, #d1d9e0));
  background: -webkit-linear-gradient(top, #d8e0e8 1%, #d1d9e0 100%);
  background: -o-linear-gradient(top, #d8e0e8 1%, #d1d9e0 100%);
  background: -ms-linear-gradient(top, #d8e0e8 1%, #d1d9e0 100%);
  background: linear-gradient(to bottom, #d8e0e8 1%, #d1d9e0 100%); }

.button.secondary, a.button.secondary {
  background: #d5dfe8;
  background: -moz-linear-gradient(top, #d5dfe8 0%, #c3cbd4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d5dfe8), color-stop(100%, #c3cbd4));
  background: -webkit-linear-gradient(top, #d5dfe8 0%, #c3cbd4 100%);
  background: -o-linear-gradient(top, #d5dfe8 0%, #c3cbd4 100%);
  background: -ms-linear-gradient(top, #d5dfe8 0%, #c3cbd4 100%);
  background: linear-gradient(to bottom, #d5dfe8 0%, #c3cbd4 100%); }

.button.secondary:hover, a.button.secondary:hover {
  background: #dae4ed;
  background: -moz-linear-gradient(top, #dae4ed 0%, #c9d2db 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dae4ed), color-stop(100%, #c9d2db));
  background: -webkit-linear-gradient(top, #dae4ed 0%, #c9d2db 100%);
  background: -o-linear-gradient(top, #dae4ed 0%, #c9d2db 100%);
  background: -ms-linear-gradient(top, #dae4ed 0%, #c9d2db 100%);
  background: linear-gradient(to bottom, #dae4ed 0%, #c9d2db 100%); }

.button.primary, a.button.primary {
  background: #f0f4f7;
  background: -moz-linear-gradient(top, #f0f4f7 0%, #0099e0 0%, #008ac9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f4f7), color-stop(0%, #0099e0), color-stop(100%, #008ac9));
  background: -webkit-linear-gradient(top, #f0f4f7 0%, #0099e0 0%, #008ac9 100%);
  background: -o-linear-gradient(top, #f0f4f7 0%, #0099e0 0%, #008ac9 100%);
  background: -ms-linear-gradient(top, #f0f4f7 0%, #0099e0 0%, #008ac9 100%);
  background: linear-gradient(to bottom, #f0f4f7 0%, #0099e0 0%, #008ac9 100%); }

.button.primary:hover, a.button.primary:hover {
  background: #f0f4f7;
  background: -moz-linear-gradient(top, #f0f4f7 0%, #00a0ea 0%, #0094d3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f4f7), color-stop(0%, #00a0ea), color-stop(100%, #0094d3));
  background: -webkit-linear-gradient(top, #f0f4f7 0%, #00a0ea 0%, #0094d3 100%);
  background: -o-linear-gradient(top, #f0f4f7 0%, #00a0ea 0%, #0094d3 100%);
  background: -ms-linear-gradient(top, #f0f4f7 0%, #00a0ea 0%, #0094d3 100%);
  background: linear-gradient(to bottom, #f0f4f7 0%, #00a0ea 0%, #0094d3 100%); }

.button.danger, a.button.danger {
  background: #ff3019;
  background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404));
  background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%); }

.button.danger:hover, a.button.danger:hover {
  background: #ff4130;
  background: -moz-linear-gradient(top, #ff4130 0%, #ce2525 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff4130), color-stop(100%, #ce2525));
  background: -webkit-linear-gradient(top, #ff4130 0%, #ce2525 100%);
  background: -o-linear-gradient(top, #ff4130 0%, #ce2525 100%);
  background: -ms-linear-gradient(top, #ff4130 0%, #ce2525 100%);
  background: linear-gradient(to bottom, #ff4130 0%, #ce2525 100%); }

body.home-page footer, .reversed {
  background-color: #113c4f;
  background-color: -moz-linear-gradient(top, #113c4f 0%, #21698a 100%);
  background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #113c4f), color-stop(100%, #21698a));
  background-color: -webkit-linear-gradient(top, #113c4f 0%, #21698a 100%);
  background-color: -o-linear-gradient(top, #113c4f 0%, #21698a 100%);
  background-color: -ms-linear-gradient(top, #113c4f 0%, #21698a 100%);
  background-color: linear-gradient(to bottom, #113c4f 0%, #21698a 100%); }

.ispinner {
  position: relative;
  width: 25px;
  height: 25px; }
  .ispinner .ispinner__blade {
    position: absolute;
    left: 44.5%;
    top: 37%;
    width: 10%;
    height: 25%;
    border-radius: 50% / 20%;
    -webkit-animation: ispinner__blade--fade 1s linear infinite;
    animation: ispinner__blade--fade 1s linear infinite;
    -webkit-animation-play-state: paused;
    animation-play-state: paused; }
    .ispinner .ispinner__blade:nth-child(1) {
      -webkit-animation-delay: -1.6666666667s;
      animation-delay: -1.6666666667s;
      -webkit-transform: rotate(30deg) translate(0, -150%);
      transform: rotate(30deg) translate(0, -150%); }
    .ispinner .ispinner__blade:nth-child(2) {
      -webkit-animation-delay: -1.5833333333s;
      animation-delay: -1.5833333333s;
      -webkit-transform: rotate(60deg) translate(0, -150%);
      transform: rotate(60deg) translate(0, -150%); }
    .ispinner .ispinner__blade:nth-child(3) {
      -webkit-animation-delay: -1.5s;
      animation-delay: -1.5s;
      -webkit-transform: rotate(90deg) translate(0, -150%);
      transform: rotate(90deg) translate(0, -150%); }
    .ispinner .ispinner__blade:nth-child(4) {
      -webkit-animation-delay: -1.4166666667s;
      animation-delay: -1.4166666667s;
      -webkit-transform: rotate(120deg) translate(0, -150%);
      transform: rotate(120deg) translate(0, -150%); }
    .ispinner .ispinner__blade:nth-child(5) {
      -webkit-animation-delay: -1.3333333333s;
      animation-delay: -1.3333333333s;
      -webkit-transform: rotate(150deg) translate(0, -150%);
      transform: rotate(150deg) translate(0, -150%); }
    .ispinner .ispinner__blade:nth-child(6) {
      -webkit-animation-delay: -1.25s;
      animation-delay: -1.25s;
      -webkit-transform: rotate(180deg) translate(0, -150%);
      transform: rotate(180deg) translate(0, -150%); }
    .ispinner .ispinner__blade:nth-child(7) {
      -webkit-animation-delay: -1.1666666667s;
      animation-delay: -1.1666666667s;
      -webkit-transform: rotate(210deg) translate(0, -150%);
      transform: rotate(210deg) translate(0, -150%); }
    .ispinner .ispinner__blade:nth-child(8) {
      -webkit-animation-delay: -1.0833333333s;
      animation-delay: -1.0833333333s;
      -webkit-transform: rotate(240deg) translate(0, -150%);
      transform: rotate(240deg) translate(0, -150%); }
    .ispinner .ispinner__blade:nth-child(9) {
      -webkit-animation-delay: -1s;
      animation-delay: -1s;
      -webkit-transform: rotate(270deg) translate(0, -150%);
      transform: rotate(270deg) translate(0, -150%); }
    .ispinner .ispinner__blade:nth-child(10) {
      -webkit-animation-delay: -0.9166666667s;
      animation-delay: -0.9166666667s;
      -webkit-transform: rotate(300deg) translate(0, -150%);
      transform: rotate(300deg) translate(0, -150%); }
    .ispinner .ispinner__blade:nth-child(11) {
      -webkit-animation-delay: -0.8333333333s;
      animation-delay: -0.8333333333s;
      -webkit-transform: rotate(330deg) translate(0, -150%);
      transform: rotate(330deg) translate(0, -150%); }
    .ispinner .ispinner__blade:nth-child(12) {
      -webkit-animation-delay: -0.75s;
      animation-delay: -0.75s;
      -webkit-transform: rotate(360deg) translate(0, -150%);
      transform: rotate(360deg) translate(0, -150%); }
  .ispinner.ispinner--animating .ispinner__blade {
    -webkit-animation-play-state: running;
    animation-play-state: running; }
  .ispinner.ispinner--white .ispinner__blade {
    background-color: white; }
  .ispinner.ispinner--gray .ispinner__blade {
    background-color: #8C8C8C; }
  .ispinner.ispinner--large {
    width: 35px;
    height: 35px; }
    .ispinner.ispinner--large .ispinner__blade {
      width: 8.5714285714%;
      height: 25.7142857143%;
      border-radius: 50% / 16.67%; }

@-webkit-keyframes ispinner__blade--fade {
  0% {
    opacity: 0.1; }
  50% {
    opacity: 0.1; }
  100% {
    opacity: 1; } }

@keyframes ispinner__blade--fade {
  0% {
    opacity: 0.1; }
  50% {
    opacity: 0.1; }
  100% {
    opacity: 1; } }

.ispinner {
  position: absolute;
  top: 50%;
  left: 50%; }

@-webkit-keyframes selectedBorder {
  0% {
    border-color: transparent; }
  100% {
    border-color: #2F7696; } }

@-moz-keyframes selectedBorder {
  0% {
    border-color: transparent; }
  100% {
    border-color: #2F7696; } }

/* =====================================================================
=		PRODUCT RENDER  (NORMAL AND ENLARGED VIEW)
===================================================================== */
.product-area {
  flex: 1;
  position: relative; }

#enlarged-area {
  position: fixed; }

.product-area .render, #enlarged-area .render {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-bottom: 0em; }
  .product-area .render.planner:before, .product-area .render.planner:after, .product-area .render.planner .viewable, .product-area .render.refill:before, .product-area .render.refill:after, .product-area .render.refill .viewable, .product-area .render.extrapage:before, .product-area .render.extrapage:after, .product-area .render.extrapage .viewable, .product-area .render.calendar:before, .product-area .render.calendar:after, .product-area .render.calendar .viewable, #enlarged-area .render.planner:before, #enlarged-area .render.planner:after, #enlarged-area .render.planner .viewable, #enlarged-area .render.refill:before, #enlarged-area .render.refill:after, #enlarged-area .render.refill .viewable, #enlarged-area .render.extrapage:before, #enlarged-area .render.extrapage:after, #enlarged-area .render.extrapage .viewable, #enlarged-area .render.calendar:before, #enlarged-area .render.calendar:after, #enlarged-area .render.calendar .viewable {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: " ";
    background-color: white;
    box-shadow: #6d8088 0 0 2px;
    z-index: 2; }
  .product-area .render.planner.has-tear-away-corner .viewable:after, #enlarged-area .render.planner.has-tear-away-corner .viewable:after {
    background: url("/ui/css/Images/tear-away-corner-right.png") no-repeat center;
    background-size: 100%;
    content: "\020";
    position: absolute;
    bottom: 0;
    right: 0; }
  .product-area .render.planner.has-tear-away-corner .viewable:before, #enlarged-area .render.planner.has-tear-away-corner .viewable:before {
    background: url("/ui/css/Images/tear-away-corner-left.png") no-repeat center;
    background-size: 100%;
    content: "\020";
    position: absolute;
    bottom: 0;
    left: 0; }
  .product-area .render.planner.has-tear-away-corner.size_900x600 .viewable:before, .product-area .render.planner.has-tear-away-corner.size_900x600 .viewable:after, #enlarged-area .render.planner.has-tear-away-corner.size_900x600 .viewable:before, #enlarged-area .render.planner.has-tear-away-corner.size_900x600 .viewable:after {
    width: 7.78%;
    height: 11.67%; }
  .product-area .render.planner.has-tear-away-corner.size_1100x800 .viewable:before, .product-area .render.planner.has-tear-away-corner.size_1100x800 .viewable:after, #enlarged-area .render.planner.has-tear-away-corner.size_1100x800 .viewable:before, #enlarged-area .render.planner.has-tear-away-corner.size_1100x800 .viewable:after {
    width: 6.36%;
    height: 8.75%; }
  .product-area .render.planner.has-tear-away-corner.size_1400x900 .viewable:before, .product-area .render.planner.has-tear-away-corner.size_1400x900 .viewable:after, #enlarged-area .render.planner.has-tear-away-corner.size_1400x900 .viewable:before, #enlarged-area .render.planner.has-tear-away-corner.size_1400x900 .viewable:after {
    width: 5%;
    height: 7.5%; }
  .product-area .render.planner.has-tear-away-corner.size_1700x1100 .viewable:before, .product-area .render.planner.has-tear-away-corner.size_1700x1100 .viewable:after, #enlarged-area .render.planner.has-tear-away-corner.size_1700x1100 .viewable:before, #enlarged-area .render.planner.has-tear-away-corner.size_1700x1100 .viewable:after {
    width: 4.12%;
    height: 6.36%; }
  .product-area .render.planner.wrap-cover:before, .product-area .render.planner.wrap-cover:after, .product-area .render.planner.wrap-cover .viewable, #enlarged-area .render.planner.wrap-cover:before, #enlarged-area .render.planner.wrap-cover:after, #enlarged-area .render.planner.wrap-cover .viewable {
    top: 1.5%;
    left: 1.5%;
    right: 1.5%;
    bottom: 1.5%; }
  .product-area .render.planner.wrap-cover:before, #enlarged-area .render.planner.wrap-cover:before {
    left: 1%;
    right: 1%; }
  .product-area .render.planner.wrap-cover:after, #enlarged-area .render.planner.wrap-cover:after {
    left: 1.25%;
    right: 1.25%; }
  .product-area .render.planner.wrap-cover .binder, #enlarged-area .render.planner.wrap-cover .binder {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: " ";
    background: black;
    z-index: 1;
    border-radius: 4px; }
  .product-area .render.planner.wrap-cover .spine-2-21-Y, #enlarged-area .render.planner.wrap-cover .spine-2-21-Y {
    background-image: url("/ui/css/Images/holes-2-21-Y.png"); }
  .product-area .render.planner.wrap-cover .spine-2-17-Y, #enlarged-area .render.planner.wrap-cover .spine-2-17-Y {
    background-image: url("/ui/css/Images/holes-2-17-Y.png"); }
  .product-area .render.planner.wrap-cover .spine-2-15-Y, #enlarged-area .render.planner.wrap-cover .spine-2-15-Y {
    background-image: url("/ui/css/Images/holes-2-15-Y.png"); }
  .product-area .render.planner.wrap-cover .spine-3-32-Y, #enlarged-area .render.planner.wrap-cover .spine-3-32-Y {
    background-image: url("/ui/css/Images/holes-3-32-Y.png"); }
  .product-area .render.planner.wrap-cover .spine-3-26-Y, #enlarged-area .render.planner.wrap-cover .spine-3-26-Y {
    background-image: url("/ui/css/Images/holes-3-26-Y.png"); }
  .product-area .render.planner.wrap-cover .spine-3-23-Y, #enlarged-area .render.planner.wrap-cover .spine-3-23-Y {
    background-image: url("/ui/css/Images/holes-3-23-Y.png"); }
  .product-area .render.planner.wrap-cover .spine-3-17-Y, #enlarged-area .render.planner.wrap-cover .spine-3-17-Y {
    background-image: url("/ui/css/Images/holes-3-17-Y.png"); }
  .product-area .render.planner.wrap-cover.has-tabs .binder, #enlarged-area .render.planner.wrap-cover.has-tabs .binder {
    left: -1em;
    right: -1em; }
  .product-area .render.planner.wrap-cover.has-tabs:before, #enlarged-area .render.planner.wrap-cover.has-tabs:before {
    left: 0;
    right: 0; }
  .product-area .render.planner.two-pc-cover:before, .product-area .render.planner.two-pc-cover:after, .product-area .render.planner.two-pc-cover .viewable, #enlarged-area .render.planner.two-pc-cover:before, #enlarged-area .render.planner.two-pc-cover:after, #enlarged-area .render.planner.two-pc-cover .viewable {
    top: 1px;
    left: 3%;
    right: 3%;
    bottom: 1px; }
  .product-area .render.planner.two-pc-cover:before, #enlarged-area .render.planner.two-pc-cover:before {
    left: 2.5%;
    right: 2.5%; }
  .product-area .render.planner.two-pc-cover:after, #enlarged-area .render.planner.two-pc-cover:after {
    left: 2.7%;
    right: 2.7%; }
  .product-area .render.planner.two-pc-cover .binder, #enlarged-area .render.planner.two-pc-cover .binder {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: " ";
    background: rgba(255, 255, 255, 0.5);
    background: url("/ui/css/Images/frosted-effect.png") repeat-x;
    background-size: auto 100%;
    z-index: 1;
    border-radius: 20px;
    box-shadow: #6d8088 0 0 2px; }
  .product-area .render.planner.two-pc-cover .spine-4-43-Y, #enlarged-area .render.planner.two-pc-cover .spine-4-43-Y {
    background-image: url("/ui/css/Images/holes-spiral-2ways-43-Y.png"); }
  .product-area .render.planner.two-pc-cover .spine-4-35-Y, #enlarged-area .render.planner.two-pc-cover .spine-4-35-Y {
    background-image: url("/ui/css/Images/holes-spiral-2ways-35-Y.png"); }
  .product-area .render.planner.two-pc-cover .spine-4-31-Y, #enlarged-area .render.planner.two-pc-cover .spine-4-31-Y {
    background-image: url("/ui/css/Images/holes-spiral-2ways-31-Y.png"); }
  .product-area .render.extrapage:before, .product-area .render.extrapage:after, .product-area .render.extrapage .viewable, #enlarged-area .render.extrapage:before, #enlarged-area .render.extrapage:after, #enlarged-area .render.extrapage .viewable {
    top: 5px;
    left: .5%;
    right: .5%;
    bottom: 5px; }
  .product-area .render.extrapage:before, #enlarged-area .render.extrapage:before {
    display: none; }
  .product-area .render.extrapage:after, #enlarged-area .render.extrapage:after {
    display: none; }
  .product-area .render.extrapage.duo .spine-2-21-Y, #enlarged-area .render.extrapage.duo .spine-2-21-Y {
    background-image: url("/ui/css/Images/holes-2-21-Y.png"); }
  .product-area .render.extrapage.duo .spine-2-17-Y, #enlarged-area .render.extrapage.duo .spine-2-17-Y {
    background-image: url("/ui/css/Images/holes-2-17-Y.png"); }
  .product-area .render.extrapage.duo .spine-2-15-Y, #enlarged-area .render.extrapage.duo .spine-2-15-Y {
    background-image: url("/ui/css/Images/holes-2-15-Y.png"); }
  .product-area .render.extrapage.duo .spine-3-32-Y, #enlarged-area .render.extrapage.duo .spine-3-32-Y {
    background-image: url("/ui/css/Images/holes-3-32-Y.png"); }
  .product-area .render.extrapage.duo .spine-3-26-Y, #enlarged-area .render.extrapage.duo .spine-3-26-Y {
    background-image: url("/ui/css/Images/holes-3-26-Y.png"); }
  .product-area .render.extrapage.duo .spine-3-23-Y, #enlarged-area .render.extrapage.duo .spine-3-23-Y {
    background-image: url("/ui/css/Images/holes-3-23-Y.png"); }
  .product-area .render.extrapage.duo .spine-3-17-Y, #enlarged-area .render.extrapage.duo .spine-3-17-Y {
    background-image: url("/ui/css/Images/holes-3-17-Y.png"); }
  .product-area .render.extrapage.duo .spine-4-43-Y, #enlarged-area .render.extrapage.duo .spine-4-43-Y {
    background-image: url("/ui/css/Images/holes-spiral-2ways-43-Y.png"); }
  .product-area .render.extrapage.duo .spine-4-35-Y, #enlarged-area .render.extrapage.duo .spine-4-35-Y {
    background-image: url("/ui/css/Images/holes-spiral-2ways-35-Y.png"); }
  .product-area .render.extrapage.duo .spine-4-31-Y, #enlarged-area .render.extrapage.duo .spine-4-31-Y {
    background-image: url("/ui/css/Images/holes-spiral-2ways-31-Y.png"); }
  .product-area .render.refill:before, #enlarged-area .render.refill:before {
    transform: rotate(0.3deg); }
  .product-area .render.refill:after, #enlarged-area .render.refill:after {
    transform: rotate(-0.3deg); }
  .product-area .render.refill:before, .product-area .render.refill:after, #enlarged-area .render.refill:before, #enlarged-area .render.refill:after {
    display: none; }
  .product-area .render.refill .viewable, #enlarged-area .render.refill .viewable {
    box-shadow: none;
    background-color: transparent; }
  .product-area .render.refill.FX .viewable, #enlarged-area .render.refill.FX .viewable {
    background-image: url("/ui/css/Images/refills-spread-FX.png");
    background-size: auto 100%; }
  .product-area .render.refill.FXC .viewable, #enlarged-area .render.refill.FXC .viewable {
    background-image: url("/ui/css/Images/refills-spread-FXC.png");
    background-size: auto 100%; }
  .product-area .render.refill.FK .viewable, #enlarged-area .render.refill.FK .viewable {
    background-image: url("/ui/css/Images/refills-spread-FK.png");
    background-size: auto 100%; }
  .product-area .render.refill.FKL .viewable, #enlarged-area .render.refill.FKL .viewable {
    background-image: url("/ui/css/Images/refills-spread-FKL.png");
    background-size: auto 100%; }
  .product-area .render.refill.FKC .viewable, #enlarged-area .render.refill.FKC .viewable {
    background-image: url("/ui/css/Images/refills-spread-FKC.png");
    background-size: auto 100%; }
  .product-area .render.refill.LTA4 .viewable, #enlarged-area .render.refill.LTA4 .viewable {
    background-image: url("/ui/css/Images/refills-spread-LTA4.png");
    background-size: auto 100%; }
  .product-area .render.refill.LT3 .viewable, #enlarged-area .render.refill.LT3 .viewable {
    background-image: url("/ui/css/Images/refills-spread-LT3.png");
    background-size: auto 100%; }
  .product-area .render.refill.LTNO .viewable, #enlarged-area .render.refill.LTNO .viewable {
    background-image: url("/ui/css/Images/refills-spread-LTNO.png");
    background-size: auto 100%; }
  .product-area .render.refill.HLTNO .viewable, #enlarged-area .render.refill.HLTNO .viewable {
    background-image: url("/ui/css/Images/refills-spread-HLTNO.png");
    background-size: auto 100%; }
  .product-area .render.cover .viewable, #enlarged-area .render.cover .viewable {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: " ";
    background-color: white;
    box-shadow: #6d8088 0 3px 5px;
    z-index: 2;
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
    overflow: hidden; }
  .product-area .render.cover:before, #enlarged-area .render.cover:before {
    position: absolute;
    bottom: -4px;
    left: -110%;
    margin-left: 50%;
    content: " ";
    width: 220%;
    height: 100%;
    background-image: url("/ui/css/Images/shadow-cover-HD.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 80% 15%;
    z-index: 1; }
  .product-area .render.cover:after, #enlarged-area .render.cover:after {
    position: absolute;
    top: 0;
    bottom: 0;
    content: " ";
    z-index: 3;
    background-size: auto 100%;
    background-position: left center;
    background-repeat: no-repeat; }
  .product-area .render.cover.spine-43-Y:after, #enlarged-area .render.cover.spine-43-Y:after {
    width: 12%;
    left: -6%;
    background-image: url("/ui/css/Images/holes-spiral-43-Y.png"); }
  .product-area .render.cover.spine-35-Y:after, #enlarged-area .render.cover.spine-35-Y:after {
    width: 15%;
    left: -7.5%;
    background-image: url("/ui/css/Images/holes-spiral-35-Y.png"); }
  .product-area .render.cover.spine-31-Y:after, #enlarged-area .render.cover.spine-31-Y:after {
    width: 19%;
    left: -9.5%;
    background-image: url("/ui/css/Images/holes-spiral-31-Y.png"); }
  .product-area .render .viewable, #enlarged-area .render .viewable {
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    z-index: 3 !important; }
    .product-area .render .viewable.spine-50-X, #enlarged-area .render .viewable.spine-50-X {
      background-image: url("/ui/css/Images/holes-50-X.png");
      background-size: 100% auto; }
    .product-area .render .viewable.spine-44-X, #enlarged-area .render .viewable.spine-44-X {
      background-image: url("/ui/css/Images/holes-44-X.png");
      background-size: 100% auto; }
    .product-area .render .viewable.spine-35-X, #enlarged-area .render .viewable.spine-35-X {
      background-image: url("/ui/css/Images/holes-35-X.png");
      background-size: 100% auto; }

.expand-enlarged-area {
  position: absolute;
  top: 0;
  right: -1.2em;
  font-size: 2em;
  line-height: 1.2em;
  cursor: pointer;
  color: #008AC9;
  z-index: 4; }
  .expand-enlarged-area:before {
    font-family: 'agendio_ui' !important;
    content: "\e603"; }

#enlarged-area, #content-preview {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #FFFFFF;
  z-index: 100;
  overflow: scroll;
  text-align: center; }
  #enlarged-area .view, #content-preview .view {
    position: relative;
    width: 94%;
    width: calc(100% - 6em);
    content: "\020";
    margin: 1em auto 4em 1em; }
  #enlarged-area .close, #content-preview .close {
    position: fixed;
    top: .5em;
    right: .4em;
    font-size: 2.5em;
    line-height: 1em;
    cursor: pointer;
    color: #6d8088; }
    #enlarged-area .close:before, #content-preview .close:before {
      font-family: 'agendio_ui' !important;
      content: "\e90d"; }

/*  RESET */
/* General HTML Tag Reset */
* {
  border: 0;
  margin: 0;
  padding: 0; }

html {
  overflow: auto; }

input {
  overflow: hidden; }

input[type="radio"], input[type="checkbox"] {
  cursor: pointer; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  vertical-align: top;
  font-weight: normal; }

ul {
  list-style: none; }

ol {
  list-style-type: decimal; }

abbr, acronym {
  border-bottom: .1em dotted;
  cursor: help; }

sup {
  vertical-align: text-top;
  font-size: 0.5em;
  position: relative;
  top: -1px; }

sub {
  vertical-align: text-bottom; }

button {
  cursor: pointer; }

/*  ELEMENTS */
html {
  width: 100%;
  height: 100%; }

body {
  background-color: #F7F7F8;
  font-weight: 400;
  font-size: 100%;
  line-height: 1.6em;
  color: #293033;
  text-align: center;
  overflow: hidden; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  position: relative;
  color: #293033; }

h6 {
  font-size: 1em; }

body > section {
  text-align: left;
  clear: both;
  display: block;
  width: 100%;
  position: relative; }

p {
  margin-bottom: 1em; }

p:last-child {
  margin-bottom: 0; }

h2 + p, h3 + p, h3 + ul, ol + p, ul + p {
  margin-top: 1em; }

a {
  cursor: pointer;
  color: #293033; }
  a:hover {
    text-shadow: #FFFFFF 0 0 2px; }

b, strong {
  font-weight: 700; }

hr {
  width: 100%;
  height: 1px;
  background: transparent;
  border-top: 1px solid #CCD8DE; }
  hr.empty {
    border-color: transparent; }

ul.list li {
  margin-bottom: 0.3em; }

ol {
  margin-left: 1.5em; }

i {
  font-style: normal; }

u {
  cursor: pointer; }

mark {
  background: transparent; }

input, textarea, select {
  outline: none; }

[class*="element-"] {
  display: none; }
  .lt-ie9 [class*="element-"] {
    display: inline-block; }

iframe {
  display: none; }

/* Hide the Googls's iframe*/
[class*="arrow-right-thick"], [class*="arrow-left-thick"] {
  position: relative;
  top: .15em; }

[class*="icon-acrobat"] {
  color: #FF284F; }

#content.inactive, footer.inactive {
  display: none; }

ul.dot li {
  padding-left: 1em; }

ul.dot li:before {
  content: "\e61a";
  font-family: 'agendio_ui' !important;
  position: relative;
  left: -.8em;
  margin-right: -.5em;
  opacity: 0.8; }

/*  GRID SYSTEM */
.spacer_0-5 {
  margin-top: 0.5em; }

.spacer_0 {
  margin-top: 0em; }

.spacer_1-5 {
  margin-top: 1.5em; }

.spacer_1 {
  margin-top: 1em; }

.spacer_2-5 {
  margin-top: 2.5em; }

.spacer_2 {
  margin-top: 2em; }

.spacer_3-5 {
  margin-top: 3.5em; }

.spacer_3 {
  margin-top: 3em; }

.spacer_4-5 {
  margin-top: 4.5em; }

.spacer_4 {
  margin-top: 4em; }

.spacer_5-5 {
  margin-top: 5.5em; }

.spacer_5 {
  margin-top: 5em; }

.spacer_6-5 {
  margin-top: 6.5em; }

.spacer_6 {
  margin-top: 6em; }

.spacer_7-5 {
  margin-top: 7.5em; }

.spacer_7 {
  margin-top: 7em; }

.spacer_8-5 {
  margin-top: 8.5em; }

.spacer_8 {
  margin-top: 8em; }

.spacer_9-5 {
  margin-top: 9.5em; }

.spacer_9 {
  margin-top: 9em; }

.spacer_10-5 {
  margin-top: 10.5em; }

.spacer_10 {
  margin-top: 10em; }

.spacer_11-5 {
  margin-top: 11.5em; }

.spacer_11 {
  margin-top: 11em; }

.spacer_12-5 {
  margin-top: 12.5em; }

.spacer_12 {
  margin-top: 12em; }

.spacer_13-5 {
  margin-top: 13.5em; }

.spacer_13 {
  margin-top: 13em; }

.spacer_14-5 {
  margin-top: 14.5em; }

.spacer_14 {
  margin-top: 14em; }

.spacer_15-5 {
  margin-top: 15.5em; }

.spacer_15 {
  margin-top: 15em; }

.spacer_16-5 {
  margin-top: 16.5em; }

.spacer_16 {
  margin-top: 16em; }

.spacer_17-5 {
  margin-top: 17.5em; }

.spacer_17 {
  margin-top: 17em; }

.spacer_18-5 {
  margin-top: 18.5em; }

.spacer_18 {
  margin-top: 18em; }

.spacer_19-5 {
  margin-top: 19.5em; }

.spacer_19 {
  margin-top: 19em; }

.spacer_20-5 {
  margin-top: 20.5em; }

.spacer_20 {
  margin-top: 20em; }

[class^="grid_"] {
  margin-left: 1%;
  margin-right: 1%; }

/* ---------------------------------------- */
/* Grids 12 columns */
/* ---------------------------------------- */
.container_12 > .grid_1 {
  width: 6.3333333333%; }

.container_12 > .grid_2 {
  width: 14.6666666667%; }

.container_12 > .grid_3 {
  width: 23%; }

.container_12 > .grid_4 {
  width: 31.3333333333%; }

.container_12 > .grid_5 {
  width: 39.6666666667%; }

.container_12 > .grid_6 {
  width: 48%; }

.container_12 > .grid_7 {
  width: 56.3333333333%; }

.container_12 > .grid_8 {
  width: 64.6666666667%; }

.container_12 > .grid_9 {
  width: 73%; }

.container_12 > .grid_10 {
  width: 81.3333333333%; }

.container_12 > .grid_11 {
  width: 89.6666666667%; }

.container_12 > .grid_12 {
  width: 98%; }

/* ---------------------------------------- */
/* Prefix 12 columns */
/* ---------------------------------------- */
.container_12 > .prefix_1 {
  padding-left: 8.3333333333%; }

.container_12 > .prefix_2 {
  padding-left: 16.6666666667%; }

.container_12 > .prefix_3 {
  padding-left: 25%; }

.container_12 > .prefix_4 {
  padding-left: 33.3333333333%; }

.container_12 > .prefix_5 {
  padding-left: 41.6666666667%; }

.container_12 > .prefix_6 {
  padding-left: 50%; }

.container_12 > .prefix_7 {
  padding-left: 58.3333333333%; }

.container_12 > .prefix_8 {
  padding-left: 66.6666666667%; }

.container_12 > .prefix_9 {
  padding-left: 75%; }

.container_12 > .prefix_10 {
  padding-left: 83.3333333333%; }

.container_12 > .prefix_11 {
  padding-left: 91.6666666667%; }

/* ---------------------------------------- */
/* Suffix 12 columns */
/* ---------------------------------------- */
.container_12 > .suffix_1 {
  padding-right: 8.3333333333%; }

.container_12 > .suffix_2 {
  padding-right: 16.6666666667%; }

.container_12 > .suffix_3 {
  padding-right: 25%; }

.container_12 > .suffix_4 {
  padding-right: 33.3333333333%; }

.container_12 > .suffix_5 {
  padding-right: 41.6666666667%; }

.container_12 > .suffix_6 {
  padding-right: 50%; }

.container_12 > .suffix_7 {
  padding-right: 58.3333333333%; }

.container_12 > .suffix_8 {
  padding-right: 66.6666666667%; }

.container_12 > .suffix_9 {
  padding-right: 75%; }

.container_12 > .suffix_10 {
  padding-right: 83.3333333333%; }

.container_12 > .suffix_11 {
  padding-right: 91.6666666667%; }

/* ---------------------------------------- */
/* Push 12 columns */
/* ---------------------------------------- */
.container_12 > .push_1 {
  left: 8.3333333333%; }

.container_12 > .push_2 {
  left: 16.6666666667%; }

.container_12 > .push_3 {
  left: 25%; }

.container_12 > .push_4 {
  left: 33.3333333333%; }

.container_12 > .push_5 {
  left: 41.6666666667%; }

.container_12 > .push_6 {
  left: 50%; }

.container_12 > .push_7 {
  left: 58.3333333333%; }

.container_12 > .push_8 {
  left: 66.6666666667%; }

.container_12 > .push_9 {
  left: 75%; }

.container_12 > .push_10 {
  left: 83.3333333333%; }

.container_12 > .push_11 {
  left: 91.6666666667%; }

/* ---------------------------------------- */
/* Pull 12 columns */
/* ---------------------------------------- */
.container_12 > .pull_1 {
  left: -8.3333333333%; }

.container_12 > .pull_2 {
  left: -16.6666666667%; }

.container_12 > .pull_3 {
  left: -25%; }

.container_12 > .pull_4 {
  left: -33.3333333333%; }

.container_12 > .pull_5 {
  left: -41.6666666667%; }

.container_12 > .pull_6 {
  left: -50%; }

.container_12 > .pull_7 {
  left: -58.3333333333%; }

.container_12 > .pull_8 {
  left: -66.6666666667%; }

.container_12 > .pull_9 {
  left: -75%; }

.container_12 > .pull_10 {
  left: -83.3333333333%; }

.container_12 > .pull_11 {
  left: -91.6666666667%; }

[class^="grid_"] {
  margin-left: 1%;
  margin-right: 1%; }

/* ---------------------------------------- */
/* Grids 16 columns */
/* ---------------------------------------- */
.container_16 > .grid_1 {
  width: 4.25%; }

.container_16 > .grid_2 {
  width: 10.5%; }

.container_16 > .grid_3 {
  width: 16.75%; }

.container_16 > .grid_4 {
  width: 23%; }

.container_16 > .grid_5 {
  width: 29.25%; }

.container_16 > .grid_6 {
  width: 35.5%; }

.container_16 > .grid_7 {
  width: 41.75%; }

.container_16 > .grid_8 {
  width: 48%; }

.container_16 > .grid_9 {
  width: 54.25%; }

.container_16 > .grid_10 {
  width: 60.5%; }

.container_16 > .grid_11 {
  width: 66.75%; }

.container_16 > .grid_12 {
  width: 73%; }

.container_16 > .grid_13 {
  width: 79.25%; }

.container_16 > .grid_14 {
  width: 85.5%; }

.container_16 > .grid_15 {
  width: 91.75%; }

.container_16 > .grid_16 {
  width: 98%; }

/* ---------------------------------------- */
/* Prefix 16 columns */
/* ---------------------------------------- */
.container_16 > .prefix_1 {
  padding-left: 6.25%; }

.container_16 > .prefix_2 {
  padding-left: 12.5%; }

.container_16 > .prefix_3 {
  padding-left: 18.75%; }

.container_16 > .prefix_4 {
  padding-left: 25%; }

.container_16 > .prefix_5 {
  padding-left: 31.25%; }

.container_16 > .prefix_6 {
  padding-left: 37.5%; }

.container_16 > .prefix_7 {
  padding-left: 43.75%; }

.container_16 > .prefix_8 {
  padding-left: 50%; }

.container_16 > .prefix_9 {
  padding-left: 56.25%; }

.container_16 > .prefix_10 {
  padding-left: 62.5%; }

.container_16 > .prefix_11 {
  padding-left: 68.75%; }

.container_16 > .prefix_12 {
  padding-left: 75%; }

.container_16 > .prefix_13 {
  padding-left: 81.25%; }

.container_16 > .prefix_14 {
  padding-left: 87.5%; }

.container_16 > .prefix_15 {
  padding-left: 93.75%; }

/* ---------------------------------------- */
/* Suffix 16 columns */
/* ---------------------------------------- */
.container_16 > .suffix_1 {
  padding-right: 6.25%; }

.container_16 > .suffix_2 {
  padding-right: 12.5%; }

.container_16 > .suffix_3 {
  padding-right: 18.75%; }

.container_16 > .suffix_4 {
  padding-right: 25%; }

.container_16 > .suffix_5 {
  padding-right: 31.25%; }

.container_16 > .suffix_6 {
  padding-right: 37.5%; }

.container_16 > .suffix_7 {
  padding-right: 43.75%; }

.container_16 > .suffix_8 {
  padding-right: 50%; }

.container_16 > .suffix_9 {
  padding-right: 56.25%; }

.container_16 > .suffix_10 {
  padding-right: 62.5%; }

.container_16 > .suffix_11 {
  padding-right: 68.75%; }

.container_16 > .suffix_12 {
  padding-right: 75%; }

.container_16 > .suffix_13 {
  padding-right: 81.25%; }

.container_16 > .suffix_14 {
  padding-right: 87.5%; }

.container_16 > .suffix_15 {
  padding-right: 93.75%; }

/* ---------------------------------------- */
/* Push 16 columns */
/* ---------------------------------------- */
.container_16 > .push_1 {
  left: 6.25%; }

.container_16 > .push_2 {
  left: 12.5%; }

.container_16 > .push_3 {
  left: 18.75%; }

.container_16 > .push_4 {
  left: 25%; }

.container_16 > .push_5 {
  left: 31.25%; }

.container_16 > .push_6 {
  left: 37.5%; }

.container_16 > .push_7 {
  left: 43.75%; }

.container_16 > .push_8 {
  left: 50%; }

.container_16 > .push_9 {
  left: 56.25%; }

.container_16 > .push_10 {
  left: 62.5%; }

.container_16 > .push_11 {
  left: 68.75%; }

.container_16 > .push_12 {
  left: 75%; }

.container_16 > .push_13 {
  left: 81.25%; }

.container_16 > .push_14 {
  left: 87.5%; }

.container_16 > .push_15 {
  left: 93.75%; }

/* ---------------------------------------- */
/* Pull 16 columns */
/* ---------------------------------------- */
.container_16 > .pull_1 {
  left: -6.25%; }

.container_16 > .pull_2 {
  left: -12.5%; }

.container_16 > .pull_3 {
  left: -18.75%; }

.container_16 > .pull_4 {
  left: -25%; }

.container_16 > .pull_5 {
  left: -31.25%; }

.container_16 > .pull_6 {
  left: -37.5%; }

.container_16 > .pull_7 {
  left: -43.75%; }

.container_16 > .pull_8 {
  left: -50%; }

.container_16 > .pull_9 {
  left: -56.25%; }

.container_16 > .pull_10 {
  left: -62.5%; }

.container_16 > .pull_11 {
  left: -68.75%; }

.container_16 > .pull_12 {
  left: -75%; }

.container_16 > .pull_13 {
  left: -81.25%; }

.container_16 > .pull_14 {
  left: -87.5%; }

.container_16 > .pull_15 {
  left: -93.75%; }

[class^="grid_"] {
  margin-left: 1%;
  margin-right: 1%; }

/* ---------------------------------------- */
/* Grids 23 columns */
/* ---------------------------------------- */
.container_23 > .grid_1 {
  width: 2.347826087%; }

.container_23 > .grid_2 {
  width: 6.6956521739%; }

.container_23 > .grid_3 {
  width: 11.0434782609%; }

.container_23 > .grid_4 {
  width: 15.3913043478%; }

.container_23 > .grid_5 {
  width: 19.7391304348%; }

.container_23 > .grid_6 {
  width: 24.0869565217%; }

.container_23 > .grid_7 {
  width: 28.4347826087%; }

.container_23 > .grid_8 {
  width: 32.7826086957%; }

.container_23 > .grid_9 {
  width: 37.1304347826%; }

.container_23 > .grid_10 {
  width: 41.4782608696%; }

.container_23 > .grid_11 {
  width: 45.8260869565%; }

.container_23 > .grid_12 {
  width: 50.1739130435%; }

.container_23 > .grid_13 {
  width: 54.5217391304%; }

.container_23 > .grid_14 {
  width: 58.8695652174%; }

.container_23 > .grid_15 {
  width: 63.2173913043%; }

.container_23 > .grid_16 {
  width: 67.5652173913%; }

.container_23 > .grid_17 {
  width: 71.9130434783%; }

.container_23 > .grid_18 {
  width: 76.2608695652%; }

.container_23 > .grid_19 {
  width: 80.6086956522%; }

.container_23 > .grid_20 {
  width: 84.9565217391%; }

.container_23 > .grid_21 {
  width: 89.3043478261%; }

.container_23 > .grid_22 {
  width: 93.652173913%; }

.container_23 > .grid_23 {
  width: 98%; }

/* ---------------------------------------- */
/* Prefix 23 columns */
/* ---------------------------------------- */
.container_23 > .prefix_1 {
  padding-left: 4.347826087%; }

.container_23 > .prefix_2 {
  padding-left: 8.6956521739%; }

.container_23 > .prefix_3 {
  padding-left: 13.0434782609%; }

.container_23 > .prefix_4 {
  padding-left: 17.3913043478%; }

.container_23 > .prefix_5 {
  padding-left: 21.7391304348%; }

.container_23 > .prefix_6 {
  padding-left: 26.0869565217%; }

.container_23 > .prefix_7 {
  padding-left: 30.4347826087%; }

.container_23 > .prefix_8 {
  padding-left: 34.7826086957%; }

.container_23 > .prefix_9 {
  padding-left: 39.1304347826%; }

.container_23 > .prefix_10 {
  padding-left: 43.4782608696%; }

.container_23 > .prefix_11 {
  padding-left: 47.8260869565%; }

.container_23 > .prefix_12 {
  padding-left: 52.1739130435%; }

.container_23 > .prefix_13 {
  padding-left: 56.5217391304%; }

.container_23 > .prefix_14 {
  padding-left: 60.8695652174%; }

.container_23 > .prefix_15 {
  padding-left: 65.2173913043%; }

.container_23 > .prefix_16 {
  padding-left: 69.5652173913%; }

.container_23 > .prefix_17 {
  padding-left: 73.9130434783%; }

.container_23 > .prefix_18 {
  padding-left: 78.2608695652%; }

.container_23 > .prefix_19 {
  padding-left: 82.6086956522%; }

.container_23 > .prefix_20 {
  padding-left: 86.9565217391%; }

.container_23 > .prefix_21 {
  padding-left: 91.3043478261%; }

.container_23 > .prefix_22 {
  padding-left: 95.652173913%; }

/* ---------------------------------------- */
/* Suffix 23 columns */
/* ---------------------------------------- */
.container_23 > .suffix_1 {
  padding-right: 4.347826087%; }

.container_23 > .suffix_2 {
  padding-right: 8.6956521739%; }

.container_23 > .suffix_3 {
  padding-right: 13.0434782609%; }

.container_23 > .suffix_4 {
  padding-right: 17.3913043478%; }

.container_23 > .suffix_5 {
  padding-right: 21.7391304348%; }

.container_23 > .suffix_6 {
  padding-right: 26.0869565217%; }

.container_23 > .suffix_7 {
  padding-right: 30.4347826087%; }

.container_23 > .suffix_8 {
  padding-right: 34.7826086957%; }

.container_23 > .suffix_9 {
  padding-right: 39.1304347826%; }

.container_23 > .suffix_10 {
  padding-right: 43.4782608696%; }

.container_23 > .suffix_11 {
  padding-right: 47.8260869565%; }

.container_23 > .suffix_12 {
  padding-right: 52.1739130435%; }

.container_23 > .suffix_13 {
  padding-right: 56.5217391304%; }

.container_23 > .suffix_14 {
  padding-right: 60.8695652174%; }

.container_23 > .suffix_15 {
  padding-right: 65.2173913043%; }

.container_23 > .suffix_16 {
  padding-right: 69.5652173913%; }

.container_23 > .suffix_17 {
  padding-right: 73.9130434783%; }

.container_23 > .suffix_18 {
  padding-right: 78.2608695652%; }

.container_23 > .suffix_19 {
  padding-right: 82.6086956522%; }

.container_23 > .suffix_20 {
  padding-right: 86.9565217391%; }

.container_23 > .suffix_21 {
  padding-right: 91.3043478261%; }

.container_23 > .suffix_22 {
  padding-right: 95.652173913%; }

/* ---------------------------------------- */
/* Push 23 columns */
/* ---------------------------------------- */
.container_23 > .push_1 {
  left: 4.347826087%; }

.container_23 > .push_2 {
  left: 8.6956521739%; }

.container_23 > .push_3 {
  left: 13.0434782609%; }

.container_23 > .push_4 {
  left: 17.3913043478%; }

.container_23 > .push_5 {
  left: 21.7391304348%; }

.container_23 > .push_6 {
  left: 26.0869565217%; }

.container_23 > .push_7 {
  left: 30.4347826087%; }

.container_23 > .push_8 {
  left: 34.7826086957%; }

.container_23 > .push_9 {
  left: 39.1304347826%; }

.container_23 > .push_10 {
  left: 43.4782608696%; }

.container_23 > .push_11 {
  left: 47.8260869565%; }

.container_23 > .push_12 {
  left: 52.1739130435%; }

.container_23 > .push_13 {
  left: 56.5217391304%; }

.container_23 > .push_14 {
  left: 60.8695652174%; }

.container_23 > .push_15 {
  left: 65.2173913043%; }

.container_23 > .push_16 {
  left: 69.5652173913%; }

.container_23 > .push_17 {
  left: 73.9130434783%; }

.container_23 > .push_18 {
  left: 78.2608695652%; }

.container_23 > .push_19 {
  left: 82.6086956522%; }

.container_23 > .push_20 {
  left: 86.9565217391%; }

.container_23 > .push_21 {
  left: 91.3043478261%; }

.container_23 > .push_22 {
  left: 95.652173913%; }

/* ---------------------------------------- */
/* Pull 23 columns */
/* ---------------------------------------- */
.container_23 > .pull_1 {
  left: -4.347826087%; }

.container_23 > .pull_2 {
  left: -8.6956521739%; }

.container_23 > .pull_3 {
  left: -13.0434782609%; }

.container_23 > .pull_4 {
  left: -17.3913043478%; }

.container_23 > .pull_5 {
  left: -21.7391304348%; }

.container_23 > .pull_6 {
  left: -26.0869565217%; }

.container_23 > .pull_7 {
  left: -30.4347826087%; }

.container_23 > .pull_8 {
  left: -34.7826086957%; }

.container_23 > .pull_9 {
  left: -39.1304347826%; }

.container_23 > .pull_10 {
  left: -43.4782608696%; }

.container_23 > .pull_11 {
  left: -47.8260869565%; }

.container_23 > .pull_12 {
  left: -52.1739130435%; }

.container_23 > .pull_13 {
  left: -56.5217391304%; }

.container_23 > .pull_14 {
  left: -60.8695652174%; }

.container_23 > .pull_15 {
  left: -65.2173913043%; }

.container_23 > .pull_16 {
  left: -69.5652173913%; }

.container_23 > .pull_17 {
  left: -73.9130434783%; }

.container_23 > .pull_18 {
  left: -78.2608695652%; }

.container_23 > .pull_19 {
  left: -82.6086956522%; }

.container_23 > .pull_20 {
  left: -86.9565217391%; }

.container_23 > .pull_21 {
  left: -91.3043478261%; }

.container_23 > .pull_22 {
  left: -95.652173913%; }

[class^="container_"] {
  margin-left: auto;
  margin-right: auto; }

[class^="container_"].inner {
  width: 100%; }

[class^="grid_"] {
  display: inline;
  float: left;
  position: relative; }

.alpha {
  margin-left: 0; }

.omega {
  margin-right: 0; }

/* Clear Floated Elements */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

[class^="container_"]:before, [class^="container_"]:after, .clearfix:before, .clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

[class^="container_"]:after, .clearfix:after, .clearBoth {
  clear: both; }

.clearfix {
  zoom: 1; }

/* specifically for IE6 + IE7 */
[class^="container_"] {
  max-width: 1100px; }
  @media screen and (min-width: 0px) and (max-width: 1099px) {
    [class^="container_"] {
      width: 95%; } }

/*  NAVIGATION  */
header.for-content-pages {
  text-align: center;
  margin-top: 2.1em;
  border-top: 1px solid #CCD8DE;
  border-bottom: 1px solid #CCD8DE; }
  header.for-content-pages section {
    display: flex;
    align-items: center;
    margin: 0 auto;
    max-width: 1100px;
    font-size: 81.2%;
    position: relative; }
    header.for-content-pages section a {
      text-decoration: none;
      color: #293033; }
    header.for-content-pages section a:hover {
      color: #2F7696; }
    header.for-content-pages section a.logo {
      flex: 0 0 140px;
      height: 16px;
      margin-left: 1%;
      margin-top: 1em;
      margin-bottom: 1em;
      background: url("/ui/css/Images/agendio-logo.svg") no-repeat;
      background-size: 100% auto;
      content: "\020"; }
    header.for-content-pages section nav {
      flex: 1;
      text-align: right;
      margin-right: 1%;
      position: relative; }
      header.for-content-pages section nav span.primary a {
        text-transform: uppercase;
        padding: 0 4%;
        display: inline-block;
        line-height: 2.5em;
        margin-top: 2px; }
      header.for-content-pages section nav span.primary a.selected {
        color: #008AC9; }
      header.for-content-pages section nav span.primary a:last-of-type {
        padding-right: 0;
        border-left: 1px solid #CCD8DE; }
      header.for-content-pages section nav span.secondary {
        position: absolute;
        top: -2.2em;
        right: 0;
        line-height: 1em; }
        header.for-content-pages section nav span.secondary a {
          margin: .3em 0 .3em 1.3em;
          display: inline-block; }
    header.for-content-pages section aside {
      position: absolute;
      font-size: 2em;
      color: rgba(155, 161, 163, 0.5);
      position: absolute;
      top: .4em;
      right: .1em;
      cursor: pointer;
      display: none; }
      header.for-content-pages section aside:before {
        font-family: 'agendio_ui' !important;
        content: "\e61d"; }
      header.for-content-pages section aside:focus {
        background-color: #f15f74; }
    @media screen and (min-width: 0px) and (max-width: 1099px) {
      header.for-content-pages section {
        width: 95%; } }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      header.for-content-pages section {
        flex-direction: column;
        height: auto;
        align-items: flex-start; }
        header.for-content-pages section a.logo {
          flex: 1;
          width: 140px;
          margin-top: 1em; }
        header.for-content-pages section nav {
          display: none;
          width: 100%; }
        header.for-content-pages section span {
          display: block; }
          header.for-content-pages section span a {
            display: block !important;
            text-align: left;
            text-transform: capitalize !important;
            font-size: 1.5em;
            line-height: 1.3em !important;
            padding: .5em 0 0 0 !important;
            margin-left: 2.3em !important;
            border-left: none !important;
            border-top: 1px solid #CCD8DE; }
          header.for-content-pages section span.primary {
            margin-top: 2em; }
            header.for-content-pages section span.primary a:first-child {
              border-top: none; }
          header.for-content-pages section span.secondary {
            position: static !important;
            top: auto !important;
            right: auto !important; }
        header.for-content-pages section aside {
          display: block; } }

body.mobile-menu-triggered header.for-content-pages {
  border-bottom-color: #F7F7F8 !important;
  border-top-color: #F7F7F8 !important;
  background: #F7F7F8; }

body.mobile-menu-triggered header.for-content-pages nav {
  display: block !important; }

body.mobile-menu-triggered aside:before {
  content: "\e60e" !important; }

body header > nav {
  font-size: 81.2%; }
  body header > nav a {
    text-decoration: none;
    color: #293033; }
  body header > nav a:hover {
    color: #2F7696; }
  body header > nav.secondary a {
    margin: .3em 0 .3em 1.3em;
    display: inline-block; }
  body header > nav.primary {
    border-top: 1px solid #CCD8DE;
    border-bottom: 1px solid #CCD8DE; }
    body header > nav.primary a {
      display: inline-block;
      text-transform: uppercase;
      padding: .2em 2.8em 0;
      margin: .5em 0; }
    body header > nav.primary a:not(.mobile-only):last-of-type {
      border-left: 1px solid #CCD8DE;
      padding-right: 0; }
    body header > nav.primary a.logo {
      width: 139px;
      height: 16px;
      float: left;
      background: url("/ui/css/Images/agendio-logo.svg") no-repeat;
      background-size: 100%;
      content: "\020";
      padding: 0;
      margin-top: 1em; }
    body header > nav.primary a.selected {
      color: #008AC9; }
    body header > nav.primary .icon-menu {
      color: rgba(155, 161, 163, 0.5);
      font-size: 2em;
      position: absolute;
      top: .75em;
      right: .3em;
      cursor: pointer;
      display: none; }
    body header > nav.primary .icon-close {
      color: rgba(155, 161, 163, 0.5);
      font-size: 2em;
      position: absolute;
      top: .75em;
      right: .3em;
      display: none;
      cursor: pointer; }
    body header > nav.primary .mobile-only {
      display: none; }
  body header > nav.breadcrumb {
    display: none; }
    body header > nav.breadcrumb a {
      margin: .3em 0 0 0;
      display: inline-block; }
    body header > nav.breadcrumb a:last-child:hover {
      color: inherit;
      cursor: default; }
    body header > nav.breadcrumb [class*="icon-arrow"] {
      display: inline-block;
      position: relative;
      top: .1em;
      font-size: .8em;
      margin: 0 .5em; }

body.has-breadcrumb .breadcrumb {
  display: block; }

body header.with-persistent-notification {
  margin-top: 3em; }

body footer {
  text-align: left;
  font-size: 87.5%;
  line-height: 1.8em;
  border-top: 1px solid #CCD8DE;
  padding: 2em 0 2em;
  margin-top: 4em; }
  body footer h6 {
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1em;
    border-top: 1px solid #CCD8DE;
    border-bottom: 1px solid #CCD8DE;
    padding: .7em 0; }
  body footer p {
    margin-top: .8em; }
  body footer a {
    text-decoration: none;
    display: block; }
    body footer a:hover {
      text-decoration: underline;
      color: #2F7696; }
    body footer a.indent {
      padding-left: 1em; }
  body footer .logo {
    width: 130px;
    height: 15px;
    display: inline-block;
    background: url("/ui/css/Images/agendio-logo.svg") no-repeat;
    background-size: 100%;
    content: "\020";
    padding: 0;
    margin-top: .9em; }
  body footer .slogan {
    font-size: 1.15em;
    line-height: 1em;
    color: #9BA1A3;
    font-width: 400;
    margin: 0 0 0 1em;
    position: relative;
    top: -2px; }
  body footer .legal [class*="grid_"] {
    border-top: 1px solid #CCD8DE;
    padding: .5em 0; }
  body footer .legal a {
    display: inline;
    padding-right: 2em; }
  body footer .rackspace {
    width: 190px;
    height: 43px;
    content: "\020";
    background: url("/ui/css/Images/powered-by-rackspace.svg") right center no-repeat;
    background-size: auto 100%;
    float: right; }
  body footer .fb_iframe_widget {
    margin-bottom: .5em; }
  body footer iframe[id*="twitter"], body footer .fb_iframe_widget iframe {
    display: block; }

body.home-page footer {
  color: #CCD8DE;
  margin-top: 0em;
  border-top: none;
  background: #113B4F; }
  body.home-page footer a {
    color: #CCD8DE; }
  body.home-page footer h6 {
    color: #FFFFFF; }
  body.home-page footer .logo {
    background-image: url("/ui/css/Images/agendio-logo-reversed.svg"); }

nav.pills {
  display: block;
  margin-left: auto;
  margin-right: auto; }
  nav.pills a {
    text-decoration: none;
    border: 1px solid transparent;
    padding: .35em 1.5em;
    border-radius: 4px; }
    nav.pills a.selected {
      background-color: #FFFFFF;
      color: #2F7696;
      border-color: #CCD8DE; }
    nav.pills a:hover {
      color: #2F7696; }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      .review-page nav.pills a {
        display: block; } }

nav.frequency-selector {
  margin-bottom: 1em;
  text-align: center;
  display: flex; }
  nav.frequency-selector div {
    flex: 2;
    display: flex; }
  nav.frequency-selector a {
    flex: 1; }
  nav.frequency-selector.three-options div {
    flex: 1; }
  nav.frequency-selector.three-options a {
    flex: 0 0 8em; }
  nav.frequency-selector button, nav.frequency-selector a {
    line-height: 2.5em; }
  nav.frequency-selector button {
    flex: 1;
    border-radius: 2px;
    cursor: pointer;
    border: 1px solid #CCD8DE;
    background: none;
    font-weight: 700;
    outline: none;
    position: relative;
    margin: 0 .5em; }
    nav.frequency-selector button:first-of-type {
      margin-left: 0; }
    nav.frequency-selector button:last-of-type {
      margin-right: 0; }
    nav.frequency-selector button:hover {
      background-color: #FFFFFF; }
    nav.frequency-selector button.m {
      background-color: #F0E4F5;
      border-color: #dfc6ea; }
    nav.frequency-selector button.w {
      background-color: #D0F2F7;
      border-color: #8fe0ec; }
    nav.frequency-selector button.d {
      background-color: #ECF7D7;
      border-color: #ceea97; }
    nav.frequency-selector button.selected:before {
      font-family: agendio_ui;
      content: "\e903";
      position: relative;
      margin-right: .5em; }
  nav.frequency-selector a {
    margin-left: 1em; }
  @media screen and (min-width: 0px) and (max-width: 800px) {
    nav.frequency-selector {
      flex-direction: column; }
      nav.frequency-selector button {
        margin: 0 0 1em; }
        nav.frequency-selector button br {
          display: none; }
      nav.frequency-selector a {
        flex: 1;
        margin: 1em 0 0; } }

@media screen and (min-width: 0px) and (max-width: 650px) {
  body header > nav.primary {
    border-top: none; }
  body header > nav.primary span.mobile-context {
    display: none; }
  body header > nav.primary span.icon-menu {
    display: block; }
  body header > nav.primary a.logo {
    width: 183px;
    height: 25px;
    margin: 1.5em 0; }
  body header > nav.secondary a {
    display: none; }
  body.has-breadcrumb header > nav.breadcrumb {
    display: none; }
  body header > nav.primary span.mobile-context.active {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    display: block;
    z-index: 100; }
    body header > nav.primary span.mobile-context.active a {
      text-align: left;
      text-transform: capitalize;
      display: block;
      font-size: 2em;
      line-height: 1em;
      padding: .5em 0 0 0;
      margin-left: 1.5em;
      border: none;
      border-top: 1px solid #CCD8DE; }
      body header > nav.primary span.mobile-context.active a:first-child {
        margin-top: 3em;
        border: none; }
    body header > nav.primary span.mobile-context.active .icon-close {
      display: block; } }

/*  HEADINGS */
h1 {
  font-size: 3.13em;
  line-height: 1.2em;
  text-align: center; }

h2 {
  font-size: 1.4375em;
  line-height: 1.6em;
  text-align: center; }
  h2.borderBottom {
    padding-bottom: .5em; }

h3 {
  font-size: 1.44em;
  line-height: 1.3em;
  text-transform: uppercase; }

h4 {
  font-size: 1.1em;
  line-height: 1.3em;
  font-weight: 700; }

h5 {
  font-size: 1.2em;
  line-height: 1.6em; }

h6 {
  font-size: 1.2em;
  font-weight: 700;
  text-transform: uppercase; }

/*  CARDS */
.card {
  border: 1px solid #CCD8DE;
  box-shadow: #bdccd4 2px 2px 0;
  margin-bottom: 1em;
  position: relative;
  height: 100%; }
  .card.card-blue {
    background: #EDF1F5; }
  .card.card-white {
    background: #FFFFFF; }
  .card.source {
    font-size: 87.5%; }
  .card.table {
    margin-bottom: 3px;
    overflow: hidden;
    box-shadow: #bdccd4 1px 1px 0;
    padding: 1em 2em 0em;
    position: relative;
    cursor: pointer; }
    .card.table table {
      width: 100%; }
    .card.table td {
      padding: 2em 0;
      border-top: 1px solid #CCD8DE; }
    .card.table td:first-child {
      width: 38.2%;
      padding-right: 2em;
      color: #008AC9; }
    .card.table td:last-child {
      padding-left: 2em; }
    .card.table.plain tr:first-child td {
      border-top: none; }
  .card header {
    padding: .2em .5em;
    font-weight: 700; }
    .card header.bigger-padding {
      padding: .7rem 1rem; }
    .card header.m {
      background-color: #F0E4F5; }
    .card header.w {
      background-color: #D0F2F7; }
    .card header.d {
      background-color: #ECF7D7; }
  .card section {
    padding: 1em 1.2em; }
    .card section.bigger-padding {
      padding: 1.5em 2em; }
  .card.big section {
    padding: 2em 2em; }

/*  FORM ELEMENTS  */
.form article {
  width: 100%; }
  .form article label {
    display: block;
    line-height: 1.4em; }
    .form article label span {
      color: #9BA1A3; }

.form article {
  width: 100%; }
  .form article.error label {
    color: #FF284F; }
  .form article.error fieldset {
    border-color: #FF284F; }
  .form article fieldset {
    border: 1px solid #9BA1A3;
    height: 2.5em;
    overflow: hidden;
    display: inline-block;
    background-color: #F7F7F8;
    width: 100%;
    margin-bottom: 1em; }
    .form article fieldset.for-pulldown {
      background-image: url("/ui/css/Images/pull-down-arrow.svg");
      background-repeat: no-repeat;
      background-position: 100% center;
      background-size: auto 85%; }
    .form article fieldset.for-area {
      height: 10em; }
    .form article fieldset.for-file {
      padding-top: .5em;
      height: 2em; }
    .form article fieldset.no-style {
      border: none;
      background: none; }
  .form article input[type="text"],
  .form article input[type="email"],
  .form article input[type="password"], .form article select {
    display: block;
    height: 2em;
    padding: 0 5%;
    width: 90%;
    font-size: 1.2em;
    background: transparent; }
  .form article select {
    -webkit-appearance: none;
    border-radius: 0;
    width: 120%;
    height: 2.15em;
    background: transparent; }
  .form article textarea {
    width: 90%;
    height: 90%;
    background: transparent;
    padding: 5%;
    font-size: 100% !important; }

.form .grid_16 input[type="text"],
.form .grid_16 input[type="email"],
.form .grid_16 input[type="password"], .form .grid_16 select, .form .grid_23 input[type="text"],
.form .grid_23 input[type="email"],
.form .grid_23 input[type="password"], .form .grid_23 select {
  padding-left: 2.5% !important;
  padding-right: 2.5% !important;
  width: 95% !important; }

.form .grid_16 textarea, .form .grid_23 textarea {
  width: 95%;
  height: 95%;
  padding: 2.5%; }

.form.checkout {
  font-size: 1.05em; }
  .form.checkout article:first-child label {
    margin-top: .9em; }
  .form.checkout label {
    width: 33%;
    line-height: .8em;
    float: left;
    margin: .9em 0; }
  .form.checkout fieldset {
    width: 66%;
    float: left;
    border: 1px solid #9ba1a3;
    margin-bottom: .7em;
    border-radius: 2px;
    background-color: #FFFFFF; }
    .form.checkout fieldset.promo-code {
      width: 75%;
      margin-right: 3%; }
      .form.checkout fieldset.promo-code + button {
        height: 2.7em;
        padding: 0;
        width: 21%; }
    .form.checkout fieldset.expiration {
      width: 20%; }
  .form.checkout article:last-child fieldset {
    margin-bottom: 0; }
  .form.checkout .checkbox-container {
    float: left; }

.form.small article fieldset {
  height: 2em; }
  .form.small article fieldset.for-area {
    height: 10em; }

.form.small input[type="text"],
.form.small input[type="email"],
.form.small input[type="password"], .form.small select {
  display: block;
  height: 2em;
  padding: 0 5%;
  width: 110%;
  font-size: 1em;
  background: transparent; }

[type="checkbox"], [type="radio"] {
  display: none; }

label[class*="for-"] {
  position: relative;
  margin-left: 22px;
  display: inline-block;
  cursor: pointer;
  line-height: 1.3em; }
  label[class*="for-"][class*="disabled"] {
    color: #CCD8DE;
    cursor: auto; }
    label[class*="for-"][class*="disabled"].for-radio:before {
      background-position: 0 -56px; }
    label[class*="for-"][class*="disabled"].for-radio.checked:before {
      background-position: 0 -70px; }
    label[class*="for-"][class*="disabled"].for-checkbox:before {
      background-position: 0 -84px; }
    label[class*="for-"][class*="disabled"].for-checkbox.checked:before {
      background-position: 0 -98px; }
  label[class*="for-"]:before {
    width: 14px;
    height: 14px;
    content: "\020";
    position: absolute;
    top: 0px;
    left: -1.5em;
    background: url("/ui/css/Images/radio-and-checkbox.svg") no-repeat; }
  label[class*="for-"].for-radio:before {
    background-position: 0 0; }
  label[class*="for-"].for-radio.checked:before {
    background-position: 0 -14px; }
  label[class*="for-"].for-checkbox:before {
    background-position: 0 -28px; }
  label[class*="for-"].for-checkbox.checked:before {
    background-position: 0 -42px; }
  label[class*="for-"].for-radio.inline {
    display: inline-block;
    margin-right: 2em; }

/*  HOME PAGE  */
.diagonal-ascending {
  background-image: url("/ui/css/Images/diagonal-ascending.png");
  background-repeat: no-repeat;
  background-position: center bottom; }

.diagonal-ascending-reversed {
  background-image: url("/ui/css/Images/diagonal-ascending-reversed.png");
  background-repeat: no-repeat;
  background-position: center bottom; }

.diagonal-descending {
  background-image: url("/ui/css/Images/diagonal-descending.png");
  background-repeat: no-repeat;
  background-position: center top; }

body.home-page section.hero {
  text-align: center;
  padding-bottom: 40em; }
  body.home-page section.hero header .icon-menu {
    color: rgba(155, 161, 163, 0.5);
    font-size: 2em;
    position: absolute;
    top: .3em;
    right: .3em;
    display: none;
    cursor: pointer; }
  body.home-page section.hero nav {
    margin-right: 2em; }
  body.home-page section.hero nav.primary {
    border-top: 1px solid #CCD8DE;
    border-bottom: 1px solid #CCD8DE;
    background: none;
    display: inline-block;
    margin: 2.5em 0 3em;
    border-color: #CCD8DE;
    border-color: rgba(204, 216, 222, 0.5); }
    body.home-page section.hero nav.primary a {
      padding: 0 2.8em;
      line-height: 2.5em; }
      @media screen and (min-width: 0px) and (max-width: 500px) {
        body.home-page section.hero nav.primary a {
          paddin-left: 1.2em;
          padding-right: 1.2em; } }
      @media screen and (min-width: 0px) and (max-width: 400px) {
        body.home-page section.hero nav.primary a {
          padding-left: 0.8em;
          padding-right: 0.8em; } }
    body.home-page section.hero nav.primary a:last-child {
      border-left: none;
      /* padding: .2em 2.8em 0; */ }
  body.home-page section.hero nav.secondary .icon-close {
    color: rgba(155, 161, 163, 0.5);
    font-size: 2em;
    position: absolute;
    top: .3em;
    right: .3em;
    display: none;
    cursor: pointer; }
  body.home-page section.hero nav a {
    color: #9BA1A3; }
  body.home-page section.hero nav a:hover {
    text-shadow: none;
    color: #FFFFFF; }
  body.home-page section.hero aside.logo-reversed {
    width: 171px;
    height: 22px;
    background-color: #f15f74;
    content: "\020";
    margin: 0 auto;
    background: url("/ui/css/Images/agendio-logo-reversed.svg") no-repeat center;
    display: block; }
  body.home-page section.hero h1 {
    color: #FFFFFF;
    font-size: 3.75em;
    line-height: 1.4em;
    font-weight: 400;
    margin: 0 auto 1em auto; }
    @media screen and (min-width: 0) and (max-width: 730px) {
      body.home-page section.hero h1 {
        width: 90%;
        font-size: 2.75em;
        line-height: 1.4em; } }
  body.home-page section.hero h2 {
    color: #9BA1A3;
    margin: 0 auto 1.5em auto; }
    @media screen and (min-width: 0) and (max-width: 1000px) {
      body.home-page section.hero h2 {
        width: 90%; } }
    body.home-page section.hero h2 span {
      color: #FFFFFF;
      font-weight: 700; }
  body.home-page section.hero h3 {
    color: #FFFFFF; }
  body.home-page section.hero h5 {
    color: rgba(255, 255, 255, 0.8); }
  body.home-page section.hero [class*="arrow-down"] {
    color: #9BA1A3;
    font-size: 2em; }
  body.home-page section.hero a {
    color: inherit; }
    body.home-page section.hero a:hover {
      text-shadow: none;
      color: #FFFFFF; }
  @media screen and (min-width: 0) and (max-width: 1000px) {
    body.home-page section.hero br {
      display: none; } }

body.home-page section.features-list-primary {
  position: relative;
  margin-top: -40em;
  z-index: 2; }

body.home-page section.features-list-secondary {
  padding: 40em 0;
  background-image: url("/ui/css/Images/diagonal-descending.png"), url("/ui/css/Images/diagonal-ascending.png");
  background-repeat: no-repeat, no-repeat;
  background-position: center top, center bottom; }
  body.home-page section.features-list-secondary .activities {
    margin-top: 0; }
    @media screen and (min-height: 920px) {
      body.home-page section.features-list-secondary .activities {
        margin-top: 4.5em; } }
  body.home-page section.features-list-secondary .holidays {
    margin-top: 6em; }
    @media screen and (min-height: 920px) {
      body.home-page section.features-list-secondary .holidays {
        margin-top: 10.5em; } }
  body.home-page section.features-list-secondary .events {
    margin-top: 6em; }
    @media screen and (min-height: 920px) {
      body.home-page section.features-list-secondary .events {
        margin-top: 10.5em; } }
  body.home-page section.features-list-secondary .first-day {
    margin-top: 9.2em; }
    @media screen and (min-height: 920px) {
      body.home-page section.features-list-secondary .first-day {
        margin-top: 14em; } }
  body.home-page section.features-list-secondary .button {
    margin: .5em; }

body.home-page section.social-proof-quadrant figure {
  width: 45px;
  height: 45px;
  content: "\020";
  background: url("/ui/css/Images/social-proof-iconography.svg") no-repeat;
  margin: 0 auto 1.1em; }
  body.home-page section.social-proof-quadrant figure.heart {
    background-position: 0px 0px; }
  body.home-page section.social-proof-quadrant figure.toolbox {
    background-position: -45px 0px; }
  body.home-page section.social-proof-quadrant figure.quill {
    background-position: -90px 0px; }
  body.home-page section.social-proof-quadrant figure.keyboard {
    background-position: -135px 0px; }

body.home-page section.social-proof-quadrant h4 {
  font-weight: 700;
  display: block; }
  body.home-page section.social-proof-quadrant h4 span {
    color: #9BA1A3;
    font-weight: 400; }
  body.home-page section.social-proof-quadrant h4 a {
    text-decoration: none; }
    body.home-page section.social-proof-quadrant h4 a:hover {
      text-decoration: underline;
      color: #008AC9; }

body.home-page section.social-proof-quadrant h6 {
  text-transform: uppercase;
  color: #113B4F;
  font-weight: 700;
  margin-bottom: 1.5em; }
  body.home-page section.social-proof-quadrant h6 span {
    border-top: 2px solid #113B4F;
    padding: .6em .7em 0; }

body.home-page section.social-proof-quadrant table {
  width: 100%; }
  body.home-page section.social-proof-quadrant table tr td {
    border-top: 1px solid #CCD8DE; }
  body.home-page section.social-proof-quadrant table td {
    width: 50%;
    text-align: center;
    padding: 3em 0 3em 3em; }
    body.home-page section.social-proof-quadrant table td:first-child {
      border-right: 1px solid #CCD8DE;
      padding: 3em 3em 3em 0; }
    @media screen and (min-width: 0px) and (max-width: 880px) {
      body.home-page section.social-proof-quadrant table td {
        display: block;
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
        border-right: 0 !important;
        border-bottom: 1px solid #CCD8DE !important; } }
  @media screen and (min-width: 0px) and (max-width: 880px) {
    body.home-page section.social-proof-quadrant table tr:last-child td:last-child {
      border-bottom: none !important; } }

body.home-page section.social-proof-quadrant td.customer-reviews [class*="rating"] {
  font-size: 80%;
  display: block;
  margin: .2em auto; }

body.home-page section.social-proof-quadrant td.customer-reviews blockquote {
  margin-bottom: 2em;
  display: block; }
  body.home-page section.social-proof-quadrant td.customer-reviews blockquote span {
    color: #9BA1A3;
    display: block; }

body.home-page section.social-proof-quadrant td.client-customizations img {
  border: 1px solid #CCD8DE; }
  @media screen and (min-width: 0px) and (max-width: 880px) {
    body.home-page section.social-proof-quadrant td.client-customizations img {
      height: auto;
      width: 100%; } }

body.home-page section.social-proof-quadrant td.agendio-blog p img {
  width: 100%;
  height: auto;
  margin: 1em 0; }

body.home-page section.social-proof-quadrant td.blog-reviews blockquote {
  font-family: Courgette;
  padding: 0 3em; }

body.home-page section.social-proof-quadrant td.blog-reviews img {
  margin: 1em 0; }

body.home-page section.social-proof-quadrant td.blog-reviews p {
  margin-top: 1em; }

body.home-page section.social-proof-quadrant a.more {
  color: #008AC9;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 80%;
  text-decoration: none; }

body.home-page section.social-proof-quadrant [class*="icon-arrow-"] {
  color: #008AC9 !important;
  display: inline-block !important; }

body.home-page .features article {
  margin: 30em 0 30em;
  z-index: 2;
  opacity: 1; }
  body.home-page .features article.current {
    opacity: 1; }
  body.home-page .features article p {
    font-size: 1.4375em;
    line-height: 1.6em;
    text-align: center; }
    body.home-page .features article p br {
      margin: 0 0 1em; }
    @media screen and (min-width: 0px) and (max-width: 1090px) {
      body.home-page .features article p {
        font-size: 1.2em;
        line-height: 1.6em; } }

body.home-page figure {
  width: 70px;
  height: 70px;
  content: "\020";
  background: url("/ui/css/Images/home-iconography.png") no-repeat;
  margin: 0 auto 1.7em; }
  body.home-page figure.pagelets {
    background-position: 0px 0px; }
  body.home-page figure.labels {
    background-position: -70px 0px; }
  body.home-page figure.detailing {
    background-position: -140px 0px; }
  body.home-page figure.schedules {
    background-position: -210px 0px; }
  body.home-page figure.date {
    background-position: -280px 0px; }
  body.home-page figure.colors {
    background-position: -350px 0px; }
  body.home-page figure.fonts {
    background-position: -420px 0px; }
  body.home-page figure.spans {
    background-position: -490px 0px; }

body.home-page h3 {
  font-size: 2em;
  text-transform: none;
  margin-bottom: 1em;
  color: #113B4F; }
  @media screen and (min-width: 0px) and (max-width: 929px) {
    body.home-page h3 {
      font-size: 1.5em; } }
  body.home-page h3 span {
    border-top: 2px solid #113B4F;
    padding: .7em 1em 0; }
    body.home-page h3 span [class*="icon"] {
      font-size: 80%;
      position: relative;
      top: -.5em; }
    @media screen and (min-width: 0) and (max-width: 1090px) {
      body.home-page h3 span {
        padding: .7em 0em 0; } }

body.home-page section[class^="imagery-container"] {
  position: absolute;
  width: 100%;
  overflow: hidden;
  padding: 1em 0; }
  body.home-page section[class^="imagery-container"].freeze {
    position: fixed; }
  body.home-page section[class^="imagery-container"].imagery-container-left {
    top: 42em; }
  @media screen and (min-height: 0px) and (max-height: 550px) {
    body.home-page section[class^="imagery-container"].imagery-container-right {
      top: 233em; } }
  @media screen and (min-height: 551px) and (max-height: 680px) {
    body.home-page section[class^="imagery-container"].imagery-container-right {
      top: 238em; } }
  @media screen and (min-height: 681px) and (max-height: 950px) {
    body.home-page section[class^="imagery-container"].imagery-container-right {
      top: 243em; } }
  @media screen and (min-height: 951px) {
    body.home-page section[class^="imagery-container"].imagery-container-right {
      top: 248em; } }

body.home-page [id^="imagery-"] {
  position: relative;
  /* width: 80em; */ }
  body.home-page [id^="imagery-"] img {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: none; }
    body.home-page [id^="imagery-"] img.default {
      display: block; }
  body.home-page [id^="imagery-"] .cover {
    box-shadow: rgba(41, 48, 51, 0.5) 0 0 1em;
    border-radius: 4px;
    background-color: #005F9A; }

body.home-page #imagery-left {
  left: 50%;
  margin-left: -80em;
  /* left: 50%; margin-left: -75em; */ }
  @media screen and (min-width: 0px) and (max-width: 799px) {
    body.home-page #imagery-left {
      margin-left: 0%; } }

body.home-page #imagery-right {
  left: 50%;
  /* right: 50%; margin-right: -75em; */ }

body.home-page #pagelets-a article:last-child {
  margin-bottom: 15em; }

@media screen and (min-height: 0px) and (max-height: 550px) {
  body.home-page #pagelets-b article:first-child {
    margin-top: 35em; } }

@media screen and (min-height: 551px) and (max-height: 650px) {
  body.home-page #pagelets-b article:first-child {
    margin-top: 45em; } }

@media screen and (min-height: 651px) and (max-height: 950px) {
  body.home-page #pagelets-b article:first-child {
    margin-top: 55em; } }

@media screen and (min-height: 951px) {
  body.home-page #pagelets-b article:first-child {
    margin-top: 65em; } }

body.home-page #pagelets-b article:last-child {
  margin-bottom: -5em; }

body.home-page .reference-to-features {
  margin: 5em 0 3em;
  border-top: 1px solid #CCD8DE;
  border-bottom: 1px solid #CCD8DE;
  padding: 1em 2em;
  color: #CCD8DE; }
  body.home-page .reference-to-features a {
    color: inherit; }
    body.home-page .reference-to-features a:hover {
      text-shadow: none; }

body.home-page .reversed h3 {
  color: #FFFFFF; }

body.home-page .reversed h5 {
  color: #CCD8DE; }

body.home-page section.calendars {
  z-index: 2;
  margin-top: -33em;
  padding-bottom: 4em; }
  body.home-page section.calendars h1 {
    margin-top: 3em; }
  body.home-page section.calendars .calendar img {
    width: 100%; }
  body.home-page section.calendars p {
    font-size: 1.4375em;
    line-height: 1.6em; }
    @media screen and (min-width: 0px) and (max-width: 1090px) {
      body.home-page section.calendars p {
        font-size: 1.2em;
        line-height: 1.6em; } }

body.home-page section.refills {
  z-index: 2;
  margin-top: -33em;
  padding-bottom: 5em; }
  body.home-page section.refills .refills-container {
    position: relative; }
  body.home-page section.refills h1 {
    margin-top: 3em; }
  body.home-page section.refills img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none; }
    body.home-page section.refills img.selected {
      display: block; }
  body.home-page section.refills fieldset {
    border-width: 2px;
    border-radius: 2px;
    width: 98%;
    margin-bottom: .5em;
    background: #FFFFFF; }
  body.home-page section.refills .legends {
    position: absolute;
    left: 1.4em;
    bottom: 0.2em;
    width: 100%; }
    body.home-page section.refills .legends i.note {
      position: absolute;
      left: 0;
      bottom: 0;
      display: none; }
  @media screen and (min-width: 621px) and (max-width: 965px) {
    body.home-page section.refills h1 {
      text-align: center;
      margin-top: 1em; }
    body.home-page section.refills .grid_15, body.home-page section.refills .grid_8 {
      left: 13.04% !important;
      padding-right: 13.04%  !important;
      width: 71.91%  !important; }
    body.home-page section.refills .grid_9 {
      width: 48% !important;
      margin-left: 0;
      margin-right: 0; } }
  @media screen and (min-width: 0px) and (max-width: 620px) {
    body.home-page section.refills h1 {
      text-align: center;
      margin-top: 1em; } }

body.home-page section.slice h3 {
  font-weight: 700;
  color: #113B4F; }

body.home-page section.blog h4 {
  margin: 1em 0 .5em; }

body.home-page section.blog h4 a {
  color: #2F7696;
  text-decoration: none; }
  body.home-page section.blog h4 a:hover {
    text-decoration: underline; }

body.home-page section.blog header {
  border-bottom: 1px solid #293033;
  display: inline-block;
  text-transform: uppercase;
  padding: 3em 0 1em;
  margin-bottom: 1.5em; }

body.home-page section.blog hgroup {
  margin-bottom: 1em;
  color: #6d8088; }

body.home-page section.blog .other-entries {
  border: 1px solid #CCD8DE;
  padding: 1em 1em 1em 3em;
  border-radius: 4px; }
  body.home-page section.blog .other-entries li {
    margin: 1.3em 0; }
  body.home-page section.blog .other-entries a {
    display: inline;
    color: #2F7696;
    text-decoration: none; }
    body.home-page section.blog .other-entries a:hover {
      color: #2F7696;
      text-decoration: underline; }
  body.home-page section.blog .other-entries .icon-blog-post {
    display: inline;
    position: relative;
    left: -1.5em;
    top: .2em;
    margin-right: -1em;
    color: #2F7696; }

body.home-page section.promotions {
  text-align: center;
  padding-top: 1em;
  padding-bottom: 2em; }
  body.home-page section.promotions img {
    margin-bottom: 1em; }
  body.home-page section.promotions p {
    padding: 1em 2em; }
  body.home-page section.promotions .borderRight {
    padding-top: 2em;
    padding-bottom: 2em; }
  body.home-page section.promotions.three-promotions .grid_ {
    width: 33.3%;
    margin: 0; }
  body.home-page section.promotions.two-promotions .grid_ {
    width: 50%;
    margin: 0; }
  body.home-page section.promotions [class*="grid_"]:last-child .borderRight {
    border: none; }
  body.home-page section.promotions h4 {
    color: #113B4F;
    text-align: center; }

body.home-page section.other-images {
  position: relative;
  width: 100%;
  height: 550px; }
  body.home-page section.other-images div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    opacity: 0; }
    body.home-page section.other-images div.other-1 {
      background-image: url("/ui/css/Images/home-other-image-1a.jpg");
      opacity: 1; }
      @media screen and (min-width: 0px) and (max-width: 768px) {
        body.home-page section.other-images div.other-1 {
          background-image: url("/ui/css/Images/home-other-image-1a_@768.jpg"); } }
    body.home-page section.other-images div.other-2 {
      background-image: url("/ui/css/Images/home-other-image-2a.jpg"); }
      @media screen and (min-width: 0px) and (max-width: 768px) {
        body.home-page section.other-images div.other-2 {
          background-image: url("/ui/css/Images/home-other-image-2a_@768.jpg"); } }
    body.home-page section.other-images div.other-3 {
      background-image: url("/ui/css/Images/home-other-image-3a.jpg"); }
      @media screen and (min-width: 0px) and (max-width: 768px) {
        body.home-page section.other-images div.other-3 {
          background-image: url("/ui/css/Images/home-other-image-3a_@768.jpg"); } }
    body.home-page section.other-images div.other-4 {
      background-image: url("/ui/css/Images/home-other-image-4a.jpg"); }
      @media screen and (min-width: 0px) and (max-width: 768px) {
        body.home-page section.other-images div.other-4 {
          background-image: url("/ui/css/Images/home-other-image-4a_@768.jpg"); } }
    body.home-page section.other-images div.other-5 {
      background-image: url("/ui/css/Images/home-other-image-5a.jpg"); }
      @media screen and (min-width: 0px) and (max-width: 768px) {
        body.home-page section.other-images div.other-5 {
          background-image: url("/ui/css/Images/home-other-image-5a_@768.jpg"); } }
    body.home-page section.other-images div.other-6 {
      background-image: url("/ui/css/Images/home-other-image-6a.jpg"); }
      @media screen and (min-width: 0px) and (max-width: 768px) {
        body.home-page section.other-images div.other-6 {
          background-image: url("/ui/css/Images/home-other-image-5a_@768.jpg"); } }
  body.home-page section.other-images a {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    padding: 1em 0;
    color: #FFFFFF;
    background-color: #113B4F;
    background-color: rgba(17, 59, 79, 0.35);
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700; }
    body.home-page section.other-images a:hover {
      background-color: #FFFFFF;
      background-color: rgba(255, 255, 255, 0.35);
      color: #293033;
      text-shadow: none; }
  body.home-page section.other-images aside {
    position: absolute;
    top: 50%;
    margin-top: -1em;
    background-color: #FFFFFF;
    background-color: rgba(255, 255, 255, 0.5);
    font-size: 300%;
    width: 2em;
    height: 2em;
    text-align: center;
    line-height: 2.3em;
    border-radius: 1em;
    cursor: pointer; }
    body.home-page section.other-images aside:hover {
      background-color: rgba(17, 59, 79, 0.35);
      color: #FFFFFF; }
    body.home-page section.other-images aside.previous {
      left: .5em; }
    body.home-page section.other-images aside.next {
      right: .5em; }

@media screen and (min-width: 621px) and (max-width: 850px) {
  .features-list-primary .grid_6.prefix_9 {
    padding-left: 62.5%; }
  .features-list-primary .grid_6.prefix_1 {
    padding-left: 0%; }
  body.home-page #imagery-left {
    left: 60%; }
  body.home-page #imagery-right {
    left: 40%; } }

@media screen and (min-width: 0px) and (max-width: 760px) {
  body.home-page section.promotions .grid_ {
    width: 100% !important; } }

@media screen and (min-width: 0px) and (max-width: 620px) {
  body.home-page section.hero {
    padding-bottom: 35em; }
    body.home-page section.hero header {
      padding-top: 3em; }
      body.home-page section.hero header .icon-menu {
        display: block; }
    body.home-page section.hero nav.secondary {
      background-color: #113B4F;
      margin: 0;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 100;
      display: none; }
      body.home-page section.hero nav.secondary a {
        text-align: left;
        display: block;
        font-size: 2em;
        line-height: 1.5em;
        margin: 1em 0 0 1em; }
        body.home-page section.hero nav.secondary a:first-child {
          margin-top: 3em; }
      body.home-page section.hero nav.secondary .icon-close {
        display: block; }
  body.home-page .features article {
    margin: 5em 0; }
    body.home-page .features article br {
      display: none; }
  body.home-page #pagelets-a article:first-child {
    margin-top: 35em; }
  body.home-page #pagelets-a article:last-child {
    margin-bottom: 466px; }
  body.home-page #pagelets-a:before {
    width: 110%;
    height: 419px;
    content: "\020";
    background-color: #f15f74;
    position: absolute;
    top: 100px;
    left: -5%;
    background: url("/ui/css/Images/home-spread-generic.png") no-repeat 100% top; }
  body.home-page #pagelets-a:after {
    width: 110%;
    height: 419px;
    content: "\020";
    background-color: #f15f74;
    position: absolute;
    bottom: 0px;
    left: 0%;
    background: url("/ui/css/Images/home-spread-generic.png") no-repeat 0% top; }
  body.home-page #pagelets-b article:first-child {
    margin-top: 2.5em; }
  body.home-page #pagelets-b article:last-child {
    margin-bottom: 0em; }
  body.home-page [id^="imagery-"] {
    display: none; }
  body.home-page section.features-list-secondary {
    padding-top: 15em;
    background-position: center -20%, center bottom; }
  body.home-page section.features-list-secondary [class^="grid_"] {
    margin-top: 6em; }
  body.home-page section.features-list-secondary h3 br {
    display: none; }
  body.home-page .reference-to-features {
    margin-top: 0; }
  body.home-page .reference-to-features br {
    display: none; }
  body.home-page section.calendars h1 {
    margin-top: 1em; }
  body.home-page section.slice {
    padding: 1em 0 3em; } }

/*  OTHER IMAGES */
section.other-images {
  display: flex;
  margin: 0; }
  section.other-images:first-of-type {
    margin-top: 4em; }
  section.other-images div {
    flex: 0 0 1;
    padding: .2em .5em;
    position: relative; }
    section.other-images div img {
      width: 100%;
      height: auto; }

/*  CATEGORY PAGE */
.category-page.calendars figure {
  background: url("/ui/css/Images/filter-symbols.png") center no-repeat;
  margin: 0 auto; }
  .category-page.calendars figure[class*="calendar"] {
    width: 76px;
    height: 76px; }
    .category-page.calendars figure[class*="calendar"][class*="row"] {
      background-position: 0 -234px; }
    .category-page.calendars figure[class*="calendar"][class*="grid"] {
      background-position: 0 -310px; }

.category-page.calendars .wrapper {
  height: 13em; }

.category-page.calendars .symbol {
  width: 18%; }

.category-page.calendars .step-2 a {
  width: 49.9%; }

.category-page.refills .size-selector {
  display: flex; }
  .category-page.refills .size-selector section {
    flex: 1;
    padding: 3em 0;
    text-align: center;
    border-left: 1px solid #CCD8DE;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: relative; }
    .category-page.refills .size-selector section:first-child {
      border: none; }
    .category-page.refills .size-selector section:hover {
      background: #f7f9fa; }
      .category-page.refills .size-selector section:hover figure {
        background-color: #008AC9; }
      .category-page.refills .size-selector section:hover h5 {
        color: #008AC9; }
    .category-page.refills .size-selector section article.step-1 {
      position: relative;
      top: 0; }
    .category-page.refills .size-selector section article.step-2 {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      display: none; }
      .category-page.refills .size-selector section article.step-2 i {
        display: block;
        font-style: normal;
        text-transform: uppercase;
        border-bottom: 1px solid #CCD8DE; }
      .category-page.refills .size-selector section article.step-2 div {
        display: flex; }
        .category-page.refills .size-selector section article.step-2 div a {
          flex: 1;
          text-decoration: none;
          text-transform: uppercase;
          border-left: 1px solid #CCD8DE;
          padding: 1em 0 .5em; }
          .category-page.refills .size-selector section article.step-2 div a:first-child {
            border: none; }
          .category-page.refills .size-selector section article.step-2 div a.d:hover {
            color: #2F7696;
            background-color: #ECF7D7; }
          .category-page.refills .size-selector section article.step-2 div a.w:hover {
            color: #2F7696;
            background-color: #D0F2F7; }
          .category-page.refills .size-selector section article.step-2 div a.m:hover {
            color: #2F7696;
            background-color: #F0E4F5; }
  .category-page.refills .size-selector [class^="group"] {
    display: table;
    width: 100%; }
    .category-page.refills .size-selector [class^="group"] section {
      display: table-cell;
      border-left: 1px solid #CCD8DE;
      text-align: center;
      cursor: pointer;
      padding: 2em 0 0;
      position: relative; }
      @media screen and (min-width: 0px) and (max-width: 767px) {
        .category-page.refills .size-selector [class^="group"] section {
          border-left: none;
          border-top: 1px solid #CCD8DE; } }
      .category-page.refills .size-selector [class^="group"] section:hover {
        background-color: #EDF1F5; }
        .category-page.refills .size-selector [class^="group"] section:hover figure {
          background-color: #008AC9; }
        .category-page.refills .size-selector [class^="group"] section:hover h5 {
          font-weight: 700;
          color: #008AC9; }
      .category-page.refills .size-selector [class^="group"] section:first-child {
        border: none; }
      .category-page.refills .size-selector [class^="group"] section h5 {
        text-transform: uppercase;
        margin-top: .5em; }
      .category-page.refills .size-selector [class^="group"] section p {
        color: #9BA1A3;
        margin-bottom: 2em; }
      .category-page.refills .size-selector [class^="group"] section article {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #f15f74;
        display: none; }
        .category-page.refills .size-selector [class^="group"] section article i {
          font-style: normal;
          text-transform: uppercase; }
        .category-page.refills .size-selector [class^="group"] section article br {
          display: none; }
        .category-page.refills .size-selector [class^="group"] section article div {
          display: table;
          width: 100%;
          margin-top: 1em; }
          .category-page.refills .size-selector [class^="group"] section article div a {
            display: table-cell;
            width: 33.333%;
            text-decoration: none;
            text-transform: uppercase;
            border-top: 1px solid #CCD8DE;
            border-left: 1px solid #CCD8DE;
            padding: 1em 0 .5em; }
            @media screen and (min-width: 0px) and (max-width: 935px) {
              .category-page.refills .size-selector [class^="group"] section article div a {
                font-size: 80% !important; } }
            .category-page.refills .size-selector [class^="group"] section article div a:first-child {
              border-left: none; }
            .category-page.refills .size-selector [class^="group"] section article div a:hover {
              color: #2F7696;
              background-color: #CCD8DE; }
  .category-page.refills .size-selector .group-2 section {
    width: 50%; }
  .category-page.refills .size-selector .group-3 section {
    width: 33.333%; }
  @media screen and (min-width: 0px) and (max-width: 767px) {
    .category-page.refills .size-selector [class^="group"] section {
      display: block !important;
      width: 100% !important; } }
  .category-page.refills .size-selector figure {
    display: inline-block;
    background-repeat: no-repeat;
    background-color: #dddfe0;
    background-position: center;
    background-size: auto 100%; }
    .category-page.refills .size-selector figure.FX {
      background-image: url("/ui/css/Images/spine-refills-thumbnail-FX.svg"); }
    .category-page.refills .size-selector figure.FXC {
      background-image: url("/ui/css/Images/spine-refills-thumbnail-FXC.svg"); }
    .category-page.refills .size-selector figure.FKL {
      background-image: url("/ui/css/Images/spine-refills-thumbnail-FKL.svg"); }
    .category-page.refills .size-selector figure.FK {
      background-image: url("/ui/css/Images/spine-refills-thumbnail-FK.svg"); }
    .category-page.refills .size-selector figure.FKC {
      background-image: url("/ui/css/Images/spine-refills-thumbnail-FKC.svg"); }
    .category-page.refills .size-selector figure.LTA4 {
      background-image: url("/ui/css/Images/spine-refills-thumbnail-LTA4.svg"); }
    .category-page.refills .size-selector figure.LT3 {
      background-image: url("/ui/css/Images/spine-refills-thumbnail-LT3.svg"); }
    .category-page.refills .size-selector figure.LETTER {
      background-image: url("/ui/css/Images/spine-refills-thumbnail-NO.svg"); }
    .category-page.refills .size-selector figure.LETTER-HALF {
      background-image: url("/ui/css/Images/spine-refills-thumbnail-NO.svg"); }
@media screen and (min-width: 0px) and (max-width: 799px) {
  .category-page.refills .size-selector {
    flex-direction: column; }
    .category-page.refills .size-selector section {
      border-left: none;
      border-top: 1px solid #CCD8DE; } }

.category-page.planners h3 {
  margin: 2em 0 .5em; }
  .category-page.planners h3:first-child {
    margin-top: 0; }

.category-page.planners nav.frequency-selector button {
  font-size: 1em; }
  .category-page.planners nav.frequency-selector button span {
    font-size: .8em;
    line-height: 1.5em;
    padding: 1em 0;
    width: 90%;
    margin: 0 auto;
    display: block;
    color: #9BA1A3;
    font-weight: 400;
    border-top: 1px solid #CCD8DE; }

.category-page.planners .product-selector {
  overflow: hidden; }

.category-page.planners .product-selector.inactive {
  background: #EDF1F5;
  border-color: transparent;
  box-shadow: none;
  opacity: .6; }

.category-page.planners .wrapper {
  width: 200%;
  position: relative;
  display: flex;
  align-items: stretch; }

.category-page.planners [class*="step"] {
  display: flex;
  width: 50%;
  float: left;
  position: relative; }
  .category-page.planners [class*="step"] aside.expand {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1.5em;
    cursor: pointer;
    color: #008AC9;
    display: flex;
    align-items: center;
    justify-content: center; }
  .category-page.planners [class*="step"] aside.expand:hover {
    background: #f0f4f7; }

.category-page.planners .step-1 .description {
  flex: 1;
  padding: 2em 5% 2em 2em;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .category-page.planners .step-1 .description hgroup {
    display: flex;
    align-items: center; }
  .category-page.planners .step-1 .description h4 {
    color: #008AC9;
    margin-bottom: .5em; }
  .category-page.planners .step-1 .description h4 [class*="dot"] {
    margin: 0 .2em;
    line-height: 1em;
    position: relative;
    top: .15em; }
  .category-page.planners .step-1 .description .micro-spreads {
    margin-left: 2em;
    position: relative;
    top: -.3em; }

.category-page.planners .step-1 .action {
  flex: 0 0 9em;
  padding-right: 4em;
  display: flex;
  align-items: center;
  position: relative; }

.category-page.planners .step-1 aside.expand {
  border-left: 1px solid #CCD8DE;
  right: 0; }

.category-page.planners .step-2 aside.expand {
  border-right: 1px solid #CCD8DE;
  left: 0; }

.category-page.planners .step-2 .options-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin-left: 1.5em; }
  .category-page.planners .step-2 .options-container > p {
    margin: 0;
    line-height: 2.5em;
    flex: 0 0 2.5em;
    text-align: center;
    border-bottom: 1px solid #CCD8DE; }
    .category-page.planners .step-2 .options-container > p a {
      font-size: 81.25%; }
  .category-page.planners .step-2 .options-container .options {
    flex: 1;
    display: flex; }
    .category-page.planners .step-2 .options-container .options a {
      flex: 1;
      border-left: 1px solid #CCD8DE;
      display: flex;
      align-items: flex-end;
      justify-content: flex-end;
      text-decoration: none; }
      .category-page.planners .step-2 .options-container .options a:first-child {
        border: none; }
      .category-page.planners .step-2 .options-container .options a p {
        align-self: bottom;
        margin: 0 0 2em 1em;
        margin-right: 20%;
        line-height: 1.5em; }
      .category-page.planners .step-2 .options-container .options a aside {
        width: 50px;
        height: 70px;
        content: "";
        align-self: bottom;
        margin-bottom: 2em; }
        .category-page.planners .step-2 .options-container .options a aside[class*="size"] {
          background-image: url("/ui/css/Images/filter-symbols.png");
          background-repeat: no-repeat; }
          .category-page.planners .step-2 .options-container .options a aside[class*="size"][class*="planner-large"] {
            width: 61px;
            height: 75px;
            background-position: -84px 0; }
          .category-page.planners .step-2 .options-container .options a aside[class*="size"][class*="planner-medium"] {
            width: 54px;
            height: 66px;
            background-position: -84px -75px;
            margin-top: 14px !important; }
          .category-page.planners .step-2 .options-container .options a aside[class*="size"][class*="planner-journal"] {
            width: 43px;
            height: 51px;
            background-position: -84px -141px;
            margin-top: 30px !important; }
          .category-page.planners .step-2 .options-container .options a aside[class*="size"][class*="planner-compact"] {
            width: 36px;
            height: 42px;
            background-position: -84px -192px; }
          .category-page.planners .step-2 .options-container .options a aside[class*="size"][class*="calendar-extra"] {
            width: 76px;
            height: 96px;
            background-position: -76px -234px; }
          .category-page.planners .step-2 .options-container .options a aside[class*="size"][class*="calendar-large"] {
            width: 60px;
            height: 76px;
            background-position: -76px -330px; }
          .category-page.planners .step-2 .options-container .options a aside[class*="size"][class*="calendar-medium"] {
            width: 44px;
            height: 91px;
            background-position: -76px -406px; }
      .category-page.planners .step-2 .options-container .options a:hover {
        background: #f0f4f7; }
        .category-page.planners .step-2 .options-container .options a:hover b {
          color: #008AC9; }
        .category-page.planners .step-2 .options-container .options a:hover aside[class*="planner-large"] {
          background-position: -683px 0; }
        .category-page.planners .step-2 .options-container .options a:hover aside[class*="planner-medium"] {
          background-position: -683px -75px; }
        .category-page.planners .step-2 .options-container .options a:hover aside[class*="planner-journal"] {
          background-position: -683px -141px; }
        .category-page.planners .step-2 .options-container .options a:hover aside[class*="planner-compact"] {
          background-position: -683px -182px; }
        .category-page.planners .step-2 .options-container .options a:hover aside[class*="calendar-extra"] {
          background-position: -378px -234px; }
        .category-page.planners .step-2 .options-container .options a:hover aside[class*="calendar-large"] {
          background-position: -378px -330px; }
        .category-page.planners .step-2 .options-container .options a:hover aside[class*="calendar-medium"] {
          background-position: -378px -406px; }

@media screen and (min-width: 0px) and (max-width: 1023px) {
  .category-page.planners .step-2 .options a {
    flex-direction: column;
    text-align: center;
    align-items: center !important;
    justify-content: center !important; }
    .category-page.planners .step-2 .options a p {
      margin: .5em auto !important; }
    .category-page.planners .step-2 .options a aside {
      margin: .5em auto 0 !important; } }

@media screen and (min-width: 0px) and (max-width: 639px) {
  .category-page.planners .step-1 {
    flex-direction: column; }
    .category-page.planners .step-1 .description {
      padding: 2em; }
    .category-page.planners .step-1 .action {
      flex: 1 !important;
      padding: 0 2em 2em; }
    .category-page.planners .step-1 .button.wide {
      padding-left: 2em;
      padding-right: 2em;
      width: auto; }
    .category-page.planners .step-1 hgroup {
      display: block !important; }
    .category-page.planners .step-1 h4 {
      font-size: 100%;
      display: block; }
    .category-page.planners .step-1 .micro-spreads {
      margin: .5em 0 !important; } }

@media screen and (min-width: 0px) and (max-width: 480px) {
  .category-page.planners .step-2 .options-container p a {
    display: none; }
  .category-page.planners .step-2 .options {
    flex-direction: column; }
    .category-page.planners .step-2 .options a {
      border-top: 1px solid #CCD8DE; }
    .category-page.planners .step-2 .options a aside {
      display: none; }
    .category-page.planners .step-2 .options p br {
      display: none; } }

@media screen and (min-width: 0px) and (max-width: 360px) {
  .category-page.planners .step-2 .options p {
    text-align: left; }
  .category-page.planners .step-2 .options p br:first-of-type {
    display: block; } }

/*  LEGAL */
body.legal-page h2 {
  text-align: left;
  margin: 0 !important;
  font-size: 2em;
  padding: 0 0 .3em; }

/*  FAQ */
body.faq-page .card.table h2 {
  text-align: left;
  margin: 0 !important;
  font-size: 2em;
  padding: 0 0 .3em; }

body.faq-page .card.table [class^="icon-arrow"] {
  position: absolute;
  top: .8em;
  right: .8em;
  font-size: 2em;
  cursor: pointer; }

body.faq-page .card.table:hover {
  background: #fafbfc; }
  body.faq-page .card.table:hover h2, body.faq-page .card.table:hover [class^="icon-"] {
    color: #2F7696; }

body.faq-page .card.table.expanded:hover {
  background: #FFFFFF; }

body.faq-page .card.table.expanded h2, body.faq-page .card.table.expanded td:first-child {
  color: #008AC9; }

body.faq-page .card.table.expanded tbody tr:hover {
  background: #fafbfc; }

body.faq-page .card.table.inactive {
  background: #EDF1F5;
  border-color: transparent;
  box-shadow: none; }
  body.faq-page .card.table.inactive thead, body.faq-page .card.table.inactive [class^="icon-"] {
    opacity: .3; }

body.faq-page .card.table div {
  display: none; }

@media screen and (min-width: 0px) and (max-width: 600px) {
  body.faq-page .card.table h2 {
    font-size: 1.5em; }
  body.faq-page .card.table [class^="icon-arrow"] {
    font-size: 1.5em; }
  body.faq-page .card.table td {
    display: block; }
    body.faq-page .card.table td:first-child {
      width: 100%;
      padding-right: 0; }
    body.faq-page .card.table td:last-child {
      border-top: none;
      padding-left: 0;
      padding-top: 0; } }

@media screen and (min-width: 0px) and (max-width: 360px) {
  body.faq-page .card.table h2 {
    font-size: 1.3em;
    padding-bottom: .5em; }
  body.faq-page .card.table [class^="icon-arrow"] {
    font-size: 1.3em;
    top: 1em; } }

/*  FEEDBACK */
body.feedback-page .card td:first-child {
  width: 38%; }

body.feedback-page article.answer-feedback {
  margin: 0 0 1em; }
  body.feedback-page article.answer-feedback label {
    display: inline-block;
    margin-right: 1em; }
    body.feedback-page article.answer-feedback label:before {
      top: 2px; }

@media screen and (min-width: 0px) and (max-width: 1024px) {
  body.feedback-page .container_23 > .grid_15 {
    width: 54.52%; }
  body.feedback-page .container_23 > .grid_8 {
    width: 41.47%; }
  body.feedback-page .card.table td {
    display: block; }
    body.feedback-page .card.table td:first-child {
      width: 100%;
      padding-right: 0; }
    body.feedback-page .card.table td:last-child {
      border-top: none;
      padding-left: 0;
      padding-top: 0; } }

@media screen and (min-width: 701px) and (max-width: 768px) {
  body.feedback-page .container_23 > .grid_15 {
    width: 48%; }
  body.feedback-page .container_23 > .grid_8 {
    width: 48%; } }

@media screen and (min-width: 0px) and (max-width: 700px) {
  body.feedback-page .container_23 > .grid_15 {
    width: 98%; }
  body.feedback-page .container_23 > .grid_8 {
    width: 98%; } }

/*  THANK YOU  */
body.thank-you-page .card h2 {
  font-size: 2em; }

body.thank-you-page .card.table {
  margin-bottom: 1em; }
  body.thank-you-page .card.table td:first-child {
    width: 38%; }
    body.thank-you-page .card.table td:first-child div {
      display: table;
      width: 100%; }
    body.thank-you-page .card.table td:first-child label {
      display: table-cell; }
      body.thank-you-page .card.table td:first-child label:first-child {
        width: 3.5em;
        color: #9BA1A3; }
  body.thank-you-page .card.table article fieldset {
    width: 75%; }

@media screen and (min-width: 0px) and (max-width: 1024px) {
  body.thank-you-page .card.table td {
    display: block; }
    body.thank-you-page .card.table td:first-child {
      width: 100%;
      padding-right: 0; }
    body.thank-you-page .card.table td:last-child {
      border-top: none;
      padding-left: 0;
      padding-top: 0; } }

@media screen and (min-width: 0px) and (max-width: 600px) {
  body.thank-you-page .card.table article fieldset {
    width: 100%; } }

@media screen and (min-width: 0px) and (max-width: 360px) {
  body.thank-you-page .card.table td:first-child label {
    display: block; } }

/*  PRODUCT PAGE */
section.product-page [class*="grid_23"] {
  display: table;
  width: 98%;
  padding-bottom: 2px; }

section.product-page .card-white.source {
  width: 7em;
  display: table-cell;
  vertical-align: top;
  text-align: center; }
  section.product-page .card-white.source section {
    padding-left: .7em;
    padding-right: 0;
    overflow: hidden; }
    section.product-page .card-white.source section label {
      float: left;
      background-color: transparent;
      margin: 0;
      padding: 4px;
      border-width: 2px;
      border-style: solid;
      border-color: transparent;
      border-radius: 4px;
      margin: .4em 0 0 .4em; }
      section.product-page .card-white.source section label aside {
        width: 20px;
        height: 20px;
        border-radius: 2px; }
      section.product-page .card-white.source section label.checked {
        margin: 0;
        padding: 2px;
        border-color: transparent;
        border-radius: 4px;
        margin: .4em 0 0 .4em; }
        section.product-page .card-white.source section label.checked aside {
          width: 24px;
          height: 24px;
          border-radius: 2px;
          background-color: transparent; }
    section.product-page .card-white.source section label:before {
      display: none; }

section.product-page .card-white.destination {
  display: table-cell; }

section.product-page .card-white.destination .padding {
  display: table;
  width: 100%;
  margin: 0 0 1em; }

section.product-page .gutter {
  display: table-cell;
  width: 1.5em; }

section.product-page .imagery {
  display: table-cell;
  padding: 2em; }

section.product-page.calendars .imagery {
  padding: 1em 5em; }

section.product-page .specifications {
  position: relative;
  display: table-cell;
  vertical-align: top;
  width: 19em;
  padding: 1.75em 2em 0 0; }
  section.product-page .specifications h4 {
    margin-bottom: 1em; }
  section.product-page .specifications h4 span {
    font-weight: 700;
    float: right;
    margin-right: .2em; }
  section.product-page .specifications h6 {
    text-transform: uppercase;
    font-size: 81.2%;
    line-height: 1.5em;
    font-weight: 700;
    text-align: center;
    display: block; }
  section.product-page .specifications h6 span {
    padding: 0 1em;
    background: #FFFFFF; }
  section.product-page .specifications hr {
    margin: 2em 0 -.6em; }
  section.product-page .specifications ul {
    font-size: 87.5%;
    line-height: 1.6em;
    margin-top: 1em; }

section.product-page .alternate-triggers {
  margin-bottom: -1em; }

section.product-page .social {
  margin-top: 2em; }
  section.product-page .social .button {
    padding: 0em 1em .3em 0;
    margin: 0 .5em; }
  section.product-page .social [class*="icon"] {
    font-size: 1.5em;
    margin-right: .2em;
    color: #9BA1A3; }

@media screen and (min-width: 924px) and (max-width: 1023px) {
  section.product-page .specifications {
    font-size: .9em; } }

@media screen and (min-width: 0px) and (max-width: 923px) {
  section.product-page .imagery {
    display: block; }
  section.product-page .specifications {
    display: block;
    width: auto;
    padding-left: 2em;
    padding-right: 2em; } }

@media screen and (min-width: 0px) and (max-width: 660px) {
  section.product-page .gutter {
    display: none; }
  section.product-page .card-white.source {
    display: block;
    width: 100%;
    font-size: 1em; }
    section.product-page .card-white.source .card {
      margin-bottom: 0;
      border-color: #113B4F;
      border-width: 2px; }
    section.product-page .card-white.source article {
      display: inline-block;
      margin-right: .65em; }
  section.product-page .card-white.destination {
    display: block;
    width: 100%; }
  section.product-page section .expand {
    display: none; }
  section.product-page section.inner article {
    display: block;
    padding: 1.5em 0;
    width: 100%; }
    section.product-page section.inner article:first-child {
      padding-top: .5em; }
    section.product-page section.inner article:nth-child(even) {
      background: #EDF1F5; }
    section.product-page section.inner article label {
      font-weight: 700;
      width: 6em;
      display: inline-block; }
    section.product-page section.inner article [class*="icon-arrow"], section.product-page section.inner article .selection {
      display: none; }
    section.product-page section.inner article .mobile-only {
      display: inline-block; }
  section.product-page .filter-trigger-show {
    display: block; } }

@media screen and (min-width: 0px) and (max-width: 660px) {
  section.product-page .imagery, section.product-page .specifications, section.product-page.calendars .imagery {
    padding: 1em 1em 0; }
  section.product-page .social {
    font-size: .8em; }
    section.product-page .social .button {
      padding: 0em .7em .3em 0;
      margin: 0 .5em; }
    section.product-page .social [class*="icon"] {
      font-size: 1.5em;
      margin-right: .2em;
      color: #9BA1A3; } }

/*  FILTER RESULTS PAGE  */
section.filter-page {
  margin-top: 1em; }
  section.filter-page [class*="grid_23"] {
    display: table;
    width: 98%;
    padding-bottom: 2px; }
  section.filter-page .card {
    font-size: 81.25%;
    line-height: 1.8em;
    position: relative; }
    section.filter-page .card header {
      padding: .8em 1.2em; }
    section.filter-page .card header h6 {
      margin-bottom: 0; }
    section.filter-page .card h6 {
      text-transform: none;
      margin-bottom: .5em; }
  section.filter-page .filter {
    width: 12.5em;
    display: table-cell;
    vertical-align: top;
    line-height: 1.9em;
    color: #113B4F;
    margin-top: 1em; }
    section.filter-page .filter label aside {
      display: inline-block;
      content: " ";
      width: 8px;
      height: 8px;
      background-color: #f15f74;
      border-radius: 4em;
      margin-left: .3em; }
      section.filter-page .filter label aside.m {
        background-color: #e8cbf4; }
      section.filter-page .filter label aside.w {
        background-color: #9feaf5; }
      section.filter-page .filter label aside.d {
        background-color: #d9f3a8; }
    section.filter-page .filter.expanded .card > section:not(.expanded) {
      background: #ebf0f2; }
    section.filter-page .filter section {
      border-bottom: 1px solid #dbe4e8;
      padding-right: 0;
      position: relative; }
      section.filter-page .filter section.inner {
        padding-left: 0; }
      section.filter-page .filter section:last-child {
        border: none; }
      section.filter-page .filter section.expanded:before {
        background-color: #FFFFFF;
        top: -1px;
        left: 0;
        right: -1px;
        bottom: -1px;
        content: " ";
        position: absolute;
        border-top: 1px solid #9BA1A3;
        border-bottom: 1px solid #9BA1A3;
        z-index: 6; }
      section.filter-page .filter section.expanded.inner:before {
        background: #ebf0f2;
        right: 1px;
        border-top-color: #dbe4e8;
        border-bottom-color: #dbe4e8; }
      section.filter-page .filter section.expanded article {
        z-index: 4;
        position: relative;
        z-index: 7; }
        section.filter-page .filter section.expanded article > * {
          z-index: 5;
          position: relative; }
        section.filter-page .filter section.expanded article.expanded [class*="icon"] {
          display: none; }
        section.filter-page .filter section.expanded article.expanded:before {
          position: absolute;
          top: 0;
          left: 0;
          right: -1px;
          bottom: 0;
          content: " ";
          background-color: #FFFFFF;
          border-top: 1px solid #9BA1A3;
          border-bottom: 1px solid #9BA1A3; }
      section.filter-page .filter section.expanded .expand {
        display: none; }
      section.filter-page .filter section .expand {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        content: "\020";
        border-left: 1px solid #dbe4e8;
        cursor: pointer; }
        section.filter-page .filter section .expand aside {
          display: table;
          height: 100%;
          margin: 0 .2em 0 .4em; }
        section.filter-page .filter section .expand [class*="icon"] {
          display: table-cell;
          vertical-align: middle;
          color: #008AC9; }
        section.filter-page .filter section .expand:hover {
          background: #f0f4f7; }
      section.filter-page .filter section .expansion {
        width: 40em;
        background: #FFFFFF;
        border: 1px solid #9BA1A3;
        box-shadow: #bdccd4 2px 2px 0;
        padding-top: .5em;
        position: absolute;
        top: 0;
        left: 15.5em;
        margin-left: -4px;
        margin-top: -1px;
        bottom: auto;
        z-index: 5;
        display: none; }
        section.filter-page .filter section .expansion.expanded {
          display: block; }
        section.filter-page .filter section .expansion .option {
          display: flex;
          margin: 0 4em 0 2em;
          border-bottom: 1px solid #ebf0f2;
          padding: 1em 0; }
          section.filter-page .filter section .expansion .option h6 {
            color: #008AC9;
            margin-bottom: 0; }
          section.filter-page .filter section .expansion .option div {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: flex-end; }
          section.filter-page .filter section .expansion .option p {
            margin: 0;
            line-height: 1.4em; }
          section.filter-page .filter section .expansion .option.no-description div {
            justify-content: center; }
          section.filter-page .filter section .expansion .option.no-description label:before {
            top: 50%;
            margin-top: -.5em; }
        section.filter-page .filter section .expansion p.footnote {
          margin: 1em 0 1em 2em;
          color: #9BA1A3; }
          section.filter-page .filter section .expansion p.footnote a {
            color: inherit; }
        section.filter-page .filter section .expansion.for-size figure {
          flex: 0 0 7em; }
        section.filter-page .filter section .expansion.for-size p.footnote {
          margin-left: 9em; }
        section.filter-page .filter section .expansion.for-print-type {
          width: 35em; }
          section.filter-page .filter section .expansion.for-print-type figure {
            flex: 0 0 12em; }
          section.filter-page .filter section .expansion.for-print-type p.footnote {
            margin-left: 2em; }
        section.filter-page .filter section .expansion.for-cover {
          width: 35em; }
          section.filter-page .filter section .expansion.for-cover figure {
            flex: 0 0 12em; }
          section.filter-page .filter section .expansion.for-cover p.footnote {
            margin-left: 2em; }
        section.filter-page .filter section .expansion[class*="for-layout"] figure, section.filter-page .filter section .expansion[class*="for-layout"] label, section.filter-page .filter section .expansion[class*="for-divisibles"] figure, section.filter-page .filter section .expansion[class*="for-divisibles"] label, section.filter-page .filter section .expansion[class*="for-weekend"] figure, section.filter-page .filter section .expansion[class*="for-weekend"] label, section.filter-page .filter section .expansion[class*="for-header"] figure, section.filter-page .filter section .expansion[class*="for-header"] label, section.filter-page .filter section .expansion[class*="for-sidebar"] figure, section.filter-page .filter section .expansion[class*="for-sidebar"] label, section.filter-page .filter section .expansion[class*="for-span"] figure, section.filter-page .filter section .expansion[class*="for-span"] label, section.filter-page .filter section .expansion[class*="for-schedule"] figure, section.filter-page .filter section .expansion[class*="for-schedule"] label {
          flex: 0 0 9em; }
          section.filter-page .filter section .expansion[class*="for-layout"] figure:before, section.filter-page .filter section .expansion[class*="for-layout"] label:before, section.filter-page .filter section .expansion[class*="for-divisibles"] figure:before, section.filter-page .filter section .expansion[class*="for-divisibles"] label:before, section.filter-page .filter section .expansion[class*="for-weekend"] figure:before, section.filter-page .filter section .expansion[class*="for-weekend"] label:before, section.filter-page .filter section .expansion[class*="for-header"] figure:before, section.filter-page .filter section .expansion[class*="for-header"] label:before, section.filter-page .filter section .expansion[class*="for-sidebar"] figure:before, section.filter-page .filter section .expansion[class*="for-sidebar"] label:before, section.filter-page .filter section .expansion[class*="for-span"] figure:before, section.filter-page .filter section .expansion[class*="for-span"] label:before, section.filter-page .filter section .expansion[class*="for-schedule"] figure:before, section.filter-page .filter section .expansion[class*="for-schedule"] label:before {
            top: 1.5em; }
        section.filter-page .filter section .expansion[class*="for-layout"] p.footnote, section.filter-page .filter section .expansion[class*="for-divisibles"] p.footnote, section.filter-page .filter section .expansion[class*="for-weekend"] p.footnote, section.filter-page .filter section .expansion[class*="for-header"] p.footnote, section.filter-page .filter section .expansion[class*="for-sidebar"] p.footnote, section.filter-page .filter section .expansion[class*="for-span"] p.footnote, section.filter-page .filter section .expansion[class*="for-schedule"] p.footnote {
          margin-left: 2em; }
        section.filter-page .filter section .expansion[class*="for-holiday"], section.filter-page .filter section .expansion[class*="for-shipping"] {
          width: 30em; }
          section.filter-page .filter section .expansion[class*="for-holiday"] figure, section.filter-page .filter section .expansion[class*="for-holiday"] label, section.filter-page .filter section .expansion[class*="for-shipping"] figure, section.filter-page .filter section .expansion[class*="for-shipping"] label {
            flex: 0 0 5em; }
            section.filter-page .filter section .expansion[class*="for-holiday"] figure:before, section.filter-page .filter section .expansion[class*="for-holiday"] label:before, section.filter-page .filter section .expansion[class*="for-shipping"] figure:before, section.filter-page .filter section .expansion[class*="for-shipping"] label:before {
              top: 1.5em; }
          section.filter-page .filter section .expansion[class*="for-holiday"] p.footnote, section.filter-page .filter section .expansion[class*="for-shipping"] p.footnote {
            margin-left: 2em; }
        section.filter-page .filter section .expansion[class*="for-"] label[for*="-all"] {
          flex: 1 1 0; }
          section.filter-page .filter section .expansion[class*="for-"] label[for*="-all"]:before {
            top: 0; }
        section.filter-page .filter section .expansion .collapse {
          position: absolute;
          top: 0;
          right: 0;
          height: 100%;
          content: "\020";
          border-left: 1px solid #dbe4e8;
          cursor: pointer;
          background: #EDF1F5;
          z-index: 10; }
          section.filter-page .filter section .expansion .collapse aside {
            display: table;
            height: 100%;
            margin: 0 .2em 0 .4em; }
          section.filter-page .filter section .expansion .collapse [class*="icon"] {
            display: table-cell;
            vertical-align: middle;
            color: #008AC9; }
          section.filter-page .filter section .expansion .collapse:hover {
            background: #f0f4f7; }
    section.filter-page .filter section.inner article {
      padding-left: 1.2em; }
    section.filter-page .filter section.indented {
      padding-top: 0;
      padding-bottom: 0em;
      border-bottom: 0; }
      section.filter-page .filter section.indented > article:last-of-type {
        border-bottom: 1px solid #CCD8DE;
        padding-bottom: .5em; }
      section.filter-page .filter section.indented.selected > article:last-of-type {
        border-color: transparent; }
      section.filter-page .filter section.indented.last {
        padding-left: 1.2em;
        margin-left: 0;
        border-bottom: 1px solid #CCD8DE; }
        section.filter-page .filter section.indented.last article:last-of-type {
          border-bottom: 0;
          padding-bottom: .5em; }
      section.filter-page .filter section.indented h6 {
        padding-top: .5em; }
    section.filter-page .filter article {
      margin-bottom: .2em; }
      section.filter-page .filter article:last-of-type {
        margin-bottom: 0; }
      section.filter-page .filter article .mobile-only {
        display: none; }
        section.filter-page .filter article .mobile-only.option {
          border: 1px solid #CCD8DE;
          border-radius: 4px;
          margin: 0 .2em 0 0;
          padding: 0 .3em;
          cursor: pointer; }
        section.filter-page .filter article .mobile-only.selected {
          border: 1px solid #008AC9;
          padding: 0 .5em; }
      section.filter-page .filter article.pagelet span.selection {
        color: #008AC9;
        cursor: pointer; }
        section.filter-page .filter article.pagelet span.selection:hover {
          text-decoration: underline; }
      section.filter-page .filter article [class*="icon-arrow"] {
        float: right;
        margin: .4em .4em 0 0;
        color: #008AC9;
        cursor: pointer; }
    section.filter-page .filter .swatch-color {
      margin: .5em 1.7em; }
      section.filter-page .filter .swatch-color div {
        float: left;
        width: 14px;
        height: 14px;
        display: inline-block;
        content: " ";
        margin: 0 6px 6px 0;
        border-radius: 2px;
        border: 1px solid transparent;
        position: relative;
        cursor: pointer; }
      section.filter-page .filter .swatch-color div.selected {
        border-color: white; }
      section.filter-page .filter .swatch-color div.selected aside {
        position: absolute;
        top: -4px;
        left: -4px;
        right: -4px;
        bottom: -4px;
        border-radius: 4px;
        border: 2px solid transparent;
        content: " "; }
    section.filter-page .filter .card.shipping-timeline {
      display: block; }
      section.filter-page .filter .card.shipping-timeline header {
        text-align: center;
        padding: 1em 1.2em !important; }
      section.filter-page .filter .card.shipping-timeline p {
        line-height: 1.3em; }
      section.filter-page .filter .card.shipping-timeline .icon-shipping-truck {
        font-size: 1.5em;
        color: #113B4F; }
  section.filter-page .results .card {
    overflow: hidden; }
    section.filter-page .results .card article.product {
      display: flex; }
    section.filter-page .results .card.summary {
      flex-direction: column; }
    section.filter-page .results .card header {
      display: flex;
      justify-content: flex-end; }
      section.filter-page .results .card header h6 {
        flex: 1 1 0; }
      section.filter-page .results .card header h6:last-child {
        text-align: right; }
      section.filter-page .results .card header h6 span {
        font-weight: 400;
        font-size: 82.25%; }
    section.filter-page .results .card section {
      display: flex; }
      section.filter-page .results .card section ul {
        display: inline-block;
        margin-right: 4em;
        flex: 1; }
        section.filter-page .results .card section ul li.title {
          font-weight: 700;
          text-transform: uppercase;
          border-bottom: 1px solid #CCD8DE;
          margin-bottom: .5em;
          display: inline-block;
          padding: 0 1em 0; }
          section.filter-page .results .card section ul li.title:before {
            display: none; }
      section.filter-page .results .card section ul:last-child {
        margin-right: 0; }
  section.filter-page .results .imagery {
    position: relative;
    flex: 1;
    padding: 2.5em 1.5em; }
  section.filter-page .results .specifications {
    flex: 0 0 20em;
    padding: 2.5em 1.5em 2.5em 0; }
    section.filter-page .results .specifications h6 {
      border-bottom: 1px solid #CCD8DE;
      padding-bottom: 1em;
      margin-bottom: 1em; }
    section.filter-page .results .specifications ul {
      margin-bottom: 1em; }
    section.filter-page .results .specifications .button {
      font-size: 1.2em;
      padding: .6em 2em; }
    section.filter-page .results .specifications .colour-note {
      font-size: 90%;
      color: #9BA1A3;
      margin-top: .5em; }
    section.filter-page .results .specifications .button[class*="selected-"] {
      color: #293033;
      padding-left: 1em;
      padding-right: 1em; }
      section.filter-page .results .specifications .button[class*="selected-"]:before {
        font-family: agendio_ui;
        content: "\e903";
        margin-right: .25em; }
    section.filter-page .results .specifications .button[class*="customize-"] {
      color: #293033;
      padding-left: 1em;
      padding-right: 1em; }
      section.filter-page .results .specifications .button[class*="customize-"]:after {
        font-family: agendio_ui;
        content: "\e604";
        margin-left: .5em;
        position: relative;
        top: .15em; }
    section.filter-page .results .specifications .button.selected-m, section.filter-page .results .specifications .button.customize-m {
      background: #F0E4F5;
      border-color: #dfc6ea; }
      section.filter-page .results .specifications .button.selected-m:hover, section.filter-page .results .specifications .button.customize-m:hover {
        background: #f2e8f6;
        box-shadow: #F0E4F5 0 0 2px !important;
        color: #632d7a !important; }
    section.filter-page .results .specifications .button.selected-w, section.filter-page .results .specifications .button.customize-w {
      background: #D0F2F7;
      border-color: #8fe0ec; }
      section.filter-page .results .specifications .button.selected-w:hover, section.filter-page .results .specifications .button.customize-w:hover {
        background: #d4f3f8;
        box-shadow: #D0F2F7 0 0 2px !important;
        color: #16727f !important; }
    section.filter-page .results .specifications .button.selected-d, section.filter-page .results .specifications .button.customize-d {
      background: #ECF7D7;
      border-color: #ceea97; }
      section.filter-page .results .specifications .button.selected-d:hover, section.filter-page .results .specifications .button.customize-d:hover {
        background: #eef8db;
        box-shadow: #ECF7D7 0 0 2px !important;
        color: #5e821a !important; }
  section.filter-page .results .favorite {
    position: absolute;
    top: 0;
    right: 0;
    width: 4em;
    height: 4em;
    content: " ";
    cursor: pointer; }
    section.filter-page .results .favorite:before {
      position: absolute;
      top: 0;
      right: -2em;
      left: -2em;
      bottom: 0;
      content: " ";
      background-color: #f1f4f6;
      transform: rotate(45deg) translate(0em, -1.5em); }
    section.filter-page .results .favorite:after {
      content: "\e907";
      font-family: 'agendio_ui' !important;
      font-size: 1.7em;
      position: absolute;
      top: .3em;
      right: .3em;
      color: #FFFFFF;
      text-shadow: #9ba1a3 0 0 1px; }
    section.filter-page .results .favorite:hover:before {
      background-color: #e5ebee; }
    section.filter-page .results .favorite.on:before {
      background-color: #FFF6D4; }
    section.filter-page .results .favorite.on:after {
      color: #FFCC00;
      text-shadow: #FFFFFF 0 0 1px; }
  section.filter-page .results .reviews-and-comments {
    padding: 0 1.5em 1em;
    position: relative; }
    section.filter-page .results .reviews-and-comments > aside {
      position: absolute;
      top: 0em;
      right: 1.5em;
      color: #008AC9;
      cursor: pointer;
      z-index: 2; }
      section.filter-page .results .reviews-and-comments > aside.less {
        top: 0; }
      section.filter-page .results .reviews-and-comments > aside.more {
        display: none; }
    section.filter-page .results .reviews-and-comments.collapsed > aside.less {
      display: none; }
    section.filter-page .results .reviews-and-comments.collapsed > aside.more {
      display: block; }
    section.filter-page .results .reviews-and-comments.collapsed .comment, section.filter-page .results .reviews-and-comments.collapsed .reply {
      display: none; }
    section.filter-page .results .reviews-and-comments.collapsed .comment:first-of-type {
      display: table; }
      section.filter-page .results .reviews-and-comments.collapsed .comment:first-of-type article > *:not(h4) {
        display: none; }
  section.filter-page .results .extra-actions {
    width: 100%;
    position: relative;
    margin-top: 1em; }
    section.filter-page .results .extra-actions .alternate-triggers {
      position: absolute;
      top: 0;
      left: 0; }
  section.filter-page.refills .filter .card.refills {
    display: block; }
  section.filter-page.planners .filter .card.planners {
    display: block; }
  section.filter-page.calendars .filter .card.calendars {
    display: block; }
  section.filter-page .destination {
    display: table-cell; }
  section.filter-page .card-white.product .padding {
    display: table;
    width: 100%;
    margin: 0 0 1em; }
  section.filter-page .gutter {
    display: table-cell;
    width: 1.5em; }
  section.filter-page.calendars .imagery {
    padding: 1em 4em; }
  section.filter-page [class*="filter-trigger"] {
    text-transform: uppercase;
    text-align: center;
    background: #113B4F;
    color: #FFFFFF;
    padding: .5em 0;
    cursor: pointer;
    box-shadow: #113B4F 2px 0 0;
    margin-bottom: 2px;
    display: none; }
    section.filter-page [class*="filter-trigger"] [class^="icon-"] {
      margin-left: .5em;
      font-size: 1.1em;
      position: relative;
      top: .1em; }
  section.filter-page .product-area:hover:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: " ";
    z-index: 3;
    cursor: zoom-in;
    background-color: rgba(0, 138, 201, 0.25); }
  section.filter-page .product-area .render {
    position: static; }
  section.filter-page .product-area .render.planner.two-pc-cover .binder {
    border-radius: 8px; }

@media screen and (min-width: 0px) and (max-width: 768px) {
  section.filter-page .results .summary section {
    flex-direction: column; }
  section.filter-page .results .summary ul {
    margin-bottom: 2em; }
  section.filter-page .results .summary ul:last-child {
    margin-bottom: 0; } }

@media screen and (min-width: 0px) and (max-width: 900px) {
  section.filter-page .results .product {
    display: block !important; }
    section.filter-page .results .product .imagery, section.filter-page .results .product .specifications {
      padding: 2.5em 2.5em 0; }
    section.filter-page .results .product p {
      text-align: center; } }

@media screen and (min-width: 0px) and (max-width: 660px) {
  section.filter-page .gutter {
    display: none; }
  section.filter-page .frequency-selector button {
    padding-left: 1em !important;
    padding-right: 0 !important; }
  section.filter-page .filter {
    display: block;
    width: 100%;
    display: none; }
    section.filter-page .filter .card {
      border-width: 2px; }
    section.filter-page .filter article {
      display: inline-block;
      margin-right: 2em; }
    section.filter-page .filter .micro-spreads article {
      display: flex;
      margin-right: 3px; }
    section.filter-page .filter section.print-type article {
      display: block; }
      section.filter-page .filter section.print-type article br {
        display: none; }
  section.filter-page .results p {
    margin-bottom: 0 !important; }
  section.filter-page .results .reviews-and-comments {
    margin-top: 1em; }
  section.filter-page section .expand {
    display: none; }
  section.filter-page section.inner article {
    display: block;
    padding: .5em 0; }
    section.filter-page section.inner article:first-child {
      padding-top: .5em; }
    section.filter-page section.inner article.pagelet {
      margin-left: 1.2em; }
    section.filter-page section.inner article label {
      font-weight: 700;
      width: 6em;
      display: inline-block; }
    section.filter-page section.inner article [class*="icon-arrow"], section.filter-page section.inner article .selection {
      display: none; }
    section.filter-page section.inner article .mobile-only {
      display: inline-block; }
  section.filter-page section.indented > article:last-of-type {
    border-bottom: 0 !important; }
  section.filter-page .filter-trigger-show {
    display: block; }
  section.filter-page .filter-trigger-hide {
    margin-bottom: 1em; } }

@media screen and (min-width: 0px) and (max-width: 470px) {
  section.filter-page .filter article {
    display: block; }
  section.filter-page .frequency-selector button {
    padding-left: 2em !important;
    padding-right: 1em !important; }
  section.filter-page .results .product {
    display: block !important; }
    section.filter-page .results .product .imagery, section.filter-page .results .product .specifications {
      padding: 1.5em 1.5em 0; }
  section.filter-page section.inner article label {
    display: block;
    width: 100%;
    text-transform: uppercase; } }

/*  FEATURES  */
@media screen and (min-width: 0px) {
  body.features-page section > .container_23 {
    width: 80%; } }

@media screen and (min-width: 621px) and (max-width: 1190px) {
  body.features-page section > .container_23 {
    margin-left: 5%; } }

@media screen and (min-width: 0px) and (max-width: 620px) {
  body.features-page section > .container_23 {
    margin-left: 10%; } }

body.features-page section {
  padding: 0; }
  body.features-page section.first {
    padding-top: 0; }

body.features-page nav#features-inner-navigation {
  position: fixed;
  top: 0;
  right: 0;
  padding: 1em 2em 1em 1.5em;
  border-top-left-radius: .5em;
  border-bottom-left-radius: .5em;
  font-size: .8em;
  background-color: rgba(247, 247, 248, 0.7); }
  body.features-page nav#features-inner-navigation:first-child {
    border-top: 1px solid #CCD8DE; }
  body.features-page nav#features-inner-navigation a {
    display: block;
    text-align: left;
    text-decoration: none;
    padding: 0em 0;
    position: relative; }
    body.features-page nav#features-inner-navigation a:hover {
      color: #2F7696; }
    body.features-page nav#features-inner-navigation a.selected {
      color: #008AC9; }
      body.features-page nav#features-inner-navigation a.selected:after {
        width: .4em;
        height: .4em;
        border-radius: 1em;
        content: "\020";
        background-color: #008AC9;
        position: absolute;
        top: .8em;
        left: -.8em; }

body.features-page h1 {
  font-size: 2em; }
  body.features-page h1 span {
    border-top: 2px solid #293033;
    display: inline-block;
    padding: 1em 2em 0; }

body.features-page hgroup h1 {
  font-size: 3.13em; }

body.features-page h2 {
  margin-top: 1em; }

body.features-page h3 {
  border-top: 1px solid #CCD8DE;
  border-bottom: 1px solid #CCD8DE;
  display: inline-block;
  padding: .5em .7em; }

body.features-page figure {
  width: 70px;
  height: 70px;
  content: "\020";
  background: url("/ui/css/Images/features-iconography.svg") no-repeat;
  margin: 0 auto 1em; }
  body.features-page figure.layouts {
    background-position: 0px 0px; }
  body.features-page figure.pagelets {
    background-position: -70px 0px; }
  body.features-page figure.labels {
    background-position: -140px 0px; }
  body.features-page figure.detailing {
    background-position: -210px 0px; }
  body.features-page figure.divisibles {
    background-position: -280px 0px; }
  body.features-page figure.sidebars {
    background-position: -350px 0px; }
  body.features-page figure.schedules {
    background-position: -420px 0px; }
  body.features-page figure.date {
    background-position: -490px 0px; }
  body.features-page figure.span {
    background-position: -560px 0px; }
  body.features-page figure.floaters {
    background-position: -630px 0px; }
  body.features-page figure.colors {
    background-position: -700px 0px; }
  body.features-page figure.fonts {
    background-position: -770px 0px; }
  body.features-page figure.events {
    background-position: -840px 0px; }
  body.features-page figure.holidays {
    background-position: -910px 0px; }
  body.features-page figure.activities {
    background-position: -980px 0px; }
  body.features-page figure.covers {
    background-position: -1050px 0px; }
  body.features-page figure.accessories {
    background-position: -1120px 0px; }
  body.features-page figure.size {
    background-position: -1190px 0px; }
  body.features-page figure.format {
    background-position: -1260px 0px; }
  body.features-page figure.frequency {
    background-position: -1330px 0px; }
  body.features-page figure.binding {
    background-position: -1400px 0px; }
  body.features-page figure.paper {
    background-position: -1470px 0px; }
  body.features-page figure.restrictions-hand {
    background-position: -1540px 0px; }
  body.features-page figure.shading {
    background-position: -1610px 0px; }
  body.features-page figure.extra {
    background-position: -1680px 0px; }
  body.features-page figure.tabs {
    background-position: -1750px 0px; }

body.features-page section.content [class*="container_"] {
  border-bottom: 1px solid #CCD8DE;
  padding: 8em 0; }

body.features-page ul.with-symbols li {
  margin: 0 !important; }

body.features-page .alternate-triggers {
  margin-top: 1em; }

body.features-page #layouts img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none; }

body.features-page #layouts .alternate-triggers {
  margin-top: 2em; }

@media screen and (min-width: 621px) and (max-width: 1024px) {
  body.features-page #layouts .grid_15 {
    width: 80% !important;
    padding-left: 10% !important;
    padding-right: 10% !important; } }

@media screen and (min-width: 0px) and (max-width: 620px) {
  body.features-page #layouts .textRight {
    text-align: left; }
  body.features-page #layouts .grid_15 {
    width: 100% !important;
    padding-left: 0% !important;
    padding-right: 0% !important; } }

body.features-page #pagelets .copy {
  margin-top: 15em; }

body.features-page #pagelets .imagery {
  margin-top: 11em; }

body.features-page #pagelets img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none; }
  body.features-page #pagelets img .alternate-triggers {
    margin-top: 1em; }

body.features-page #pagelets .magnifier {
  position: absolute;
  top: -50%;
  left: -100px;
  width: 328px;
  height: 328px;
  background-image: url("/ui/css/Images/features-pagelets-magnifier.png");
  background-size: 100%; }

@media screen and (min-width: 1024px) and (max-width: 1190px) {
  body.features-page #pagelets .copy {
    padding-left: 0 !important; }
  body.features-page #pagelets .imagery {
    width: 54.52% !important; }
  body.features-page #pagelets .magnifier {
    top: -40% !important;
    width: 280px !important;
    height: 280px !important; } }

@media screen and (min-width: 0px) and (max-width: 1023px) {
  body.features-page #pagelets .copy {
    margin-top: 3em;
    width: 100% !important;
    padding-left: 0% !important;
    padding-right: 0% !important; }
  body.features-page #pagelets .imagery {
    width: 60%;
    padding-left: 20% !important; }
  body.features-page #pagelets .magnifier {
    width: 300px;
    height: 300px; } }
@media screen and (min-width: 0px) and (max-width: 800px) {
  body.features-page #pagelets .imagery {
    width: 80% !important;
    padding-right: 0 !important;
    padding-left: 20% !important;
    margin-top: 8em; }
  body.features-page #pagelets .magnifier {
    width: 250px;
    height: 250px;
    top: -100px !important; } }

@media screen and (min-width: 0px) and (max-width: 400px) {
  body.features-page #pagelets .imagery {
    width: 100% !important;
    padding-right: 0 !important;
    padding-left: 0% !important; }
  body.features-page #pagelets .magnifier {
    width: 200px;
    height: 200px;
    top: -100px !important;
    left: -60px !important; } }

body.features-page #labels .copy {
  margin-top: 10em; }

body.features-page #labels .imagery {
  margin-top: 8em; }

body.features-page #labels img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none; }
  body.features-page #labels img .alternate-triggers {
    margin-top: 1em; }

body.features-page #labels .magnifier {
  position: absolute;
  width: 328px;
  height: 328px;
  right: -100px;
  top: -100px;
  background-image: url("/ui/css/Images/features-labels-magnifier.png");
  background-size: 100%; }
@media screen and (min-width: 1024px) and (max-width: 1190px) {
  body.features-page #labels .imagery {
    padding-right: 4.349% !important;
    width: 50.17% !important; }
  body.features-page #labels .magnifier {
    right: -5% !important; } }

@media screen and (min-width: 0px) and (max-width: 1023px) {
  body.features-page #labels .copy {
    margin-top: 3em;
    width: 100% !important;
    padding-left: 0% !important;
    padding-right: 0% !important; }
  body.features-page #labels .imagery {
    width: 80% !important; }
  body.features-page #labels .magnifier {
    top: -5% !important; } }

@media screen and (min-width: 0px) and (max-width: 675px) {
  body.features-page #labels .magnifier {
    top: -100px !important; } }

@media screen and (min-width: 0px) and (max-width: 575px) {
  body.features-page #labels .magnifier {
    width: 250px;
    height: 250px; } }

body.features-page #detailing .copy {
  margin-top: 3em; }

body.features-page #detailing .imagery {
  margin-top: 3em; }

body.features-page #detailing img {
  width: 100%; }

@media screen and (min-width: 0px) and (max-width: 1023px) {
  body.features-page #detailing [class*="grid_"] {
    width: 100% !important;
    padding-left: 0% !important;
    padding-right: 0% !important; } }

body.features-page #divisibles .copy {
  margin-top: 3em; }

body.features-page #divisibles .imagery {
  margin-top: 3em; }

body.features-page #divisibles img {
  width: 100%; }

@media screen and (min-width: 0px) and (max-width: 1023px) {
  body.features-page #divisibles .copy {
    width: 100% !important;
    padding-left: 0% !important;
    padding-right: 0% !important; }
  body.features-page #divisibles .imagery {
    width: 100% !important;
    padding-left: 0% !important;
    margin-top: 2em; } }

@media screen and (min-width: 0px) and (max-width: 700px) {
  body.features-page #divisibles .copy {
    width: 90% !important;
    padding-left: 0 !important;
    padding-right: 0% !important; }
  body.features-page #divisibles .imagery {
    width: 90% !important;
    padding-left: 0 !important;
    margin-top: 2em; } }

body.features-page #schedule img {
  width: 70%; }

@media screen and (min-width: 0px) and (max-width: 1023px) {
  body.features-page #schedule [class*="grid_"] {
    width: 100% !important;
    padding-left: 0% !important;
    padding-right: 0% !important; }
  body.features-page #schedule img {
    width: 100% !important; } }

body.features-page #date table {
  width: 100%; }
  body.features-page #date table img {
    width: 100%; }
  body.features-page #date table td {
    width: 14.28%;
    text-align: center;
    padding: 0 .3em; }
    body.features-page #date table td[colspan="5"] {
      padding: 0 2em 1em; }
  body.features-page #date table tr:first-child td {
    vertical-align: bottom; }

@media screen and (min-width: 0px) and (max-width: 1023px) {
  body.features-page #date td {
    width: 22% !important;
    display: inline-block !important; } }

@media screen and (min-width: 0px) and (max-width: 600px) {
  body.features-page #date td {
    width: 30% !important;
    display: inline-block !important; } }

@media screen and (min-width: 0px) and (max-width: 460px) {
  body.features-page #date td {
    width: 40% !important;
    display: inline-block !important; } }

body.features-page #span img {
  margin: 3em 0;
  width: 90%; }

@media screen and (min-width: 0px) and (max-width: 1023px) {
  body.features-page #span [class*="grid_"] {
    width: 100% !important;
    padding-left: 0% !important;
    padding-right: 0% !important; }
  body.features-page #span img {
    width: 100% !important; } }

body.features-page #colors img {
  width: 100%; }

body.features-page #colors .copy {
  margin-top: 5em; }

body.features-page #colors .imagery {
  margin-top: 5em; }

@media screen and (min-width: 0px) and (max-width: 1190px) {
  body.features-page #colors .copy {
    width: 32.78%; }
  body.features-page #colors .imagery {
    width: 63.21%; } }

@media screen and (min-width: 0px) and (max-width: 1050px) {
  body.features-page #colors [class*="grid_"] {
    width: 100% !important;
    padding-left: 0% !important;
    padding-right: 0% !important; }
  body.features-page #colors .imagery {
    margin-top: 2em; } }

body.features-page #shading .spread-master {
  opacity: .3; }

body.features-page #shading img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0; }

body.features-page #shading .magnifier {
  position: absolute;
  top: -75px;
  right: -100px;
  width: 530px;
  height: 530px;
  background-image: url("/ui/css/Images/features-shading.png");
  background-size: 100%; }

@media screen and (min-width: 0px) and (max-width: 1023px) {
  body.features-page #shading .magnifier {
    top: -50px;
    right: -90px;
    width: 450px;
    height: 450px; } }

@media screen and (min-width: 0px) and (max-width: 800px) {
  body.features-page #shading .magnifier {
    width: 350px;
    height: 350px;
    top: -80px;
    right: -30px; }
  body.features-page #shading [class*="grid_"] {
    width: 100% !important;
    padding-left: 0% !important;
    padding-right: 0% !important; } }

@media screen and (min-width: 0px) and (max-width: 500px) {
  body.features-page #shading .magnifier {
    width: 300px;
    height: 300px; } }

body.features-page #fonts img {
  margin: 3em 0;
  width: 100%; }

@media screen and (min-width: 0px) and (max-width: 1023px) {
  body.features-page #fonts .copy {
    width: 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important; } }

body.features-page #events img {
  width: 100%; }

body.features-page #events .copy {
  margin-top: 2em; }

body.features-page #events .imagery {
  margin-top: 5em; }

@media screen and (min-width: 0px) and (max-width: 960px) {
  body.features-page #events [class*="grid_"] {
    width: 100% !important;
    padding-left: 0% !important;
    padding-right: 0% !important; } }

body.features-page #holidays [class*="icon-arrow-"] {
  position: relative;
  top: .2em; }

body.features-page #holidays .things-to-know {
  display: none;
  font-size: .875em;
  line-height: 1.5em;
  color: #6d8088; }

body.features-page #holidays img {
  width: 100%; }

body.features-page #holidays .copy {
  margin-top: 2em; }

body.features-page #holidays .imagery {
  margin-top: 5em; }

@media screen and (min-width: 0px) and (max-width: 960px) {
  body.features-page #holidays [class*="grid_"] {
    width: 100% !important;
    padding-left: 0% !important;
    padding-right: 0% !important; } }

body.features-page #activities .spread-master {
  opacity: .3; }

body.features-page #activities img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0; }

body.features-page #activities .magnifier {
  position: absolute;
  bottom: -100px;
  left: -100px;
  width: 530px;
  height: 530px;
  background-image: url("/ui/css/Images/features-activities.png");
  background-size: 100%; }

@media screen and (min-width: 0px) and (max-width: 1023px) {
  body.features-page #activities .magnifier {
    width: 450px;
    height: 450px; } }

@media screen and (min-width: 0px) and (max-width: 800px) {
  body.features-page #activities .magnifier {
    left: -50px; }
  body.features-page #activities [class*="grid_"] {
    width: 100% !important;
    padding-left: 0% !important;
    padding-right: 0% !important; } }

@media screen and (min-width: 0px) and (max-width: 700px) {
  body.features-page #activities .magnifier {
    width: 350px;
    height: 350px; } }

@media screen and (min-width: 0px) and (max-width: 500px) {
  body.features-page #activities .magnifier {
    width: 300px;
    height: 300px; } }

@media screen and (min-width: 0px) and (max-width: 400px) {
  body.features-page #activities .magnifier {
    bottom: -150px; } }

body.features-page #extra img {
  width: 100%; }

body.features-page #floaters .copy {
  margin-top: 3em; }

body.features-page #floaters .imagery {
  margin-top: 3em; }

body.features-page #floaters img {
  width: 100%; }

@media screen and (min-width: 0px) and (max-width: 800px) {
  body.features-page #floaters [class*="grid_"] {
    width: 100% !important;
    padding-left: 0% !important;
    padding-right: 0% !important; }
  body.features-page #floaters img {
    width: 100% !important; } }

body.features-page #tabs img {
  width: 100%; }

body.features-page #covers img {
  margin-bottom: 1em;
  width: 100%; }

@media screen and (min-width: 0px) and (max-width: 768px) {
  body.features-page #covers [class*="grid_"] {
    width: 100% !important;
    padding-left: 0% !important;
    padding-right: 0% !important; }
  body.features-page #covers img {
    width: 100% !important; } }

body.features-page #accessories img {
  margin-bottom: 1em; }

body.features-page #accessories .decorative-elastics {
  clear: both; }

@media screen and (min-width: 0px) and (max-width: 1190px) {
  body.features-page #accessories img {
    width: 100% !important; } }

@media screen and (min-width: 0px) and (max-width: 1023px) {
  body.features-page #accessories img {
    width: 100% !important; }
  body.features-page #accessories .grid_7 {
    width: 48% !important;
    padding-left: 0 !important;
    padding-right: 0 !important; }
  body.features-page #accessories .detachable-corners {
    clear: both !important; }
  body.features-page #accessories .decorative-elastics {
    clear: none;
    float: left !important; } }
body.features-page #size table.available-sizes {
  width: 80%;
  margin: 3em auto 0; }
  body.features-page #size table.available-sizes thead td {
    border-top: 1px solid #CCD8DE;
    border-bottom: 1px solid #CCD8DE;
    padding-top: .4em;
    padding-bottom: .2em; }
    body.features-page #size table.available-sizes thead td:first-child {
      font-weight: 700;
      background-color: #ebf0f2; }
  body.features-page #size table.available-sizes td {
    padding: .5em 3em;
    border-right: 1px solid #CCD8DE;
    width: 33%; }
    body.features-page #size table.available-sizes td:first-child {
      width: 20%;
      padding-left: .5em; }
    body.features-page #size table.available-sizes td:last-child {
      border-right: none; }
    body.features-page #size table.available-sizes td i {
      font-size: .7em; }
    body.features-page #size table.available-sizes td br {
      display: none; }

@media screen and (min-width: 0px) and (max-width: 965px) {
  body.features-page #size table.available-sizes td {
    padding: .5em !important;
    width: auto !important; } }

@media screen and (min-width: 0px) and (max-width: 690px) {
  body.features-page #size table.available-sizes br {
    display: block !important; } }

@media screen and (min-width: 0px) and (max-width: 768px) {
  body.features-page #format [class*="grid_"] {
    width: 100% !important;
    padding-left: 0% !important;
    padding-right: 0% !important; }
  body.features-page #format img {
    width: 100% !important; } }

body.features-page #binding img {
  width: 100%; }

@media screen and (min-width: 0px) and (max-width: 1023px) {
  body.features-page #binding [class*="grid_"] {
    width: 100% !important;
    padding-left: 0% !important;
    padding-right: 0% !important; }
  body.features-page #binding img {
    width: 100% !important; } }

@media screen and (min-width: 0px) and (max-width: 1023px) {
  body.features-page #paper [class*="grid_"] {
    width: 100% !important;
    padding-left: 0% !important;
    padding-right: 0% !important; }
  body.features-page #paper img {
    width: 100% !important; } }

@media screen and (min-width: 0px) and (max-width: 1335px) {
  body.features-page h2 br {
    display: none; } }

@media screen and (min-width: 0px) and (max-width: 768px) {
  table.size td {
    padding: .5em 1em !important; } }

@media screen and (min-width: 0px) and (max-width: 620px) {
  body.features-page h1 span {
    padding-left: 0  !important;
    padding-right: 0 !important; }
  #features-inner-navigation {
    display: none; } }

@media screen and (min-width: 0px) and (max-width: 420px) {
  body.features-page h1 {
    font-size: 1.5em !important; }
  body.features-page h2 {
    font-size: 1.2em !important; } }

@media screen and (min-width: 0px) and (max-width: 320px) {
  body.features-page [class*="grid_"] {
    text-align: left !important; } }

section.filter-page.refills .expansion.for-filofax, section.filter-page.refills .expansion.for-franklin, section.filter-page.refills .expansion.for-daytimer, section.filter-page.refills .expansion.for-letter, section.filter-page.refills .expansion.for-letterhalf {
  top: -1px !important;
  bottom: auto !important; }
  section.filter-page.refills .expansion.for-filofax p, section.filter-page.refills .expansion.for-franklin p, section.filter-page.refills .expansion.for-daytimer p, section.filter-page.refills .expansion.for-letter p, section.filter-page.refills .expansion.for-letterhalf p {
    padding-left: 0; }
  section.filter-page.refills .expansion.for-filofax .option, section.filter-page.refills .expansion.for-franklin .option, section.filter-page.refills .expansion.for-daytimer .option, section.filter-page.refills .expansion.for-letter .option, section.filter-page.refills .expansion.for-letterhalf .option {
    margin-left: 0; }
    section.filter-page.refills .expansion.for-filofax .option figure, section.filter-page.refills .expansion.for-franklin .option figure, section.filter-page.refills .expansion.for-daytimer .option figure, section.filter-page.refills .expansion.for-letter .option figure, section.filter-page.refills .expansion.for-letterhalf .option figure {
      width: 70px; }

.category-page input[type="text"] {
  margin: .5em 0; }

.category-page input[type="submit"] {
  position: relative;
  top: -.5em; }

.category-page .searchfield {
  font-size: 2.80em;
  border: 3px solid #CCD8DE;
  border-radius: 4px;
  background: #F7F7F8;
  width: 4em;
  text-align: center; }

.micro-spreads {
  display: flex; }
  .micro-spreads article {
    width: 27px;
    height: 18px;
    content: " ";
    display: flex;
    margin-right: 3px;
    border-radius: 2px;
    overflow: hidden; }
  .micro-spreads aside {
    width: 13px;
    height: 18px;
    content: " ";
    display: inline-block;
    position: relative;
    background-image: url("/ui/css/Images/micro-spread-spine.svg");
    background-repeat: no-repeat;
    background-position: 100% 0; }
    .micro-spreads aside:before {
      position: absolute;
      top: 0;
      left: 0;
      width: 2px;
      height: 100%;
      content: " ";
      background-image: url("/ui/css/Images/micro-spread-spine.svg");
      background-repeat: no-repeat; }
    .micro-spreads aside:first-child {
      margin-right: 1px; }
    .micro-spreads aside:first-child:before {
      left: auto;
      right: 0; }
    .micro-spreads aside.m {
      background-color: #F0E4F5;
      background-position: 100% 0; }
    .micro-spreads aside.w {
      background-color: #D0F2F7;
      background-position: 100% -18px; }
    .micro-spreads aside.d {
      background-color: #ECF7D7;
      background-position: 100% -36px; }
    .micro-spreads aside.n {
      background-color: #FFB8B8;
      background-position: 100% -54px; }
    .micro-spreads aside.d2 {
      background-color: #ECF7D7;
      background-position: 100% -72px; }

a.mark-to-compare {
  position: relative;
  text-align: left;
  display: inline-block;
  text-decoration: none; }
  a.mark-to-compare label {
    display: inline; }
    a.mark-to-compare label:before {
      top: 0; }
  a.mark-to-compare span {
    display: none; }

section.filter-page.planners .expansion, section.filter-page.refills .expansion {
  margin-bottom: -1px;
  /* bottom: 0em; top: auto; */ }
  section.filter-page.planners .expansion article, section.filter-page.refills .expansion article {
    /* margin-top: 2em; */ }
    section.filter-page.planners .expansion article .option, section.filter-page.refills .expansion article .option {
      /* width: 93.5%;  display: table;  margin-bottom: 1em; margin-left: 2em; */ }
      section.filter-page.planners .expansion article .option .thumb, section.filter-page.refills .expansion article .option .thumb {
        /* vertical-align: middle; */
        background: url("/ui/css/Images/filter-symbols.png?v=1") no-repeat;
        content: "\020"; }
        section.filter-page.planners .expansion article .option .thumb[class*="layout"], section.filter-page.refills .expansion article .option .thumb[class*="layout"] {
          width: 84px;
          height: 52px; }
          section.filter-page.planners .expansion article .option .thumb[class*="layout"][class*="column"], section.filter-page.refills .expansion article .option .thumb[class*="layout"][class*="column"] {
            background-position: 0 0; }
          section.filter-page.planners .expansion article .option .thumb[class*="layout"][class*="row"], section.filter-page.refills .expansion article .option .thumb[class*="layout"][class*="row"] {
            background-position: 0 -52px; }
          section.filter-page.planners .expansion article .option .thumb[class*="layout"][class*="grid"], section.filter-page.refills .expansion article .option .thumb[class*="layout"][class*="grid"] {
            background-position: 0 -104px; }
        section.filter-page.planners .expansion article .option .thumb[class*="size"], section.filter-page.refills .expansion article .option .thumb[class*="size"] {
          /*margin: 0 auto;*/ }
          section.filter-page.planners .expansion article .option .thumb[class*="size"][class*="large"], section.filter-page.refills .expansion article .option .thumb[class*="size"][class*="large"] {
            width: 61px;
            height: 75px;
            background-position: -84px 0; }
          section.filter-page.planners .expansion article .option .thumb[class*="size"][class*="medium"], section.filter-page.refills .expansion article .option .thumb[class*="size"][class*="medium"] {
            width: 54px;
            height: 66px;
            background-position: -84px -75px; }
          section.filter-page.planners .expansion article .option .thumb[class*="size"][class*="journal"], section.filter-page.refills .expansion article .option .thumb[class*="size"][class*="journal"] {
            width: 43px;
            height: 51px;
            background-position: -84px -141px; }
          section.filter-page.planners .expansion article .option .thumb[class*="size"][class*="compact"], section.filter-page.refills .expansion article .option .thumb[class*="size"][class*="compact"] {
            width: 36px;
            height: 42px;
            background-position: -84px -192px; }
          section.filter-page.planners .expansion article .option .thumb[class*="size"][class*="FX"], section.filter-page.refills .expansion article .option .thumb[class*="size"][class*="FX"] {
            width: 39px;
            height: 57px;
            background-position: -454px -234px;
            margin-left: 0 !important; }
          section.filter-page.planners .expansion article .option .thumb[class*="size"][class*="FXC"], section.filter-page.refills .expansion article .option .thumb[class*="size"][class*="FXC"] {
            width: 28px;
            height: 50px;
            background-position: -454px -412px;
            margin-left: 0 !important; }
          section.filter-page.planners .expansion article .option .thumb[class*="size"][class*="FL"], section.filter-page.refills .expansion article .option .thumb[class*="size"][class*="FL"] {
            width: 50px;
            height: 65px;
            background-position: -454px -347px;
            margin-left: 0 !important; }
          section.filter-page.planners .expansion article .option .thumb[class*="size"][class*="FK"], section.filter-page.refills .expansion article .option .thumb[class*="size"][class*="FK"] {
            width: 39px;
            height: 57px;
            background-position: -454px -290px;
            margin-left: 0 !important; }
          section.filter-page.planners .expansion article .option .thumb[class*="size"][class*="FKC"], section.filter-page.refills .expansion article .option .thumb[class*="size"][class*="FKC"] {
            width: 31px;
            height: 50px;
            background-position: -482px -412px;
            margin-left: 0 !important; }
          section.filter-page.planners .expansion article .option .thumb[class*="size"][class*="LTA4"], section.filter-page.refills .expansion article .option .thumb[class*="size"][class*="LTA4"] {
            width: 50px;
            height: 65px;
            background-position: -504px -347px;
            margin-left: 0 !important; }
          section.filter-page.planners .expansion article .option .thumb[class*="size"][class*="LT3"], section.filter-page.refills .expansion article .option .thumb[class*="size"][class*="LT3"] {
            width: 50px;
            height: 65px;
            background-position: -554px -347px;
            margin-left: 0 !important; }
          section.filter-page.planners .expansion article .option .thumb[class*="size"][class*="LTNO"], section.filter-page.refills .expansion article .option .thumb[class*="size"][class*="LTNO"] {
            width: 50px;
            height: 65px;
            background-position: -604px -347px;
            margin-left: 0 !important; }
          section.filter-page.planners .expansion article .option .thumb[class*="size"][class*="HLTNO"], section.filter-page.refills .expansion article .option .thumb[class*="size"][class*="HLTNO"] {
            width: 39px;
            height: 57px;
            background-position: -493px -290px;
            margin-left: 0 !important; }
        section.filter-page.planners .expansion article .option .thumb[class*="divisible"], section.filter-page.refills .expansion article .option .thumb[class*="divisible"] {
          width: 84px;
          height: 52px; }
          section.filter-page.planners .expansion article .option .thumb[class*="divisible"][class*="1"], section.filter-page.refills .expansion article .option .thumb[class*="divisible"][class*="1"] {
            background-position: -145px 0; }
          section.filter-page.planners .expansion article .option .thumb[class*="divisible"][class*="2"], section.filter-page.refills .expansion article .option .thumb[class*="divisible"][class*="2"] {
            background-position: -145px -52px; }
          section.filter-page.planners .expansion article .option .thumb[class*="divisible"][class*="0"], section.filter-page.refills .expansion article .option .thumb[class*="divisible"][class*="0"] {
            background-position: -145px -104px; }
        section.filter-page.planners .expansion article .option .thumb[class*="span"], section.filter-page.refills .expansion article .option .thumb[class*="span"] {
          width: 84px;
          height: 52px; }
          section.filter-page.planners .expansion article .option .thumb[class*="span"][class*="-yes"], section.filter-page.refills .expansion article .option .thumb[class*="span"][class*="-yes"] {
            background-position: -229px 0; }
          section.filter-page.planners .expansion article .option .thumb[class*="span"][class*="-no"], section.filter-page.refills .expansion article .option .thumb[class*="span"][class*="-no"] {
            background-position: -229px -52px; }
        section.filter-page.planners .expansion article .option .thumb[class*="sidebar"], section.filter-page.refills .expansion article .option .thumb[class*="sidebar"] {
          width: 84px;
          height: 52px; }
          section.filter-page.planners .expansion article .option .thumb[class*="sidebar"][class*="-yes"], section.filter-page.refills .expansion article .option .thumb[class*="sidebar"][class*="-yes"] {
            background-position: -313px 0; }
          section.filter-page.planners .expansion article .option .thumb[class*="sidebar"][class*="-no"], section.filter-page.refills .expansion article .option .thumb[class*="sidebar"][class*="-no"] {
            background-position: -313px -52px; }
        section.filter-page.planners .expansion article .option .thumb[class*="weekend"], section.filter-page.refills .expansion article .option .thumb[class*="weekend"] {
          width: 84px;
          height: 52px; }
          section.filter-page.planners .expansion article .option .thumb[class*="weekend"][class*="bigger"], section.filter-page.refills .expansion article .option .thumb[class*="weekend"][class*="bigger"] {
            background-position: -395px 0; }
          section.filter-page.planners .expansion article .option .thumb[class*="weekend"][class*="standard"], section.filter-page.refills .expansion article .option .thumb[class*="weekend"][class*="standard"] {
            background-position: -395px -52px; }
          section.filter-page.planners .expansion article .option .thumb[class*="weekend"][class*="smaller"], section.filter-page.refills .expansion article .option .thumb[class*="weekend"][class*="smaller"] {
            background-position: -395px -104px; }
        section.filter-page.planners .expansion article .option .thumb[class*="header"], section.filter-page.refills .expansion article .option .thumb[class*="header"] {
          width: 84px;
          height: 52px; }
          section.filter-page.planners .expansion article .option .thumb[class*="header"][class*="-yes"], section.filter-page.refills .expansion article .option .thumb[class*="header"][class*="-yes"] {
            background-position: -479px 0; }
          section.filter-page.planners .expansion article .option .thumb[class*="header"][class*="-no"], section.filter-page.refills .expansion article .option .thumb[class*="header"][class*="-no"] {
            background-position: -479px -52px; }
        section.filter-page.planners .expansion article .option .thumb[class*="schedule"], section.filter-page.refills .expansion article .option .thumb[class*="schedule"] {
          width: 84px;
          height: 52px; }
          section.filter-page.planners .expansion article .option .thumb[class*="schedule"][class*="bigger"], section.filter-page.refills .expansion article .option .thumb[class*="schedule"][class*="bigger"] {
            background-position: -563px 0; }
          section.filter-page.planners .expansion article .option .thumb[class*="schedule"][class*="standard"], section.filter-page.refills .expansion article .option .thumb[class*="schedule"][class*="standard"] {
            background-position: -563px -52px; }
          section.filter-page.planners .expansion article .option .thumb[class*="schedule"][class*="smaller"], section.filter-page.refills .expansion article .option .thumb[class*="schedule"][class*="smaller"] {
            background-position: -563px -104px; }
        section.filter-page.planners .expansion article .option .thumb[class*="holiday-standard"], section.filter-page.refills .expansion article .option .thumb[class*="holiday-standard"] {
          width: 36px;
          height: 64px;
          background-position: -647px 0; }
        section.filter-page.planners .expansion article .option .thumb[class*="holiday-more"], section.filter-page.refills .expansion article .option .thumb[class*="holiday-more"] {
          width: 36px;
          height: 80px;
          background-position: -647px -64px; }
        section.filter-page.planners .expansion article .option .thumb[class*="print"], section.filter-page.refills .expansion article .option .thumb[class*="print"] {
          width: 134px;
          height: 103px; }
          section.filter-page.planners .expansion article .option .thumb[class*="print"][class*="color"], section.filter-page.refills .expansion article .option .thumb[class*="print"][class*="color"] {
            background-position: -654px -234px; }
          section.filter-page.planners .expansion article .option .thumb[class*="print"][class*="black-and-white"], section.filter-page.refills .expansion article .option .thumb[class*="print"][class*="black-and-white"] {
            background-position: -654px -338px; }
        section.filter-page.planners .expansion article .option .thumb[class*="cover"][class*="wrap"], section.filter-page.refills .expansion article .option .thumb[class*="cover"][class*="wrap"] {
          width: 103px;
          height: 67px;
          background-position: -789px -0px; }
        section.filter-page.planners .expansion article .option .thumb[class*="cover"][class*="wire"], section.filter-page.refills .expansion article .option .thumb[class*="cover"][class*="wire"] {
          width: 103px;
          height: 60px;
          background-position: -789px -67px; }

section.filter-page.calendars .expansion {
  top: auto;
  margin-bottom: -1px;
  bottom: 0em; }
  section.filter-page.calendars .expansion article {
    margin-top: 2em; }
    section.filter-page.calendars .expansion article .option {
      width: 93.5%;
      display: table;
      margin-bottom: 1em;
      margin-left: 6.5%; }
      section.filter-page.calendars .expansion article .option figure {
        width: 90px; }
      section.filter-page.calendars .expansion article .option label {
        width: 90px; }
      section.filter-page.calendars .expansion article .option .thumb {
        vertical-align: middle;
        background: url("/ui/css/Images/filter-symbols.png") no-repeat;
        content: "\020"; }
        section.filter-page.calendars .expansion article .option .thumb[class*="layout"] {
          width: 76px;
          height: 76px; }
          section.filter-page.calendars .expansion article .option .thumb[class*="layout"][class*="row"] {
            background-position: 0 -234px; }
          section.filter-page.calendars .expansion article .option .thumb[class*="layout"][class*="grid"] {
            background-position: 0 -310px; }
        section.filter-page.calendars .expansion article .option .thumb[class*="size"] {
          margin: 0 auto; }
          section.filter-page.calendars .expansion article .option .thumb[class*="size"][class*="extra"] {
            width: 76px;
            height: 96px;
            background-position: -76px -234px; }
          section.filter-page.calendars .expansion article .option .thumb[class*="size"][class*="large"] {
            width: 60px;
            height: 76px;
            background-position: -76px -330px; }
          section.filter-page.calendars .expansion article .option .thumb[class*="size"][class*="medium"] {
            width: 44px;
            height: 91px;
            background-position: -76px -406px; }
        section.filter-page.calendars .expansion article .option .thumb[class*="divisible"] {
          width: 76px;
          height: 76px; }
          section.filter-page.calendars .expansion article .option .thumb[class*="divisible"][class*="1"] {
            background-position: -152px -234px; }
          section.filter-page.calendars .expansion article .option .thumb[class*="divisible"][class*="2"] {
            background-position: -152px -310px; }
          section.filter-page.calendars .expansion article .option .thumb[class*="divisible"][class*="0"] {
            background-position: -152px -386px; }
        section.filter-page.calendars .expansion article .option .thumb[class*="sidebar"] {
          width: 76px;
          height: 76px; }
          section.filter-page.calendars .expansion article .option .thumb[class*="sidebar"][class*="-yes"] {
            background-position: -228px -234px; }
          section.filter-page.calendars .expansion article .option .thumb[class*="sidebar"][class*="-no"] {
            background-position: -228px -310px; }
        section.filter-page.calendars .expansion article .option .thumb[class*="header"] {
          width: 76px;
          height: 76px; }
          section.filter-page.calendars .expansion article .option .thumb[class*="header"][class*="-smaller"] {
            background-position: -302px -234px; }
          section.filter-page.calendars .expansion article .option .thumb[class*="header"][class*="-bigger"] {
            background-position: -302px -310px; }
        section.filter-page.calendars .expansion article .option .thumb[class*="holiday-standard"] {
          width: 36px;
          height: 64px;
          background-position: -647px 0; }
        section.filter-page.calendars .expansion article .option .thumb[class*="holiday-more"] {
          width: 36px;
          height: 80px;
          background-position: -647px -64px; }
  section.filter-page.calendars .expansion[class*="for-size"] .option figure {
    width: 120px; }
  section.filter-page.calendars .expansion[class*="for-holiday"], section.filter-page.calendars .expansion[class*="for-divisible"] {
    top: -1px;
    bottom: auto; }

a.mark-to-compare {
  width: 10em;
  height: 2em;
  position: relative;
  text-align: left;
  padding: 0 .5em;
  font-size: .8em;
  margin-top: 1em; }
  a.mark-to-compare label {
    display: inline; }
    a.mark-to-compare label:before {
      top: 0; }
  a.mark-to-compare span {
    padding-left: 1em;
    display: none; }
	

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('/ui/css/Images/ajaxloader.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}


/*  PRODUCT RENDER  */
.product-area-legacy {
  width: 100%;
  display: block; }
  .product-area-legacy .cover {
    display: block;
    background: #293033;
    padding: 8px;
    position: relative; }
  .product-area-legacy .spread-master {
    display: block;
    border: 1px solid #9BA1A3;
    box-shadow: #9BA1A3 0 0 2px;
    background-color: #FFFFFF;
    position: relative;
    height: auto;
    background: #FFFFFF;
    /* background-image: url('/ui/css/Images/holes-32-Y.png'); background-size: auto 100%; */
    background-repeat: no-repeat;
    background-position: center; }
    .product-area-legacy .spread-master.spine-32-Y {
      background-image: url("/ui/css/Images/holes-32-Y.png");
      background-size: auto 100%; }
    .product-area-legacy .spread-master.spine-26-Y {
      background-image: url("/ui/css/Images/holes-26-Y.png");
      background-size: auto 100%; }
    .product-area-legacy .spread-master.spine-23-Y {
      background-image: url("/ui/css/Images/holes-23-Y.png");
      background-size: auto 100%; }
    .product-area-legacy .spread-master.spine-17-Y {
      background-image: url("/ui/css/Images/holes-17-Y.png");
      background-size: auto 100%; }
    .product-area-legacy .spread-master.spine-50-X {
      background-image: url("/ui/css/Images/holes-50-X.png");
      background-size: 100% auto; }
    .product-area-legacy .spread-master.spine-44-X {
      background-image: url("/ui/css/Images/holes-44-X.png");
      background-size: 100% auto; }
    .product-area-legacy .spread-master.spine-35-X {
      background-image: url("/ui/css/Images/holes-35-X.png");
      background-size: 100% auto; }
    .product-area-legacy .spread-master .hover {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      content: "\020";
      background-color: #008ac9;
      opacity: .3;
      box-shadow: #008AC9 0 0 20px;
      cursor: -webkit-zoom-in;
      cursor: -moz-zoom-in;
      cursor: -ms-zoom-in;
      cursor: -o-zoom-in;
      cursor: zoom-in; }
  .product-area-legacy [class*="backpaper-spread"] {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 100%;
    height: 100%;
    content: "\020";
    background-color: #FFFFFF;
    border: 1px solid #9BA1A3;
    display: none; }
  .product-area-legacy .backpaper-spread-1 {
    -webkit-transform: rotate(0.3deg);
    -moz-transform: rotate(0.3deg); }
  .product-area-legacy .backpaper-spread-2 {
    -webkit-transform: rotate(-0.3deg);
    -moz-transform: rotate(-0.3deg); }
  .product-area-legacy.calendar .cover {
    padding: 0; }
  .product-area-legacy.calendar [class*="backpaper-spread"] {
    top: 0;
    left: 0;
    border-color: #CCD8DE; }
  .product-area-legacy.calendar .spread-master {
    border-color: #CCD8DE; }
  .product-area-legacy.refill .cover {
    background: none;
    padding: 0; }
  .product-area-legacy.refill [class*="spread"] {
    top: 0;
    left: 0;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%; }
  .product-area-legacy.refill.FX [class*="spread"] {
    background-image: url("/ui/css/Images/refills-spread-filofax-a5.png");
    background-size: auto 100%; }
  .product-area-legacy.refill.FXC [class*="spread"] {
    background-image: url("/ui/css/Images/refills-spread-filofax-personal.png");
    background-size: auto 100%; }
  .product-area-legacy.refill.FK [class*="spread"] {
    background-image: url("/ui/css/Images/refills-spread-franklin-classic.png");
    background-size: auto 100%; }
  .product-area-legacy.refill.FKL [class*="spread"] {
    background-image: url("/ui/css/Images/refills-spread-franklin-monarch.png");
    background-size: auto 100%; }
  .product-area-legacy.refill.FKC [class*="spread"] {
    background-image: url("/ui/css/Images/refills-spread-franklin-compact.png");
    background-size: auto 100%; }
  .product-area-legacy.refill.LTA4 [class*="spread"] {
    background-image: url("/ui/css/Images/refills-spread-LTA4.png");
    background-size: auto 100%; }
  .product-area-legacy.refill.LT3 [class*="spread"] {
    background-image: url("/ui/css/Images/refills-spread-LT3.png");
    background-size: auto 100%; }
  .product-area-legacy.refill.LTNO [class*="spread"] {
    background-image: url("/ui/css/Images/refills-spread-LTNO.png");
    background-size: auto 100%; }
  .product-area-legacy.refill.HLTNO [class*="spread"] {
    background-image: url("/ui/css/Images/refills-spread-HLTNO.png");
    background-size: auto 100%; }
	



/*  GLOBAL  */
#ui_mask {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.9);
  z-index: 99;
  content: "\020"; }
  #ui_mask > [class*="close"] {
    color: #293033;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    font-size: 300%;
    cursor: pointer;
    transition: transform 0.2s ease; }
    #ui_mask > [class*="close"]:hover {
      transform: rotate(90deg); }
  #ui_mask.overlay {
    background: rgba(0, 0, 0, 0.8); }
    #ui_mask.overlay > [class*="close"] {
      color: #FFFFFF; }

.enlarged {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  z-index: 100;
  background-position: center;
  background-size: 100%; }
  .enlarged aside.close {
    position: fixed;
    top: .8em;
    right: 1.0em;
    width: 2em;
    height: 2em;
    border: 0px solid #FFFFFF;
    border-radius: 2em;
    overflow: hidden;
    background-color: #293033;
    display: inline-block;
    text-align: center;
    box-shadow: #9BA1A3 0 0 5px;
    cursor: pointer; }
  .enlarged [class*="icon-close"] {
    color: #FFFFFF;
    font-size: 1.3em;
    line-height: 1.4em;
    cursor: pointer; }

.products-per-page, .page-selector {
  font-size: 82.5%;
  line-height: 1.9em;
  margin-bottom: 1em; }
  .products-per-page span, .page-selector span {
    display: inline-block;
    height: 1.7em;
    margin-left: .5em; }
    .products-per-page span.number, .page-selector span.number {
      width: 1.7em;
      text-align: center;
      border: 1px solid #CCD8DE;
      box-shadow: #bdccd4 1px 1px 0;
      background: #EDF1F5;
      cursor: pointer; }
    .products-per-page span.number:hover, .page-selector span.number:hover {
      background: #FFFFFF; }
    .products-per-page span.number.selected, .page-selector span.number.selected {
      background: #FFFFFF;
      cursor: auto; }
  .products-per-page .card.pagination, .page-selector .card.pagination {
    width: 1.7em;
    height: 1.7em;
    overflow: hidden;
    text-align: center;
    display: inline-block;
    margin: 0 0 0em .5em;
    box-shadow: #bdccd4 1px 1px 0;
    cursor: pointer; }
    .products-per-page .card.pagination:hover, .page-selector .card.pagination:hover {
      background-color: #FFFFFF;
      color: #2F7696; }
    .products-per-page .card.pagination.selected, .page-selector .card.pagination.selected {
      background-color: #FFFFFF;
      cursor: auto; }
  .products-per-page[class*="products-per-page"], .page-selector[class*="products-per-page"] {
    text-align: right; }
  .products-per-page[class*="page-selector"], .page-selector[class*="page-selector"] {
    text-align: center;
    margin-top: 3em; }

table.list {
  width: 100%; }
  table.list.cols-4 td {
    width: 30%; }
  table.list.cols-7 td {
    width: 16%; }
  table.list tfoot td {
    font-weight: 700;
    border-top: 1px solid #CCD8DE; }
  table.list td:first-child {
    padding-left: .5em; }
  table.list td:last-child {
    padding-right: .5em;
    text-align: right;
    width: auto; }
  table.list tr:nth-child(odd) {
    background: #f0f4f7; }
  table.list td {
    padding: .3em 0;
    vertical-align: middle; }
  table.list [class*="icon"] {
    top: 5px;
    position: relative;
    cursor: pointer; }
  table.list thead {
    font-weight: 700; }
    table.list thead tr {
      background: none !important; }
    table.list thead td {
      border-bottom: 2px solid #CCD8DE;
      font-weight: 700; }

ul.bullets {
  margin-left: 2em; }
  ul.bullets li {
    margin-bottom: 1em; }
  ul.bullets span.bullet {
    width: 2em;
    height: 2em;
    display: inline-block;
    background: #113B4F;
    color: #FFFFFF;
    text-align: center;
    font-weight: 700;
    line-height: 2em;
    border-radius: 1em;
    position: relative;
    left: -.5em;
    margin-left: -2em; }

.note {
  font-size: .85em; }

ul.with-symbols {
  margin-left: .75em; }
  ul.with-symbols li {
    margin: .25em 0;
    position: relative;
    font-family: "Quattrocento", Helvetica, Arial, sans-serif !important;
    line-height: 1.5em;
    -webkit-font-smoothing: auto !important;
    -moz-osx-font-smoothing: auto !important; }
    ul.with-symbols li[class*="icon-"]:before {
      font-family: agendio_ui; }
    ul.with-symbols li:before {
      position: relative;
      top: 0;
      left: -1.25em;
      margin-right: -1.25em; }

.frame {
  border: 1px solid #CCD8DE;
  padding: 2em; }

#scroll-to-top {
  color: #9BA1A3;
  text-decoration: none;
  position: fixed;
  bottom: .5em;
  right: .5em;
  font-size: 3em;
  background-color: rgba(41, 48, 51, 0.05);
  width: 2em;
  height: 2em;
  border-radius: 1em;
  overflow: hidden;
  line-height: 2.2em;
  display: none; }
  #scroll-to-top:hover {
    background-color: rgba(41, 48, 51, 0.2);
    color: #293033; }

section.slice {
  padding: 4em 0 5em; }

.alternate-triggers aside {
  width: 1em;
  height: 1em;
  content: "\020";
  cursor: pointer;
  display: inline-block;
  border-radius: 1em;
  cursor: pointer;
  margin: 0 .25em;
  background: #CCD8DE; }
.alternate-triggers aside.selected {
  background-color: #2F7696; }

.promotion-of-promotion {
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  background: #E9ECEE url("/ui/css/Images/stripe-pattern-1.png");
  border-top: 1px solid #6d8088;
  border-bottom: 1px solid #6d8088;
  padding: 2em 0;
  margin: 4em 0 -4em;
  line-height: 1.3em !important; }
  .promotion-of-promotion p {
    display: inline-block; }
  .promotion-of-promotion p br {
    display: none; }
  @media screen and (min-width: 0px) and (max-width: 1240px) {
    .promotion-of-promotion {
      font-size: 90% !important; } }
  @media screen and (min-width: 0px) and (max-width: 1099px) {
    .promotion-of-promotion p br {
      display: inline-block; } }
  @media screen and (min-width: 0px) and (max-width: 700px) {
    .promotion-of-promotion p {
      display: block;
      margin: 1em 0; }
    .promotion-of-promotion p br {
      display: none; } }
  .promotion-of-promotion a {
    color: #CF2200; }
  .promotion-of-promotion [class*="star"] {
    margin: 0 2%; }
    @media screen and (min-width: 0px) and (max-width: 1300px) {
      .promotion-of-promotion [class*="star"] {
        margin: 0 1%; } }
    @media screen and (min-width: 0px) and (max-width: 1120px) {
      .promotion-of-promotion [class*="star"] {
        margin: 0 0.5%; } }
    @media screen and (min-width: 0px) and (max-width: 1099px) {
      .promotion-of-promotion [class*="star"] {
        margin: 0 5%;
        position: relative;
        top: -.75em; } }
    @media screen and (min-width: 0px) and (max-width: 800px) {
      .promotion-of-promotion [class*="star"] {
        margin: 0 2%; } }
    @media screen and (min-width: 0px) and (max-width: 700px) {
      .promotion-of-promotion [class*="star"] {
        position: static;
        top: auto;
        display: block; } }

.video-container {
  position: relative;
  height: 0;
  overflow: hidden;
  padding: 1px 0 56.25%; }
  .video-container iframe {
    display: block;
    width: 100%; }

/*  BUTTONS */
.button, a.button {
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  display: inline-block; }
  .button.primary, a.button.primary {
    border-color: #008AC9;
    color: #FFFFFF; }
    .button.primary:hover, a.button.primary:hover {
      color: #FFFFFF !important;
      box-shadow: #008AC9 0 0 2px !important;
      text-shadow: none; }
  .button.secondary, a.button.secondary {
    border-color: #CCD8DE;
    color: #293033; }
    .button.secondary:hover, a.button.secondary:hover {
      color: #293033 !important;
      box-shadow: #FFFFFF 0 0 2px !important;
      text-shadow: none; }
  .button.tertiary, a.button.tertiary {
    background: #113B4F;
    color: #FFFFFF;
    border-color: #113B4F; }
    .button.tertiary:hover, a.button.tertiary:hover {
      background: #164b64;
      text-shadow: none; }
  .button.shadow, a.button.shadow {
    border-color: #CCD8DE; }
  .button.ghost, a.button.ghost {
    background-color: transparent;
    border-color: #FFFFFF;
    color: #FFFFFF; }
    .button.ghost:hover, a.button.ghost:hover {
      background-color: transparent;
      background-color: rgba(255, 255, 255, 0.05); }
  .button.danger, a.button.danger {
    border-color: #CE2525;
    color: #FFFFFF; }
  .button.tiny-size, a.button.tiny-size {
    padding: .1em 1em;
    font-size: .8em; }
  .button.small-size, a.button.small-size {
    padding: .5em 1.5em;
    font-size: .9em; }
  .button.medium-size, a.button.medium-size {
    padding: .6em 1.2em;
    font-size: 1em;
    line-height: 1.3em;
    font-weight: 400; }
  .button.big-size, a.button.big-size {
    padding: .6em 1.2em;
    font-size: 1.4em;
    line-height: 1.3em;
    font-weight: 400; }
  .button.wide, a.button.wide {
    width: 99%;
    padding-right: 0;
    padding-left: 0;
    text-align: center; }
  .button.equal, a.button.equal {
    padding-left: 0;
    padding-right: 0; }
  .button.split-2, a.button.split-2 {
    width: 47%;
    margin-right: 3.5%;
    padding-right: 0;
    padding-left: 0; }
  .button.omega, a.button.omega {
    margin-right: 0; }
  .button.social, a.button.social {
    padding-top: .2em; }
    .button.social [class^="icon-"], a.button.social [class^="icon-"] {
      font-size: 1.5em;
      position: relative;
      top: .2em;
      margin-left: 0; }
  .button [class^="icon-"], a.button [class^="icon-"] {
    margin-left: .5em;
    position: relative;
    top: .2em; }
  .button [class^="icon-"].before, a.button [class^="icon-"].before {
    margin-right: .2em;
    margin-left: 0; }

.has-tooltip {
  cursor: help; }

.tooltip, .local-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  background: #FFF6D4;
  border: 1px solid #FFDA6B;
  z-index: 100;
  border-radius: 4px;
  text-align: left;
  line-height: 1.6em;
  display: none;
  padding: .8em;
  font-size: 13px;
  width: 20em;
  text-align: center; }
  .tooltip:before, .local-tooltip:before {
    position: absolute;
    width: 1em;
    height: 1em;
    content: "\020";
    background: #FFF6D4;
    transform: rotate(45deg);
    border: 1px solid #FFDA6B; }
  .tooltip.top:before, .local-tooltip.top:before {
    top: -.6em;
    border-right: none;
    border-bottom: none; }
  .tooltip.bottom:before, .local-tooltip.bottom:before {
    bottom: -.6em;
    border-left: none;
    border-top: none; }
  .tooltip.left:before, .local-tooltip.left:before {
    left: .7em; }
  .tooltip.right:before, .local-tooltip.right:before {
    right: .7em; }

/*  NOTIFICATION  */
#agendio_ui_mask, #ui_mask {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.9);
  z-index: 99;
  content: "\020"; }

#agendio_ui_notification {
  position: fixed;
  top: 0;
  left: 0;
  width: 30em;
  padding: 4em 2em 3em;
  background: #FFF6D4;
  background: rgba(255, 246, 212, 0.97);
  border: 1px solid #FFDA6B;
  z-index: 100;
  display: none;
  box-shadow: #d0d3d4 2px 2px 0; }
  #agendio_ui_notification aside {
    width: 50%;
    margin: 0 auto 1em;
    padding: 0 0 1em;
    border-bottom: 2px solid #6d8088; }
  #agendio_ui_notification [class*="icon"] {
    font-size: 3.2em; }
  #agendio_ui_notification [class*="icon-close"] {
    font-size: 1.5em;
    position: absolute;
    top: .2em;
    right: .2em;
    cursor: pointer; }
  #agendio_ui_notification p {
    font-size: 1.3em;
    line-height: 1.5em; }
  #agendio_ui_notification.error p, #agendio_ui_notification.error [class*="icon"] {
    color: #FF284F; }
  #agendio_ui_notification.error aside {
    border-color: #FF284F; }
  #agendio_ui_notification .button {
    padding: .8em 1.5em;
    margin-top: 3em; }

#persistent-notification {
  position: fixed;
  top: .5%;
  left: .5%;
  width: 99%;
  padding: .5em 0;
  background-color: #FFF6D4;
  border: 1px solid #FFDA6B;
  font-size: .825em;
  z-index: 98; }
  #persistent-notification a {
    padding: 0 1em;
    margin: 0 1em 0 0; }
    #persistent-notification a.button:first-child {
      margin-left: 2em; }

/*  COMMENTS  */
span[class*="rating"] {
  content: "\020";
  width: 5.8em;
  height: 1.2em;
  display: inline-block;
  position: relative; }
  span[class*="rating"]:before {
    background-image: url("/ui/css/Images/ratings.svg");
    background-repeat: no-repeat;
    content: "\020";
    position: absolute;
    top: .1em;
    left: 0;
    width: 100%;
    height: 1.2em;
    background-size: auto 200%;
    background-position: 0 0; }
  span[class*="rating"].rating_0:before {
    background-position: -6em -1.2em; }
  span[class*="rating"].rating_10:before {
    background-position: -4.8em -1.2em; }
  span[class*="rating"].rating_20:before {
    background-position: -3.6em -1.2em; }
  span[class*="rating"].rating_30:before {
    background-position: -2.4em -1.2em; }
  span[class*="rating"].rating_40:before {
    background-position: -1.2em -1.2em; }
  span[class*="rating"].rating_50:before {
    background-position: 0em -1.2em; }
  span[class*="rating"].rating_5:before {
    background-position: -4.8em 0em; }
  span[class*="rating"].rating_15:before {
    background-position: -3.6em 0em; }
  span[class*="rating"].rating_25:before {
    background-position: -2.4em 0em; }
  span[class*="rating"].rating_35:before {
    background-position: -1.2em 0em; }
  span[class*="rating"].rating_45:before {
    background-position: 0em 0em; }

span[class*="rating"][class*="yellow"]:before {
  background-image: url("/ui/css/Images/ratings-yellow.svg"); }

h1 .rating-star-container {
  font-size: 70%;
  display: block;
  margin: 0em auto 0.5em; }

h1 aside[class*="rating"] {
  display: inline-block;
  margin: 0 .5em; }
  h1 aside[class*="rating"]:before {
    top: -.85em; }

.comments h4 {
  font-weight: 400;
  positin: relative; }
  .comments h4 aside.rating-star-container {
    display: inline;
    margin: 0 .5em; }
    .comments h4 aside.rating-star-container span {
      top: .2em; }
    @media screen and (min-width: 0px) and (max-width: 650px) {
      .comments h4 aside.rating-star-container {
        display: block;
        margin: 0 0 .25em; } }

.comments .card .padding {
  padding: 2em 2em; }

.comments .comment-group {
  border-top: 1px solid #CCD8DE;
  margin-top: 1.5em;
  padding: 1.5em 0 0; }
  .comments .comment-group:first-child {
    border-top: none;
    margin-top: 0;
    padding-top: 0; }

.comments section.comment, .comments section.reply {
  border-top: 1px solid #CCD8DE;
  margin-top: 1.5em;
  padding: 1.5em 0 0;
  display: table;
  width: 100%; }
  .comments section.comment.agendio-support h4:before, .comments section.reply.agendio-support h4:before {
    width: 1.5em;
    height: 1.5em;
    content: "\020";
    display: inline-block;
    position: relative;
    top: .35em;
    left: -.15em;
    background-image: url("/ui/css/Images/agendio-support-avatar.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
    margin-right: .25em; }
  .comments section.comment:first-child, .comments section.reply:first-child {
    border: none;
    margin-top: 0;
    padding-top: 0; }
  .comments section.comment aside.rating-star-container, .comments section.reply aside.rating-star-container {
    display: table-cell;
    width: 13%; }
  .comments section.comment article, .comments section.reply article {
    display: table-cell; }
  .comments section.comment i, .comments section.reply i {
    display: block;
    color: #9BA1A3;
    margin-top: .75em;
    line-height: 2em; }
    .comments section.comment i span[class*="icon"], .comments section.reply i span[class*="icon"] {
      padding: 0 .5em; }
    .comments section.comment i b, .comments section.reply i b {
      font-weight: 400;
      padding: .35em 1em;
      border: 1px solid #CCD8DE;
      border-radius: 4px;
      white-space: nowrap; }
    .comments section.comment i a, .comments section.reply i a {
      color: #008AC9; }
    .comments section.comment i a:hover, .comments section.reply i a:hover {
      color: #2F7696; }
  .comments section.comment p, .comments section.reply p {
    margin-top: .75em; }
  .comments section.comment h6, .comments section.reply h6 {
    color: #008AC9;
    cursor: pointer;
    display: inline-block; }
    .comments section.comment h6:hover, .comments section.reply h6:hover {
      text-decoration: underline; }

.comments section.reply {
  width: 83%;
  margin-left: 17%; }

@media screen and (min-width: 701px) and (max-width: 900px) {
  .comments section.comment aside.rating-star-container {
    width: 17%; }
  .comments section.reply {
    width: 79%;
    margin-left: 21%; } }

@media screen and (min-width: 0px) and (max-width: 700px) {
  .comments section.comment aside.rating-star-container {
    width: 100%;
    display: block;
    margin-bottom: .5em; }
  .comments section.comment article {
    width: 100%;
    display: block; }
  .comments section.reply {
    width: 85%;
    margin-left: 15%;
    display: block; } }

/*  ACCOUNT MANAGEMENT  */
#register-panel {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  display: none; }
  #register-panel .padding {
    padding: 2em; }
  #register-panel hgroup {
    height: 3em; }
  #register-panel span.error-placeholder {
    display: inline; }
  #register-panel .error-placeholder {
    display: none; }
  #register-panel .error-placeholder.active {
    display: inline-block;
    color: #FF284F; }
  #register-panel h4 {
    font-size: 1.44em;
    line-height: 1.3em;
    font-weight: 400;
    text-transform: uppercase; }
  #register-panel .error {
    color: #FF284F; }
  #register-panel label {
    text-align: left; }
  #register-panel p {
    line-height: 1.3em; }
  #register-panel u {
    cursor: pointer; }
  #register-panel [class*="icon-close"] {
    font-size: 1.5em;
    position: absolute;
    top: .2em;
    right: .2em;
    cursor: pointer; }
  #register-panel #create-account {
    display: none;
    width: 30em; }
  #register-panel #forgot-password {
    display: none;
    width: 30em; }
  #register-panel #sign-in {
    display: none;
    width: 30em; }
  #register-panel #write-review-registered {
    display: none;
    width: 46em; }
    #register-panel #write-review-registered .rate-your-experience {
      display: table;
      height: 5em; }
      #register-panel #write-review-registered .rate-your-experience label {
        display: table-cell;
        vertical-align: middle; }
      #register-panel #write-review-registered .rate-your-experience aside {
        display: table-cell;
        vertical-align: middle;
        width: 10em;
        position: relative; }
        #register-panel #write-review-registered .rate-your-experience aside i {
          position: absolute;
          bottom: 0;
          right: 0;
          width: 10em; }
      #register-panel #write-review-registered .rate-your-experience span[id*="rate"] {
        background-image: url("/ui/css/Images/ratings.svg");
        background-repeat: no-repeat;
        background-position: -10em 0;
        content: "\020";
        width: 2em;
        height: 2em;
        background-size: auto 200%;
        float: left;
        cursor: pointer; }
        #register-panel #write-review-registered .rate-your-experience span[id*="rate"].selected {
          background-position: 0 0; }
  #register-panel #reply-to-review-registered {
    display: none;
    width: 46em; }
  #register-panel #reply-to-review-complete {
    display: none;
    width: 46em; }
  #register-panel #reply-to-review-sign {
    display: none;
    width: 46em;
    height: 39em; }
  #register-panel #reply-to-review-create {
    display: none;
    width: 46em;
    height: 39em; }
	
#survey2-panel .rate-your-experience {
      display: table;
      height: 5em; }
      #survey2-panel .rate-your-experience label {
        display: table-cell;
        vertical-align: middle; }
      #survey2-panel .rate-your-experience aside {
        display: table-cell;
        vertical-align: middle;
        width: 10em;
        position: relative; }
        #survey2-panel .rate-your-experience aside i {
          position: absolute;
          bottom: 0;
          right: 0;
          width: 10em; }
      #survey2-panel  .rate-your-experience span[id*="rate"] {
        background-image: url("/ui/css/Images/ratings.svg");
        background-repeat: no-repeat;
        background-position: -10em 0;
        content: "\020";
        width: 2em;
        height: 2em;
        background-size: auto 200%;
        float: left;
        cursor: pointer; }
        #survey2-panel .rate-your-experience span[id*="rate"].selected {
          background-position: 0 0; }

/*  COMPARE PAGE */
body.compare-page .compare-table {
  width: 100%;
  margin: 2em auto 0; }

body.compare-page .header-column {
  float: left;
  vertical-align: top;
  padding: 0 2em; }
  body.compare-page .header-column li {
    padding: 0.5em 0; }

body.compare-page .body-table {
  dflaot: left;
  vertical-align: top;
  padding: 0 0 2px 0;
  width: 10%;
  overflow-x: scroll; }
  body.compare-page .body-table .scroller {
    width: 1100px; }

body.compare-page .card {
  width: 20em;
  float: left;
  text-align: center;
  margin: 0 .5em; }
  body.compare-page .card header {
    padding: .5em 0;
    position: relative; }
    body.compare-page .card header [class*="close"] {
      position: absolute;
      top: 0;
      right: 0;
      cursor: pointer;
      font-size: 1.2em;
      color: #9BA1A3; }
      body.compare-page .card header [class*="close"]:hover {
        color: #113B4F; }
  body.compare-page .card li {
    padding: 0.5em 0; }
    body.compare-page .card li:nth-child(odd) {
      background: #f7f7f8; }
    body.compare-page .card li.imagery {
      padding: 1em;
      background: none; }
    body.compare-page .card li.with-feature {
      padding: 0; }
    body.compare-page .card li[class^="others"] {
      text-align: left; }
      body.compare-page .card li[class^="others"] li {
        background: none;
        padding: .2em 0 .2em 1em; }
    body.compare-page .card li [class*="dot"] {
      font-size: 2em; }

@media screen and (min-width: 0px) and (max-width: 540px) {
  body.compare-page {
    font-size: 100%; }
    body.compare-page .header-column {
      padding: 0 .2em; }
    body.compare-page .card {
      width: 12em;
      margin: 0 4px 0 0; }
      body.compare-page .card li.imagery {
        padding: .3em; } }

/*  MY ACCOUNT PAGE  */
body.my-account-page h2 {
  margin-bottom: 1em; }

body.my-account-page table.planners-calendars td.date {
  width: 10%; }

body.my-account-page table.planners-calendars td.product {
  width: 10%; }

body.my-account-page table.planners-calendars td.name {
  width: 15%; }

body.my-account-page table.planners-calendars td.model {
  width: 30%; }

body.my-account-page table.planners-calendars td.status {
  width: 10%; }

body.my-account-page table.planners-calendars td.actions {
  width: 20%; }

body.my-account-page table.orders-list > thead td, body.my-account-page table.orders-list > tbody > tr > td {
  display: flex !important; }

body.my-account-page table.orders-list > tbody > tr.options {
  background-color: #FFF6D4; }

body.my-account-page table.orders-list td {
  text-align: left; }
  body.my-account-page table.orders-list td section {
    display: flex;
    padding: 0; }
  body.my-account-page table.orders-list td section.details {
    display: none; }
    body.my-account-page table.orders-list td section.details section {
      font-size: 12px;
      line-height: 1.6em; }
      body.my-account-page table.orders-list td section.details section header {
        padding: .3em 1em; }
      body.my-account-page table.orders-list td section.details section table {
        width: 100%; }
        body.my-account-page table.orders-list td section.details section table tr {
          background: transparent; }
        body.my-account-page table.orders-list td section.details section table td {
          padding-top: .1em;
          padding-bottom: .1em;
          vertical-align: top; }
        body.my-account-page table.orders-list td section.details section table td:first-child {
          padding-left: 0; }
      body.my-account-page table.orders-list td section.details section div[class*="summary"] {
        background: #FFFFFF;
        border: 1px solid #CCD8DE;
        padding: 3px;
        flex: 1;
        margin: .2em; }
        body.my-account-page table.orders-list td section.details section div[class*="summary"] article {
          height: 20em;
          overflow-y: scroll; }
        body.my-account-page table.orders-list td section.details section div[class*="summary"] section {
          margin: 1em; }
        body.my-account-page table.orders-list td section.details section div[class*="summary"]:last-child {
          margin-right: 0; }
        body.my-account-page table.orders-list td section.details section div[class*="summary"].summary-info {
          flex: 3; }
        body.my-account-page table.orders-list td section.details section div[class*="summary"].summary-customization {
          flex: 4; }
          body.my-account-page table.orders-list td section.details section div[class*="summary"].summary-customization section {
            display: flex;
            border-bottom: 1px solid #CCD8DE;
            padding-bottom: 1em; }
          body.my-account-page table.orders-list td section.details section div[class*="summary"].summary-customization section:last-child {
            border: none; }
          body.my-account-page table.orders-list td section.details section div[class*="summary"].summary-customization p {
            flex: 1; }
          body.my-account-page table.orders-list td section.details section div[class*="summary"].summary-customization table {
            width: 75%; }
          body.my-account-page table.orders-list td section.details section div[class*="summary"].summary-customization table.multi-list td {
            padding: .5em 0; }
          body.my-account-page table.orders-list td section.details section div[class*="summary"].summary-customization table.multi-list tr {
            border-bottom: 1px solid #CCD8DE; }
          body.my-account-page table.orders-list td section.details section div[class*="summary"].summary-customization table.multi-list tr:last-child {
            border-bottom: none; }
          body.my-account-page table.orders-list td section.details section div[class*="summary"].summary-customization table.multi-list tr:first-child td {
            padding-top: 0; }
          body.my-account-page table.orders-list td section.details section div[class*="summary"].summary-customization td:first-child {
            padding-left: 0;
            width: 40%; }
          body.my-account-page table.orders-list td section.details section div[class*="summary"].summary-customization li {
            line-height: 1.3em;
            padding-left: .7em; }
          body.my-account-page table.orders-list td section.details section div[class*="summary"].summary-customization li:before {
            margin-right: -.7em; }
          body.my-account-page table.orders-list td section.details section div[class*="summary"].summary-customization td b {
            margin-top: .5em;
            display: block; }
          body.my-account-page table.orders-list td section.details section div[class*="summary"].summary-customization td b:first-child {
            margin-top: 0; }
        body.my-account-page table.orders-list td section.details section div[class*="summary"].summary-price {
          flex: 3; }
          body.my-account-page table.orders-list td section.details section div[class*="summary"].summary-price td:last-child {
            text-align: right; }

body.my-account-page table.orders-list tbody td {
  flex-direction: column; }

body.my-account-page table.orders-list td div {
  flex: 1;
  padding-right: 1em; }
  body.my-account-page table.orders-list td div.date {
    flex: 0.7; }
    @media screen and (min-width: 0px) and (max-width: 500px) {
      body.my-account-page table.orders-list td div.date {
        display: none; } }
  body.my-account-page table.orders-list td div.product {
    flex: 0.7; }
    @media screen and (min-width: 0px) and (max-width: 800px) {
      body.my-account-page table.orders-list td div.product {
        display: none; } }
  body.my-account-page table.orders-list td div.name {
    flex: 0.7; }
    @media screen and (min-width: 0px) and (max-width: 600px) {
      body.my-account-page table.orders-list td div.name {
        display: none; } }
  body.my-account-page table.orders-list td div.model {
    flex: 1.5; }
  body.my-account-page table.orders-list td div.options {
    flex: 0 0 3em;
    text-align: right;
    color: #008AC9;
    cursor: pointer;
    text-decoration: underline;
    position: relative; }
    @media screen and (min-width: 0px) and (max-width: 700px) {
      body.my-account-page table.orders-list td div.options {
        display: none; } }
    body.my-account-page table.orders-list td div.options aside {
      position: absolute;
      top: 0;
      right: 0;
      white-space: nowrap;
      font-size: 10px;
      text-transform: uppercase;
      font-weight: 700;
      color: #293033;
      display: none; }
      body.my-account-page table.orders-list td div.options aside:after {
        font-family: "agendio_ui" !important;
        content: "\e607";
        margin: 0 0 0 .5em;
        position: relative;
        top: .1em;
        color: #293033; }
    body.my-account-page table.orders-list td div.options p {
      position: absolute;
      top: 1.7em;
      right: 40%;
      background-color: #FFF6D4;
      border: 1px solid #9BA1A3;
      z-index: 2;
      text-align: center;
      border-radius: 2px;
      color: #293033;
      font-size: 12px;
      padding: .5em;
      box-shadow: #bdccd4 2px 2px 0;
      display: none; }
      body.my-account-page table.orders-list td div.options p:after {
        position: absolute;
        width: .6em;
        height: .6em;
        content: " ";
        transform: rotate(45deg);
        right: 50%;
        margin-right: -.3em;
        top: -.4em;
        border-left: 1px solid #9BA1A3;
        border-top: 1px solid #9BA1A3;
        background-color: #FFF6D4; }
      body.my-account-page table.orders-list td div.options p > * {
        display: block;
        padding: .3em 1em;
        margin: 0 1em;
        border-top: 1px dotted #CCD8DE;
        white-space: nowrap;
        cursor: pointer; }
        body.my-account-page table.orders-list td div.options p > *:hover {
          color: #2F7696; }
        body.my-account-page table.orders-list td div.options p > *:first-child {
          border: none; }
      body.my-account-page table.orders-list td div.options p [class*="remove"] {
        color: #FF284F; }
      body.my-account-page table.orders-list td div.options p a {
        text-decoration: none; }
    body.my-account-page table.orders-list td div.options.expanded > span {
      display: none; }
    body.my-account-page table.orders-list td div.options.expanded > aside {
      display: block; }

body.my-account-page section.comment {
  position: relative; }
  body.my-account-page section.comment [class*="arrow"] {
    position: absolute;
    top: .75em;
    right: 0em;
    cursor: pointer;
    font-size: 200%; }
  body.my-account-page section.comment:first-child [class*="arrow"] {
    top: 0; }

body.my-account-page section.sub-replies {
  display: none; }

@media screen and (min-width: 0px) and (max-width: 1024px) {
  body.my-account-page .container_12 > .grid_4 {
    width: 48%;
    margin-top: 1em; }
  body.my-account-page .container_12 > .grid_10 {
    width: 98%; }
  body.my-account-page .container_12 > .prefix_2, body.my-account-page .container_12 > .prefix_1 {
    padding-left: 0; } }

@media screen and (min-width: 461px) and (max-width: 700px) {
  body.my-account-page .container_12 > .grid_4 {
    width: 64.66%;
    padding-left: 16.66%; } }

@media screen and (min-width: 0px) and (max-width: 900px) {
  body.my-account-page table {
    font-size: 90% !important; } }

@media screen and (min-width: 0px) and (max-width: 480px) {
  body.my-account-page table.history td {
    display: none; }
  body.my-account-page table.history td:first-child, body.my-account-page table.history td:last-child {
    display: table-cell; }
  body.my-account-page .card.big section {
    padding: 2em 1em; }
  body.my-account-page .card.big .orders-list section {
    padding: 0; }
  body.my-account-page .container_12 > .grid_4 {
    width: 98%;
    padding-left: 0; }
  body.my-account-page .button.primary {
    display: block;
    margin: 0 0 1em !important;
    text-align: center; } }

@media screen and (min-width: 0px) and (max-width: 800px) {
  body.my-account-page table.planners-calendars td {
    display: none; }
  body.my-account-page table.planners-calendars td:first-child {
    display: block;
    width: 97%;
    position: relative;
    padding-top: 1em;
    padding-bottom: 1em; }
  body.my-account-page table.planners-calendars ul li {
    display: block;
    border-top: 1px dotted #CCD8DE; }
    body.my-account-page table.planners-calendars ul li label {
      width: 30%;
      padding-left: 5%;
      display: inline-block; }
    body.my-account-page table.planners-calendars ul li a {
      margin: .5em 2em 0 0; }
    body.my-account-page table.planners-calendars ul li u {
      cursor: pointer; }
  body.my-account-page table.planners-calendars [class*="arrow"] {
    display: block; } }

@media screen and (min-width: 0px) and (max-width: 640px) {
  body.my-account-page table.referrals {
    width: 100%; }
    body.my-account-page table.referrals td {
      display: none; }
    body.my-account-page table.referrals td:first-child, body.my-account-page table.referrals td:last-child {
      display: table-cell;
      width: 50% !important; } }

/*  REFERRALS PAGE  */
body.referrals-page .reveal-code {
  height: 5em;
  display: table;
  width: 100%; }
  body.referrals-page .reveal-code div {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle; }
  body.referrals-page .reveal-code h2 {
    display: none; }
	
/*fatal error page */
body.fatal-error {
  background-color: #FFF6D4;
  color: #FF284F;
  display: table;
  height: 100%;
  width: 100%;
  min-width: auto !important; }
  body.fatal-error div {
    display: table-cell;
    vertical-align: middle; }
  body.fatal-error [class*="error"] {
    font-size: 5em;
    display: block;
    margin: 0 0 .5em; }
  body.fatal-error h1 {
    font-size: 2.8em;
    line-height: 1.2em;
    color: #FF284F;
    width: 100%; }
  body.fatal-error h2 {
    color: #6d8088;
    font-size: 1.4em;
    line-height: 1.5em; }
    body.fatal-error h2 b {
      color: #293033;
      text-transform: uppercase; }
  body.fatal-error a {
    display: inline-block; }

/*  PROMOTIONS PAGE  */
body.promotions-page .card {
  padding: 5em 3em;
  background-repeat: no-repeat; }
  body.promotions-page .card h1 {
    margin-bottom: .5em; }
  body.promotions-page .card p {
    margin-bottom: .5em; }
  body.promotions-page .card .code {
    padding: .25em .7em;
    border-radius: 5px;
    font-family: "Courier New";
    font-weight: bold;
    color: #FFFFFF; }
  body.promotions-page .card.silver {
    background-image: url("/ui/css/Images/silver-dollar-big.png");
    background-position: 5em 3em;
    text-align: right; }
    body.promotions-page .card.silver h1 {
      color: #606060;
      text-align: right; }
    body.promotions-page .card.silver .code {
      background-color: #9BA1A3; }
  body.promotions-page .card.gold {
    background-image: url("/ui/css/Images/loonie-big.png");
    background-position: 105% center;
    text-align: left; }
    body.promotions-page .card.gold h1 {
      color: #B09C4A;
      padding-right: 35%;
      text-align: left; }
    body.promotions-page .card.gold p {
      padding-right: 35%; }
    body.promotions-page .card.gold .code {
      background-color: #B09C4A; }
  body.promotions-page .card.usflag {
    padding-left: 50%;
    background-image: url("/ui/css/Images/us-stamp-big_50-percent.png");
    background-position: 3em -8.5em;
    text-align: right; }
    body.promotions-page .card.usflag h1 {
      color: #AF0000;
      text-align: right; }
    body.promotions-page .card.usflag .code {
      background-color: #394690; }
  body.promotions-page .card.pdf {
    background-color: #BA2D14 !important;
    color: #FFFFFF;
    text-align: left;
    background-image: url("/ui/css/Images/acrobat-symbol.png");
    background-position: 110% center; }
    body.promotions-page .card.pdf h1 {
      text-align: left;
      padding-right: 50%; }
    body.promotions-page .card.pdf p {
      padding-right: 45%; }
    body.promotions-page .card.pdf a {
      color: inherit; }
  body.promotions-page .card.planner {
    text-align: left;
    background-image: url("/ui/css/Images/your-agendio-planner.png");
    background-position: 90% 40%; }
    body.promotions-page .card.planner h1 {
      text-align: left; }
    body.promotions-page .card.planner p:not(.note) {
      width: 60%; }
  body.promotions-page .card.word {
    text-align: right;
    background-image: url("/ui/css/Images/spread-the-word.png");
    background-position: 10% 40%; }
    body.promotions-page .card.word h1 {
      text-align: right; }
    body.promotions-page .card.word p:not(.note) {
      padding-left: 40%; }
  body.promotions-page .card .note {
    font-size: 80%;
    margin-top: 3em; }

body.promotions-page .promotion-cards {
  display: flex;
  justify-content: space-between;
  margin-top: 3rem;
  margin-bottom: 3rem; }
  @media screen and (min-width: 0px) and (max-width: 740px) {
    body.promotions-page .promotion-cards {
      flex-direction: column; } }
  body.promotions-page .promotion-cards img.poster {
    width: 100%;
    margin: 0 !important; }
  body.promotions-page .promotion-cards ._enlargeImage {
    cursor: pointer; }
  body.promotions-page .promotion-cards [class*="__card"] {
    background: #F2F4F5;
    flex: 0 0 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 15rem;
    box-sizing: border-box;
    border-radius: 4px;
    position: relative; }
    body.promotions-page .promotion-cards [class*="__card"] > * {
      position: relative;
      text-align: center; }
    body.promotions-page .promotion-cards [class*="__card"][class*="--wrapper"] {
      background: none; }
    body.promotions-page .promotion-cards [class*="__card"][class*="--has-more"]:before {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      content: "";
      position: absolute;
      background: #F2F4F5;
      border-radius: 4px;
      transition: all 0.2s ease; }
    body.promotions-page .promotion-cards [class*="__card"][class*="--has-more"]:hover:before {
      box-shadow: #dbe4e8 0 0 3rem; }
    body.promotions-page .promotion-cards [class*="__card"] img, body.promotions-page .promotion-cards [class*="__card"] svg {
      margin-bottom: 1rem; }
    body.promotions-page .promotion-cards [class*="__card"] hr {
      margin: 2rem 1rem;
      width: 50%; }
    body.promotions-page .promotion-cards [class*="__card"] h4 {
      font-style: italic;
      font-weight: 400;
      color: #113B4F; }
    body.promotions-page .promotion-cards [class*="__card"] p {
      padding: 0 2rem 0;
      font-style: italic; }
      body.promotions-page .promotion-cards [class*="__card"] p u {
        text-decoration: underline; }
    body.promotions-page .promotion-cards [class*="__card"] aside {
      position: absolute;
      bottom: -2rem;
      font-size: 80%;
      color: #6d8088; }
    @media screen and (min-width: 0px) and (max-width: 970px) {
      body.promotions-page .promotion-cards [class*="__card"] br {
        display: none; }
      body.promotions-page .promotion-cards [class*="__card"] hr {
        margin: 1rem; } }
    @media screen and (min-width: 0px) and (max-width: 740px) {
      body.promotions-page .promotion-cards [class*="__card"] {
        margin: 0 10vw 10vh; } }

@media screen and (min-width: 736px) and (max-width: 960px) {
  body.promotions-page .card {
    padding: 3em 1.5em; }
    body.promotions-page .card.gold {
      background-position: 105% 10em; }
      body.promotions-page .card.gold h1 {
        padding-right: 0%; }
      body.promotions-page .card.gold h1 br {
        display: none; }
      body.promotions-page .card.gold p {
        padding-right: 48%; } }

@media screen and (min-width: 901px) and (max-width: 960px) {
  body.promotions-page .card.silver {
    background-position: 1em 3em; } }

@media screen and (min-width: 736px) and (max-width: 900px) {
  body.promotions-page .card.silver {
    background-position: -6em 3em; } }

@media screen and (min-width: 871px) and (max-width: 1024px) {
  body.promotions-page .card.usflag {
    background-position: -2em -8.5em; }
  body.promotions-page .card.pdf {
    background-position: 130% center; } }

@media screen and (min-width: 736px) and (max-width: 870px) {
  body.promotions-page .card.gold h1 br {
    display: block; }
  body.promotions-page .card.usflag {
    background-position: -5em -8.5em; }
  body.promotions-page .card.pdf {
    background-position: 220% center; } }

@media screen and (min-width: 0px) and (max-width: 735px) {
  body.promotions-page .card {
    background-image: none !important;
    text-align: center !important;
    padding: 1.5em 1em !important; }
    body.promotions-page .card h1 {
      text-align: center !important;
      padding-right: 0 !important;
      padding-left: 0 !important; }
    body.promotions-page .card h1 br {
      display: none !important; }
    body.promotions-page .card p {
      padding-right: 0 !important;
      padding-left: 0 !important;
      width: 100% !important; } }

/*  TESTIMONIALS PAGE */
section.testimonials-page .card, section.blog-reviews .card {
  padding: 1em;
  overflow: hidden; }
  section.testimonials-page .card img.blog, section.blog-reviews .card img.blog {
    border: 1px solid #CCD8DE;
    width: 100%;
    margin-bottom: 1em; }
  section.testimonials-page .card > [id*="Layer_"], section.testimonials-page .card img.planner, section.blog-reviews .card > [id*="Layer_"], section.blog-reviews .card img.planner {
    border: 1px solid #CCD8DE;
    box-shadow: #CCD8DE 0 0 0.5em;
    width: 85%;
    float: left;
    margin-right: 2%; }
  section.testimonials-page .card .creation-container, section.blog-reviews .card .creation-container {
    width: 85%;
    float: left;
    margin-right: 2%; }
  section.testimonials-page .card aside, section.blog-reviews .card aside {
    float: left;
    width: 12%;
    line-height: 1.3em; }
  section.testimonials-page .card a, section.blog-reviews .card a {
    text-decoration: none; }
    section.testimonials-page .card a:hover, section.blog-reviews .card a:hover {
      color: #2F7696; }
      section.testimonials-page .card a:hover img, section.blog-reviews .card a:hover img {
        box-shadow: #CCD8DE 0 0 0.5em; }
  section.testimonials-page .card p.large, section.blog-reviews .card p.large {
    font-size: 140%;
    line-height: 1.4em; }
  section.testimonials-page .card p.extra-large, section.blog-reviews .card p.extra-large {
    font-size: 230%;
    line-height: 1.4em; }
  section.testimonials-page .card p .signature, section.blog-reviews .card p .signature {
    color: #9BA1A3; }
  section.testimonials-page .card blockquote, section.blog-reviews .card blockquote {
    display: table;
    width: 100%; }
    section.testimonials-page .card blockquote p, section.blog-reviews .card blockquote p {
      display: table-cell;
      vertical-align: middle; }

@media screen and (min-width: 0px) and (max-width: 800px) {
  section.testimonials-page [class*="grid_"] {
    width: 98% !important; }
  section.testimonials-page .card img, section.testimonials-page .card > [id*="Layer_"] {
    width: 100% !important;
    float: none !important; }
  section.testimonials-page .card div {
    width: 100% !important;
    float: none !important; }
  section.testimonials-page .card div br {
    display: none !important; }
  section.testimonials-page p br {
    display: none !important; } }

/* BLOG REVIEWS */
/*
	section.blog-reviews 							{
		[class*="container_"] 						{display: flex; align-items: stretch;
			* 							{box-sizing: border-box}
		}
		.column 							{flex: 1; display: flex; align-items: stretch; padding: .7rem;
			&:first-child 						{padding-left: 0}
			&:last-child 						{padding-right: 0}
		}
		.card 								{display: flex; text-align: center; height: auto; margin: 0; 
			a							{flex: 1; display: flex; flex-direction: column;
				img 						{}
				blockquote 					{flex: 0 0 auto;}
			}
		}
		.is-2 								{flex: 2}
		.videos 							{flex-direction: column;
			.card 							{margin-bottom: .7rem !important}
		}
		.video-container 						{width: 100%;
			
		}
	}
*/
/* RESPONSIVE - GLOBAL SETTINGS */
@media screen and (min-width: 601px) and (max-width: 1024px) {
  body {
    font-size: 95%;
    line-height: 1.6em;
    -webkit-text-size-adjust: 100%; }
  h1 {
    font-size: 2.75em;
    line-height: 1.4em; } }

@media screen and (min-width: 0px) and (max-width: 620px) {
  body {
    -webkit-text-size-adjust: 100%; }
  h1 {
    font-size: 2.75em;
    line-height: 1.2em; }
  [class^="container_"] > [class*="grid_"] {
    width: 98%;
    margin-right: 1%;
    margin-left: 1%;
    padding-left: 0;
    padding-right: 0 !important; }
  [class^="container_"] > [class*="push_"] {
    left: 0 !important; }
  [class^="container_"] > [class*="pull_"] {
    right: 0 !important; } }

@media screen and (min-width: 0px) and (max-width: 540px) {
  body {
    font-size: 95%;
    line-height: 1.4em;
    -webkit-text-size-adjust: 100%; } }

header.for-content-pages, body header > nav.primary, body footer, .card header, .button.shadow, a.button.shadow {
  background: #f0f4f7;
  background: -moz-linear-gradient(top, #f0f4f7 0%, #e9eaf0 100%);
  background: -webkit-linear-gradient(top, #f0f4f7 0%, #e9eaf0 100%);
  background: linear-gradient(to bottom, #f0f4f7 0%, #e9eaf0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f4f7', endColorstr='#e9eaf0',GradientType=0 ); }

.button.shadow:hover, a.button.shadow:hover {
  background: #f7fafc;
  background: -moz-linear-gradient(top, #f7fafc 0%, #edeff2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7fafc), color-stop(100%, #edeff2));
  background: -webkit-linear-gradient(top, #f7fafc 0%, #edeff2 100%);
  background: -o-linear-gradient(top, #f7fafc 0%, #edeff2 100%);
  background: -ms-linear-gradient(top, #f7fafc 0%, #edeff2 100%);
  background: linear-gradient(to bottom, #f7fafc 0%, #edeff2 100%); }

body.my-account-page table.orders-list td section.details section header {
  background: #d8e0e8;
  background: -moz-linear-gradient(top, #d8e0e8 1%, #d1d9e0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #d8e0e8), color-stop(100%, #d1d9e0));
  background: -webkit-linear-gradient(top, #d8e0e8 1%, #d1d9e0 100%);
  background: -o-linear-gradient(top, #d8e0e8 1%, #d1d9e0 100%);
  background: -ms-linear-gradient(top, #d8e0e8 1%, #d1d9e0 100%);
  background: linear-gradient(to bottom, #d8e0e8 1%, #d1d9e0 100%); }

.button.secondary, a.button.secondary {
  background: #d5dfe8;
  background: -moz-linear-gradient(top, #d5dfe8 0%, #c3cbd4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d5dfe8), color-stop(100%, #c3cbd4));
  background: -webkit-linear-gradient(top, #d5dfe8 0%, #c3cbd4 100%);
  background: -o-linear-gradient(top, #d5dfe8 0%, #c3cbd4 100%);
  background: -ms-linear-gradient(top, #d5dfe8 0%, #c3cbd4 100%);
  background: linear-gradient(to bottom, #d5dfe8 0%, #c3cbd4 100%); }

.button.secondary:hover, a.button.secondary:hover {
  background: #dae4ed;
  background: -moz-linear-gradient(top, #dae4ed 0%, #c9d2db 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dae4ed), color-stop(100%, #c9d2db));
  background: -webkit-linear-gradient(top, #dae4ed 0%, #c9d2db 100%);
  background: -o-linear-gradient(top, #dae4ed 0%, #c9d2db 100%);
  background: -ms-linear-gradient(top, #dae4ed 0%, #c9d2db 100%);
  background: linear-gradient(to bottom, #dae4ed 0%, #c9d2db 100%); }

.button.primary, a.button.primary {
  background: #f0f4f7;
  background: -moz-linear-gradient(top, #f0f4f7 0%, #0099e0 0%, #008ac9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f4f7), color-stop(0%, #0099e0), color-stop(100%, #008ac9));
  background: -webkit-linear-gradient(top, #f0f4f7 0%, #0099e0 0%, #008ac9 100%);
  background: -o-linear-gradient(top, #f0f4f7 0%, #0099e0 0%, #008ac9 100%);
  background: -ms-linear-gradient(top, #f0f4f7 0%, #0099e0 0%, #008ac9 100%);
  background: linear-gradient(to bottom, #f0f4f7 0%, #0099e0 0%, #008ac9 100%); }

.button.primary:hover, a.button.primary:hover {
  background: #f0f4f7;
  background: -moz-linear-gradient(top, #f0f4f7 0%, #00a0ea 0%, #0094d3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f4f7), color-stop(0%, #00a0ea), color-stop(100%, #0094d3));
  background: -webkit-linear-gradient(top, #f0f4f7 0%, #00a0ea 0%, #0094d3 100%);
  background: -o-linear-gradient(top, #f0f4f7 0%, #00a0ea 0%, #0094d3 100%);
  background: -ms-linear-gradient(top, #f0f4f7 0%, #00a0ea 0%, #0094d3 100%);
  background: linear-gradient(to bottom, #f0f4f7 0%, #00a0ea 0%, #0094d3 100%); }

.button.danger, a.button.danger {
  background: #ff3019;
  background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404));
  background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%); }

.button.danger:hover, a.button.danger:hover {
  background: #ff4130;
  background: -moz-linear-gradient(top, #ff4130 0%, #ce2525 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff4130), color-stop(100%, #ce2525));
  background: -webkit-linear-gradient(top, #ff4130 0%, #ce2525 100%);
  background: -o-linear-gradient(top, #ff4130 0%, #ce2525 100%);
  background: -ms-linear-gradient(top, #ff4130 0%, #ce2525 100%);
  background: linear-gradient(to bottom, #ff4130 0%, #ce2525 100%); }

body.home-page footer, .reversed {
  background-color: #113c4f;
  background-color: -moz-linear-gradient(top, #113c4f 0%, #21698a 100%);
  background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #113c4f), color-stop(100%, #21698a));
  background-color: -webkit-linear-gradient(top, #113c4f 0%, #21698a 100%);
  background-color: -o-linear-gradient(top, #113c4f 0%, #21698a 100%);
  background-color: -ms-linear-gradient(top, #113c4f 0%, #21698a 100%);
  background-color: linear-gradient(to bottom, #113c4f 0%, #21698a 100%); }

/* 
* Social media postings
*/
.social-actions {
  position: absolute !important;
  top: 8px;
  right: 8px;
  font-weight: 400;
  color: #FFFFFF;
  display: flex !important;
  padding: 0 !important;
  display: none; }
  .social-actions img {
    margin: 0 4px;
    cursor: pointer;
    width: auto !important; }
    .social-actions img:first-child {
      margin-left: 0; }
    .social-actions img:last-child {
      margin-right: 0; }

header.for-content-pages, body header > nav.primary, body footer, .card header, .button.shadow, a.button.shadow {
  background: #f0f4f7;
  background: -moz-linear-gradient(top, #f0f4f7 0%, #e9eaf0 100%);
  background: -webkit-linear-gradient(top, #f0f4f7 0%, #e9eaf0 100%);
  background: linear-gradient(to bottom, #f0f4f7 0%, #e9eaf0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f4f7', endColorstr='#e9eaf0',GradientType=0 ); }

.button.shadow:hover, a.button.shadow:hover {
  background: #f7fafc;
  background: -moz-linear-gradient(top, #f7fafc 0%, #edeff2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7fafc), color-stop(100%, #edeff2));
  background: -webkit-linear-gradient(top, #f7fafc 0%, #edeff2 100%);
  background: -o-linear-gradient(top, #f7fafc 0%, #edeff2 100%);
  background: -ms-linear-gradient(top, #f7fafc 0%, #edeff2 100%);
  background: linear-gradient(to bottom, #f7fafc 0%, #edeff2 100%); }

body.my-account-page table.orders-list td section.details section header {
  background: #d8e0e8;
  background: -moz-linear-gradient(top, #d8e0e8 1%, #d1d9e0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #d8e0e8), color-stop(100%, #d1d9e0));
  background: -webkit-linear-gradient(top, #d8e0e8 1%, #d1d9e0 100%);
  background: -o-linear-gradient(top, #d8e0e8 1%, #d1d9e0 100%);
  background: -ms-linear-gradient(top, #d8e0e8 1%, #d1d9e0 100%);
  background: linear-gradient(to bottom, #d8e0e8 1%, #d1d9e0 100%); }

.button.secondary, a.button.secondary {
  background: #d5dfe8;
  background: -moz-linear-gradient(top, #d5dfe8 0%, #c3cbd4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d5dfe8), color-stop(100%, #c3cbd4));
  background: -webkit-linear-gradient(top, #d5dfe8 0%, #c3cbd4 100%);
  background: -o-linear-gradient(top, #d5dfe8 0%, #c3cbd4 100%);
  background: -ms-linear-gradient(top, #d5dfe8 0%, #c3cbd4 100%);
  background: linear-gradient(to bottom, #d5dfe8 0%, #c3cbd4 100%); }

.button.secondary:hover, a.button.secondary:hover {
  background: #dae4ed;
  background: -moz-linear-gradient(top, #dae4ed 0%, #c9d2db 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dae4ed), color-stop(100%, #c9d2db));
  background: -webkit-linear-gradient(top, #dae4ed 0%, #c9d2db 100%);
  background: -o-linear-gradient(top, #dae4ed 0%, #c9d2db 100%);
  background: -ms-linear-gradient(top, #dae4ed 0%, #c9d2db 100%);
  background: linear-gradient(to bottom, #dae4ed 0%, #c9d2db 100%); }

.button.primary, a.button.primary {
  background: #f0f4f7;
  background: -moz-linear-gradient(top, #f0f4f7 0%, #0099e0 0%, #008ac9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f4f7), color-stop(0%, #0099e0), color-stop(100%, #008ac9));
  background: -webkit-linear-gradient(top, #f0f4f7 0%, #0099e0 0%, #008ac9 100%);
  background: -o-linear-gradient(top, #f0f4f7 0%, #0099e0 0%, #008ac9 100%);
  background: -ms-linear-gradient(top, #f0f4f7 0%, #0099e0 0%, #008ac9 100%);
  background: linear-gradient(to bottom, #f0f4f7 0%, #0099e0 0%, #008ac9 100%); }

.button.primary:hover, a.button.primary:hover {
  background: #f0f4f7;
  background: -moz-linear-gradient(top, #f0f4f7 0%, #00a0ea 0%, #0094d3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f4f7), color-stop(0%, #00a0ea), color-stop(100%, #0094d3));
  background: -webkit-linear-gradient(top, #f0f4f7 0%, #00a0ea 0%, #0094d3 100%);
  background: -o-linear-gradient(top, #f0f4f7 0%, #00a0ea 0%, #0094d3 100%);
  background: -ms-linear-gradient(top, #f0f4f7 0%, #00a0ea 0%, #0094d3 100%);
  background: linear-gradient(to bottom, #f0f4f7 0%, #00a0ea 0%, #0094d3 100%); }

.button.danger, a.button.danger {
  background: #ff3019;
  background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404));
  background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%); }

.button.danger:hover, a.button.danger:hover {
  background: #ff4130;
  background: -moz-linear-gradient(top, #ff4130 0%, #ce2525 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff4130), color-stop(100%, #ce2525));
  background: -webkit-linear-gradient(top, #ff4130 0%, #ce2525 100%);
  background: -o-linear-gradient(top, #ff4130 0%, #ce2525 100%);
  background: -ms-linear-gradient(top, #ff4130 0%, #ce2525 100%);
  background: linear-gradient(to bottom, #ff4130 0%, #ce2525 100%); }

body.home-page footer, .reversed {
  background-color: #113c4f;
  background-color: -moz-linear-gradient(top, #113c4f 0%, #21698a 100%);
  background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #113c4f), color-stop(100%, #21698a));
  background-color: -webkit-linear-gradient(top, #113c4f 0%, #21698a 100%);
  background-color: -o-linear-gradient(top, #113c4f 0%, #21698a 100%);
  background-color: -ms-linear-gradient(top, #113c4f 0%, #21698a 100%);
  background-color: linear-gradient(to bottom, #113c4f 0%, #21698a 100%); }

/* 
* CART
*/
/* SUMMARY */
#cart-summary {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  padding: 1rem;
  border-radius: 4px;
  border: 1px solid #CCD8DE;
  box-shadow: 0 0 1rem 0 #CCD8DE;
  width: 15rem;
  z-index: 100;
  font-size: 1rem; }
  .home-page #cart-summary {
    box-shadow: none; }
  #cart-summary.hidden {
    display: none; }
  #cart-summary.visible {
    animation: slide-top-show 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
  #cart-summary:after {
    position: absolute;
    top: -.3em;
    right: 0.5rem;
    width: .6rem;
    height: .6rem;
    content: "";
    background-color: #FFFFFF;
    border-left: 1px solid #CCD8DE;
    border-top: 1px solid #CCD8DE;
    transform: rotate(45deg) translateY(-1px); }
  #cart-summary p {
    margin: 0; }
  #cart-summary hr {
    margin: .3em 0; }
  #cart-summary .cart-summary__position {
    display: flex;
    flex: 1;
    font-size: 13px;
    line-height: 1.7em; }
  #cart-summary .cart-summary__description {
    flex: 1;
    text-align: left; }
  #cart-summary .cart-summary__value {
    flex: 0 0 4em;
    text-align: right; }
  #cart-summary .cart-summary--total {
    font-weight: 700; }
  #cart-summary .button {
    margin-top: .5em;
    font-weight: 400; }

.cart-summary-trigger {
  position: relative;
  padding-left: 1.7em; }
  .cart-summary-trigger .icon-cart:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    font-size: 130%; }
  .cart-summary-trigger.button {
    padding-left: 1.9em;
    background-image: linear-gradient(to bottom, #0099e0 0%, #008ac9 100%) !important; }
    .cart-summary-trigger.button:hover {
      background-image: linear-gradient(to bottom, #00a0ea 0%, #0094d3 100%) !important; }
    .cart-summary-trigger.button .icon-cart:before {
      left: .5em; }

/* CART */
section.cart-page {
  margin-bottom: 7em; }
  section.cart-page .cart-table {
    display: flex;
    flex-direction: column; }
  section.cart-page .table--row {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #CCD8DE;
    transition: all 0.1s ease; }
    section.cart-page .table--row:hover {
      background-color: #fafafa; }
  section.cart-page .table--thumbnail {
    flex: 0 0 9.5rem;
    box-sizing: border-box;
    margin-left: 2rem;
    height: 9.5rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70%; }
    section.cart-page .table--thumbnail.wrap-cover {
      background-size: 130%; }
    section.cart-page .table--thumbnail.two-pc-cover {
      display: flex;
      padding: 1rem 0; }
      section.cart-page .table--thumbnail.two-pc-cover .viewable {
        border-top-right-radius: .5rem;
        border-bottom-right-radius: .5rem;
        box-shadow: none; }
      section.cart-page .table--thumbnail.two-pc-cover .render:before {
        bottom: 0; }
    section.cart-page .table--thumbnail.refill {
      display: flex;
      padding: 1rem 0; }
      section.cart-page .table--thumbnail.refill .viewable {
        background-color: #FFFFFF;
        border: 1px solid #CCD8DE;
        background-size: auto 100%;
        background-position: left center; }
      section.cart-page .table--thumbnail.refill .FX .viewable {
        background-image: url("/ui/css/Images/cart-spine-refills-thumbnail-FX.svg"); }
      section.cart-page .table--thumbnail.refill .FXNO .viewable {
        background-image: url("/ui/css/Images/cart-spine-refills-thumbnail-FXNO.svg"); }
      section.cart-page .table--thumbnail.refill .FXC .viewable {
        background-image: url("/ui/css/Images/cart-spine-refills-thumbnail-FXC.svg"); }
      section.cart-page .table--thumbnail.refill .FXCNO .viewable {
        background-image: url("/ui/css/Images/cart-spine-refills-thumbnail-FXCNO.svg"); }
      section.cart-page .table--thumbnail.refill .FKL .viewable {
        background-image: url("/ui/css/Images/cart-spine-refills-thumbnail-FKL.svg"); }
      section.cart-page .table--thumbnail.refill .FK .viewable {
        background-image: url("/ui/css/Images/cart-spine-refills-thumbnail-FK.svg"); }
      section.cart-page .table--thumbnail.refill .FKC .viewable {
        background-image: url("/ui/css/Images/cart-spine-refills-thumbnail-FKC.svg"); }
      section.cart-page .table--thumbnail.refill .FKCNO .viewable {
        background-image: url("/ui/css/Images/cart-spine-refills-thumbnail-FKCNO.svg"); }
      section.cart-page .table--thumbnail.refill .LTA4 .viewable {
        background-image: url("/ui/css/Images/cart-spine-refills-thumbnail-LTA4.svg"); }
      section.cart-page .table--thumbnail.refill .LT3 .viewable {
        background-image: url("/ui/css/Images/cart-spine-refills-thumbnail-LT3.svg"); }
      section.cart-page .table--thumbnail.refill .MEDNO .viewable {
        background-image: url("/ui/css/Images/cart-spine-refills-thumbnail-MEDNO.svg"); }
    section.cart-page .table--thumbnail.gift-card {
      background-size: 100%; }
  section.cart-page .table--description {
    flex: 1;
    padding-left: 1rem;
    line-height: 2; }
    section.cart-page .table--description h6 {
      display: flex;
      align-items: center;
      text-transform: none; }
    section.cart-page .table--description a:not(.button):hover {
      color: #2F7696; }
    section.cart-page .table--description .button {
      font-size: 0.6rem;
      line-height: 1.7;
      margin-left: 1.5rem;
      text-transform: uppercase; }
  section.cart-page .table--qty {
    flex: 0 0 5rem;
    text-align: center; }
  section.cart-page .table--price {
    flex: 0 0 5rem;
    margin-left: 3rem;
    /*text-align: right;*/ }
  section.cart-page .table--value {
    flex: 0 0 3rem;
    margin-left: 3rem;
    text-align: right; }
  section.cart-page .table--action {
    flex: 0 0 2rem;
    margin-right: 2rem;
    text-align: center;
    line-height: 1; }
    section.cart-page .table--action [class*="icon"] {
      cursor: pointer; }
  section.cart-page .table--row__header .table--thumbnail {
    height: 4rem; }
  section.cart-page .table--row__footer {
    height: 4rem;
    background-color: #F2F4F5; }
    section.cart-page .table--row__footer .table--description {
      margin-left: 11rem; }
    section.cart-page .table--row__footer .table--value {
      margin-right: 3.5rem; }
  section.cart-page .cart-actions {
    display: flex;
    align-items: center; }
    section.cart-page .cart-actions [class*="icon-info"] {
      font-size: 130%;
      margin-right: .5rem; }
    section.cart-page .cart-actions p {
      flex: 1;
      margin: 0;
      font-style: italic; }
    section.cart-page .cart-actions a.primary {
      margin-left: 1rem; }
  section.cart-page select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    border: 1px solid #9BA1A3;
    width: 3em;
    padding: .3em 1.5em .3em .3em;
    border-radius: 0px;
    margin: 0 1.2em;
    background-image: url("/ui/css/Images/pull-down-arrow-simplified.svg");
    background-repeat: no-repeat;
    background-size: auto 70%;
    background-position: right center;
    background-color: #FFFFFF; }
    section.cart-page select.long {
      width: auto;
      padding-right: 2em; }

/* CHECKOUT */
/* Structure */
section.checkout {
  display: flex;
  margin-top: 3rem;
  align-items: stretch;
  justify-content: space-between;
  width: 44rem;
  margin: 3rem auto 0;
  transition: width 0.2s ease-in-out;
  /* Summary with pricing table */ }
  section.checkout .checkout--card {
    display: flex;
    flex: 0 0 21.5rem; }
  section.checkout .checkout--card:first-child {
    margin-left: 0; }
  section.checkout .checkout--card:last-child {
    margin-right: 0; }
  section.checkout .card {
    flex: 1;
    margin: 0;
    height: auto; }
    section.checkout .card > section {
      padding-top: .5em;
      padding-bottom: .5em; }
  section.checkout .checkout--card__data {
    display: flex;
    flex-direction: column; }
    section.checkout .checkout--card__data .card {
      margin-bottom: 1.5rem; }
    section.checkout .checkout--card__data .card:last-child {
      margin-bottom: 0; }
    section.checkout .checkout--card__data .checkout--card__data--promo-code {
      flex: auto;
      display: flex;
      flex-direction: column; }
    section.checkout .checkout--card__data .checkout--card__data--summary {
      flex: auto; }
    section.checkout .checkout--card__data .checkout--card__data--credit-card {
      flex: auto; }
    section.checkout .checkout--card__data .form.promo-code {
      display: flex;
      flex: 1; }
    section.checkout .checkout--card__data .form--row__promo-code {
      display: flex;
      flex: 1; }
  section.checkout section.summary-financial {
    font-size: 0.8rem;
    display: flex;
    flex-direction: column; }
    section.checkout section.summary-financial .summary-financial--row {
      display: flex; }
    section.checkout section.summary-financial .summary-financial--description {
      flex: 1; }
    section.checkout section.summary-financial .summary-financial--value {
      flex: 0 0 20%;
      text-align: right; }
    section.checkout section.summary-financial .summary-financial--row__total {
      font-weight: 700; }

section.checkout {
  /* Place order */ }
  section.checkout .form--row.error label {
    color: #FF284F; }
  section.checkout .form--row.error input {
    box-shadow: 0 0 3px 0 #FF284F;
    border-color: #FF284F; }
  section.checkout .form--row.error fieldset[class="for-pulldown"] {
    box-shadow: 0 0 3px 0 #FF284F;
    border-color: #FF284F; }
  section.checkout label.error {
    color: #FF284F; }
  section.checkout .form .form--row__agreement label {
    flex: 1;
    margin: 1rem 0 0 40%; }
  section.checkout .form--row__promo-code .button {
    flex: 0 0 20%;
    margin-left: 1rem;
    padding: 0;
    height: 2rem; }
  section.checkout .form .form--row__short-field input {
    flex: 0 0 3rem;
    width: 3rem;
    padding-left: 0;
    text-align: center; }
  section.checkout .credit-card-logos {
    margin-left: .8rem; }
  section.checkout .checkout--card__submit {
    flex: 1;
    margin: 0; }
    section.checkout .checkout--card__submit .card > section {
      padding-top: 1rem;
      padding-bottom: 1rem;
      flex-direction: column; }
    section.checkout .checkout--card__submit label {
      margin-top: 0.2rem;
      margin-bottom: 0.2rem; }
    section.checkout .checkout--card__submit .form-submit {
      display: flex;
      font-size: 0.8rem; }
    section.checkout .checkout--card__submit .form-submit--agreements {
      flex: auto;
      display: flex;
      flex-direction: column; }
    section.checkout .checkout--card__submit .form-submit--cta {
      display: flex;
      flex: 0 0 auto;
      align-items: center;
      margin-top: 1rem; }
    section.checkout .checkout--card__submit .button {
      width: 50%;
      margin: 0 auto; }
  section.checkout .checkout--card__billing {
    flex-basis: auto; }
    section.checkout .checkout--card__billing > * {
      display: none; }
  section.checkout .form.form__linear .form--row input, section.checkout .form.form__linear .form--row select {
    line-height: 1;
    padding: .3rem 0 .3rem .8rem; }

/* Expanded */
section.checkout.expanded {
  width: 66rem; }
  section.checkout.expanded .checkout--card__billing {
    flex-basis: 21.5rem; }
    section.checkout.expanded .checkout--card__billing > * {
      display: block; }
  section.checkout.expanded.checkout__submit .card > section {
    flex-direction: row; }
  section.checkout.expanded.checkout__submit .form-submit--cta {
    flex: 0 0 30%; }
  section.checkout.expanded.checkout__submit .form-submit--cta .button {
    width: 100%;
    margin: 0; }

@media screen and (min-width: 0px) and (max-width: 1024px) {
  section.checkout.expanded {
    width: 60rem; }
    section.checkout.expanded .checkout--card__shipping,
    section.checkout.expanded .checkout--card__billing,
    section.checkout.expanded .checkout--card__data {
      flex: 0 0 19.5rem; } }

@keyframes slide-top-show {
  0% {
    transform: translateY(5px); }
  100% {
    transform: translateY(0); } }

@keyframes slide-bottom-hide {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(5px); } }

header.for-content-pages, body header > nav.primary, body footer, .card header, .button.shadow, a.button.shadow {
  background: #f0f4f7;
  background: -moz-linear-gradient(top, #f0f4f7 0%, #e9eaf0 100%);
  background: -webkit-linear-gradient(top, #f0f4f7 0%, #e9eaf0 100%);
  background: linear-gradient(to bottom, #f0f4f7 0%, #e9eaf0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f4f7', endColorstr='#e9eaf0',GradientType=0 ); }

.button.shadow:hover, a.button.shadow:hover {
  background: #f7fafc;
  background: -moz-linear-gradient(top, #f7fafc 0%, #edeff2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7fafc), color-stop(100%, #edeff2));
  background: -webkit-linear-gradient(top, #f7fafc 0%, #edeff2 100%);
  background: -o-linear-gradient(top, #f7fafc 0%, #edeff2 100%);
  background: -ms-linear-gradient(top, #f7fafc 0%, #edeff2 100%);
  background: linear-gradient(to bottom, #f7fafc 0%, #edeff2 100%); }

body.my-account-page table.orders-list td section.details section header {
  background: #d8e0e8;
  background: -moz-linear-gradient(top, #d8e0e8 1%, #d1d9e0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #d8e0e8), color-stop(100%, #d1d9e0));
  background: -webkit-linear-gradient(top, #d8e0e8 1%, #d1d9e0 100%);
  background: -o-linear-gradient(top, #d8e0e8 1%, #d1d9e0 100%);
  background: -ms-linear-gradient(top, #d8e0e8 1%, #d1d9e0 100%);
  background: linear-gradient(to bottom, #d8e0e8 1%, #d1d9e0 100%); }

.button.secondary, a.button.secondary {
  background: #d5dfe8;
  background: -moz-linear-gradient(top, #d5dfe8 0%, #c3cbd4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d5dfe8), color-stop(100%, #c3cbd4));
  background: -webkit-linear-gradient(top, #d5dfe8 0%, #c3cbd4 100%);
  background: -o-linear-gradient(top, #d5dfe8 0%, #c3cbd4 100%);
  background: -ms-linear-gradient(top, #d5dfe8 0%, #c3cbd4 100%);
  background: linear-gradient(to bottom, #d5dfe8 0%, #c3cbd4 100%); }

.button.secondary:hover, a.button.secondary:hover {
  background: #dae4ed;
  background: -moz-linear-gradient(top, #dae4ed 0%, #c9d2db 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dae4ed), color-stop(100%, #c9d2db));
  background: -webkit-linear-gradient(top, #dae4ed 0%, #c9d2db 100%);
  background: -o-linear-gradient(top, #dae4ed 0%, #c9d2db 100%);
  background: -ms-linear-gradient(top, #dae4ed 0%, #c9d2db 100%);
  background: linear-gradient(to bottom, #dae4ed 0%, #c9d2db 100%); }

.button.primary, a.button.primary {
  background: #f0f4f7;
  background: -moz-linear-gradient(top, #f0f4f7 0%, #0099e0 0%, #008ac9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f4f7), color-stop(0%, #0099e0), color-stop(100%, #008ac9));
  background: -webkit-linear-gradient(top, #f0f4f7 0%, #0099e0 0%, #008ac9 100%);
  background: -o-linear-gradient(top, #f0f4f7 0%, #0099e0 0%, #008ac9 100%);
  background: -ms-linear-gradient(top, #f0f4f7 0%, #0099e0 0%, #008ac9 100%);
  background: linear-gradient(to bottom, #f0f4f7 0%, #0099e0 0%, #008ac9 100%); }

.button.primary:hover, a.button.primary:hover {
  background: #f0f4f7;
  background: -moz-linear-gradient(top, #f0f4f7 0%, #00a0ea 0%, #0094d3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f4f7), color-stop(0%, #00a0ea), color-stop(100%, #0094d3));
  background: -webkit-linear-gradient(top, #f0f4f7 0%, #00a0ea 0%, #0094d3 100%);
  background: -o-linear-gradient(top, #f0f4f7 0%, #00a0ea 0%, #0094d3 100%);
  background: -ms-linear-gradient(top, #f0f4f7 0%, #00a0ea 0%, #0094d3 100%);
  background: linear-gradient(to bottom, #f0f4f7 0%, #00a0ea 0%, #0094d3 100%); }

.button.danger, a.button.danger {
  background: #ff3019;
  background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404));
  background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%); }

.button.danger:hover, a.button.danger:hover {
  background: #ff4130;
  background: -moz-linear-gradient(top, #ff4130 0%, #ce2525 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff4130), color-stop(100%, #ce2525));
  background: -webkit-linear-gradient(top, #ff4130 0%, #ce2525 100%);
  background: -o-linear-gradient(top, #ff4130 0%, #ce2525 100%);
  background: -ms-linear-gradient(top, #ff4130 0%, #ce2525 100%);
  background: linear-gradient(to bottom, #ff4130 0%, #ce2525 100%); }

body.home-page footer, .reversed {
  background-color: #113c4f;
  background-color: -moz-linear-gradient(top, #113c4f 0%, #21698a 100%);
  background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #113c4f), color-stop(100%, #21698a));
  background-color: -webkit-linear-gradient(top, #113c4f 0%, #21698a 100%);
  background-color: -o-linear-gradient(top, #113c4f 0%, #21698a 100%);
  background-color: -ms-linear-gradient(top, #113c4f 0%, #21698a 100%);
  background-color: linear-gradient(to bottom, #113c4f 0%, #21698a 100%); }

/* 
* FORM ELEMENTS
*/
.form.form__linear {
  font-size: 0.8rem; }
  .form.form__linear * {
    box-sizing: border-box;
    line-height: 1.4; }
  .form.form__linear .form--row {
    display: flex;
    align-items: center;
    margin: .8rem 0; }
    .form.form__linear .form--row label {
      flex: 0 0 35%; }
    .form.form__linear .form--row input {
      flex: 1;
      border: 1px solid #9BA1A3;
      border-radius: 2px;
      font-size: 1rem;
      line-height: 2rem;
      padding-left: .8rem; }
    .form.form__linear .form--row fieldset {
      flex: 1;
      display: flex;
      border: 1px solid #9BA1A3;
      border-radius: 2px;
      height: 2.15rem;
      overflow: hidden; }
      .form.form__linear .form--row fieldset.for-pulldown {
        background-image: url("/ui/css/Images/pull-down-arrow.svg");
        background-repeat: no-repeat;
        background-position: 100% center;
        background-size: auto 85%; }
      .form.form__linear .form--row fieldset.no-style {
        border: none;
        background: none; }
    .form.form__linear .form--row select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      flex: 1;
      border-radius: 0;
      border: none;
      width: 120%;
      height: 2rem;
      background: transparent;
      font-size: 1.2em; }

#debugger {
  width: 200px;
  height: auto;
  padding: 2em 0;
  content: "\020";
  position: fixed;
  bottom: 0;
  right: 0;
  background-color: #f15f74; }

#debugger.alert {
  background-color: #f7d842; }
  
.checkout_button_disabled{
	  pointer-events: none !important;
      cursor: default !important;
      border-color:Gray !important;
	  box-shadow:Gray 0 0 2px !important;
	  background:Gray !important;
  }

/*# sourceMappingURL=agendio-ui.css.map */