/*

                                                          .,,.
                                                        ,,,,,,,,
                                                      ,,,,,,,,,,,,
                                                    ,,,,,,,,,,,,,,,,
                                                  ,,,,,,,,,.,,,,,,,,,.
                                                  ,,,,,,,.    .,,,,,,,
                                                    ,,,.        .,,,
                                            ,                              ,
                                          ,,,,,                          ,,,,,
                                        ,,,,,,,,,                      ,,,,,,,,,
                                      ,,,,,,,,,                          ,,,,,,,,,
                                    ,,,,,,,,,               ,,,,,,,,,,,,,,,,,,,,,,,,
                                   ,,,,,,,,.                ,,,,,,,,,,,,,,,,,,,,,,,,,
                                   .,,,,,,,,.               ,,,,,,,,,,,,,,,,,,,,,,,,
                                     .,,,,,,,,.                          ,,,,,,,,,.
                                       .,,,,,,,,.                      ,,,,,,,,,.
                                         ,,,,,,,                        .,,,,,.
                                           ,,,                            .,.
                                                     ,           ,,
                                                   ,,,,,       ,,,,,,
                                                 ,,,,,,,,,   ,,,,,,,,,.
                                                   ,,,,,,,,,,,,,,,,,.
                                                     ,,,,,,,,,,,,,.
                                                       ,,,,,,,,,.
                                                         ,,,,,.


*/
/** Import boostrap **/
/** Import project less **/
/*==========================================================================================
        SITE SPECIFIC VARIABLES
============================================================================================*/
/* default settings */
/* custom select css start */
/*@custom-select-display-boxshadow: 0 0 3px #FFF inset, 0 1px 1px rgba(0, 0, 0, 0.1); */
/*============= SITE SPECIFIC VARIABLES ==============*/
/* default settings */
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */

  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  /* 2 */

}
/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: 'PT Sans', Helvetica, sans-serif;
}
/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
}
h2 {
  font-size: 1.5em;
}
h3 {
  font-size: 1.17em;
}
h4 {
  font-size: 1em;
}
h5 {
  font-size: 0.83em;
}
h6 {
  font-size: 0.67em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
}
/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0;
}
/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}
/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 40px;
}
/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 20px;
}
/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */

  -ms-interpolation-mode: bicubic;
  /* 2 */

}
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */

  padding: 0;
  white-space: normal;
  /* 2 */

  *margin-left: -7px;
  /* 3 */

}
/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */

  margin: 0;
  /* 2 */

  vertical-align: baseline;
  *vertical-align: middle;
  /* 3 */

}
/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */

  cursor: pointer;
  /* 3 */

  *overflow: visible;
  /* 4 */

}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */

  padding: 0;
  /* 2 */

  *height: 13px;
  *width: 13px;
  /* 3 */

}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */

  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */

  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */

  vertical-align: top;
  /* 2 */

}
/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* ========== MIXINS ==========*/
.bbox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* Column layout variables */
/* =============== START GRID CSS for desktops =============== */
/*  SECTIONS  */
.block {
  clear: both;
  padding: 0px;
  margin: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.block:before,
.block:after {
  content: "";
  display: table;
}
.block:after {
  clear: both;
}
.block {
  zoom: 1;
  /* For IE 6/7 */

}
/* END SECTIONS */
/*  COLUMN SETUP  */
.col {
  display: block;
  float: left;
  margin: 0 0 0 0%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
.col-spacing {
  margin-right: 20px;
}
.main .col-spacing {
  background-color: #ffffff;
}
.col:first-child {
  margin-left: 0;
}
/* END COLUMN SETUP */
/* GRID OF ONE */
.col-full {
  width: 100%;
}
/*  GRID OF TWO  */
.col-1by2 {
  width: 50%;
}
/*  GRID OF THREE  */
.col-2by3 {
  width: 66.66666666666666%;
}
.col-1by3 {
  width: 33.333333333333336%;
}
/*  GRID OF FOUR  */
.col-3by4 {
  width: 75%;
}
.col-1by4 {
  width: 25%;
}
/* GRID OF FIVE */
.col-1by5 {
  width: 20%;
}
.col-2by5 {
  width: 40%;
}
.col-3by5 {
  width: 60%;
}
.col-4by5 {
  width: 80%;
}
.col .spacing {
  margin: 0 6.666666666666667px;
}
.col .spacing.last {
  margin: 0 0 0 13.333333333333334px;
}
.col:first-child .spacing {
  margin: 0 13.333333333333334px 0 0;
}
.col-spacing {
  margin-right: 20px;
}
/* Padded columns */
.padded .col {
  padding: 10px;
}
/*  TWO COLUMN VARIABLE WIDTH LAYOUT */
.sidebar {
  width: 27%;
}
.main {
  width: 73%;
}
@media only screen and (max-width: 650px) {
  /* =============== TWO COLUMN VARIABLE WIDTH LAYOUT for mobiles =============== */
  .sidebar {
    width: 33.333333333333336%;
  }
  .main {
    width: 66.66666666666666%;
  }
}
@media only screen and (max-width: 600px) {
  /*  GRID OF THREE AND FOUR */
  .col-2by3,
  .col-1by3,
  .col-3by4,
  .col-1by4,
  .sidebar,
  .main {
    width: 100%;
  }
  .col-2by3:first-child .spacing,
  .col-1by3:first-child .spacing,
  .col-3by4:first-child .spacing,
  .col-1by4:first-child .spacing,
  .sidebar:first-child .spacing,
  .main:first-child .spacing,
  .col-2by3 .spacing,
  .col-1by3 .spacing,
  .col-3by4 .spacing,
  .col-1by4 .spacing,
  .sidebar .spacing,
  .main .spacing,
  .col-2by3 .spacing.last,
  .col-1by3 .spacing.last,
  .col-3by4 .spacing.last,
  .col-1by4 .spacing.last,
  .sidebar .spacing.last,
  .main .spacing.last {
    margin: 0;
  }
  /* grid CSS */
  .col {
    margin-top: 20px;
    padding: 0;
  }
  .col:first-child {
    margin-top: 0;
  }
  .col-spacing {
    margin: 0;
  }
}
@media only screen and (max-width: 480px) {
  /* =============== TWO COLUMN VARIABLE WIDTH LAYOUT for mobiles =============== */
  /*  GRID OF TWO  */
  .col-1by2 {
    width: 100%;
  }
  .col .spacing {
    margin: 0;
  }
  .col .spacing.last {
    margin: 0;
  }
  .col:first-child .spacing {
    margin: 0;
  }
}
/* =============== BUTTON styling =============== */
.btn {
  display: inline-block;
  background: #515151;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  padding: 0px 10px;
  border: 0;
  color: #FFFFFF;
}
.btn .icon {
  background-color: transparent;
  color: #ffffff;
  height: 40px;
  line-height: 40px;
  padding: 0;
}
.btn:visited {
  color: #ffffff;
}
.btn:hover {
  background-color: #414141;
  color: #ffffff;
}
.btn:active {
  background-color: #414141;
}
.btn:focus {
  background-color: #414141;
  outline: 3px solid #a1d3ea;
}
.btn.disabled,
.btn.disabled:hover {
  background-color: #eeeeee;
  color: #999999;
  border: 1px solid #d5d5d5;
}
.btn-wide {
  padding: 0px 28px;
}
.btn-smaller {
  height: 25px;
  line-height: 25px;
  background-color: #4491c5;
}
.btn-smaller:hover,
.btn-smaller:focus {
  background-color: #9fb2b7;
}
.btn-p13n {
  background-color: #4491c5;
  font-size: 14px;
  height: 25px;
  line-height: 25px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.btn-p13n:hover,
.btn-p13n:focus {
  background-color: #9fb2b7;
}
.btn-cancel {
  background-color: #d5ded9;
  color: #414141;
}
.btn-cancel:hover {
  background-color: #9fb2b7;
}
.btn-cancel:focus {
  background-color: #9fb2b7;
}
.btn-cancel:active {
  background-color: #9fb2b7;
}
.btn-cancel:visited {
  background-color: #d5ded9;
}
.btn-clear,
.btn-link {
  background: none;
  padding: 0;
  border: 0;
  color: #1e75af;
}
.btn-clear:active,
.btn-link:active,
.btn-clear:visited,
.btn-link:visited {
  background: none;
  color: #1e75af;
}
.btn-clear:hover,
.btn-link:hover {
  background: transparent;
  color: #515151;
}
.btn-clear:focus,
.btn-link:focus {
  background: transparent;
  color: #515151;
  outline: 1px dotted #1e75af;
}
.btn-clear.disabled,
.btn-link.disabled {
  border: 0;
  background: none;
}
.btn-clear.disabled:hover,
.btn-link.disabled:hover {
  border: 0;
  background: none;
}
.btn-link {
  color: #1e75af;
}
.btn-link:hover {
  color: #515151;
}
.btn-link:focus {
  text-decoration: underline;
  color: #515151;
}
.btn-cart,
.btn-in-cart {
  background-color: #286612;
  height: 25px;
  line-height: 25px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.btn-cart .icon-shopping-cart,
.btn-in-cart .icon-shopping-cart {
  margin-right: 5px;
}
.btn-cart:hover,
.btn-in-cart:hover,
.btn-cart:focus,
.btn-in-cart:focus {
  background-color: #1b4c0a;
}
.btn-cart:focus,
.btn-in-cart:focus {
  outline: 1px dashed #b9dcad;
}
.btn-download {
  background-color: #1e75af;
  height: 25px;
  line-height: 25px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.btn-download .icon-download-alt {
  margin-right: 5px;
}
.btn-download:hover,
.btn-download:focus {
  background-color: #9fb2b7;
}
/* ============== ICON STYLING =============== */
body .icon {
  background-color: #555555;
  color: #ffffff;
  height: 16px;
  width: 16px;
  line-height: 16px;
  vertical-align: middle;
  text-align: center;
  font-size: 12px;
  padding: 3px;
  display: inline-block;
  margin-right: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
body .icon-big {
  height: 18px;
  width: 18px;
  line-height: 18px;
}
body .icon-clear {
  background: none;
  color: #555555;
}
body .icon-right {
  float: right;
  margin-left: 10px;
  margin-right: 0;
}
.font-trebuchet {
  font-family: "Trebuchet MS", Helvetica, sans-serif;
}
.font-extra-large {
  font-size: 24px;
}
.font-large {
  font-size: 20px;
}
.font-big {
  font-size: 18px;
}
.font-regular {
  font-size: 16px;
}
.font-small {
  font-size: 14px;
}
.font-smaller {
  font-size: 12px;
}
.font-extra-small {
  font-size: 10px;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.hidden {
  display: none;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
header,
footer,
section,
nav,
aside,
hgroup,
article,
figure,
figcaption {
  display: block;
}
html,
body {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.231;
  height: 100%;
  vertical-align: baseline;
  font-family: 'PT Sans', Helvetica, sans-serif;
  background-color: #e8f3f8;
  color: #414141;
}
header {
  width: 100%;
  clear: both;
}
footer {
  width: 100%;
  clear: both;
}
ul {
  margin: 0;
  padding: 0;
}
ul li {
  list-style: none;
}
h1 {
  font-size: 20px;
}
h2 {
  font-size: 16px;
}
input {
  display: inline-block;
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #d9d9d9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="checkbox"],
input[type="radio"] {
  height: auto;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
textarea:focus {
  border: 1px solid #1b699e;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
select:focus {
  outline: 4px solid #a1d3ea;
  outline-offset: -2px;
}
img {
  max-width: 100%;
}
.oldie img {
  height: auto !important;
  width: auto;
}
a {
  color: #1e75af;
  text-decoration: none;
}
a:hover {
  color: #515151;
}
.header,
.nav,
.footer {
  position: relative;
}
.border {
  border: 1px solid #DDD;
}
.shadow {
  box-shadow: 0 1px 3px #eeeeee;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.rounded {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.rounded-border {
  border: 1px solid #DDD;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 1px 3px #eeeeee;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.arrow-after:after {
  content: "";
  display: inline-block;
  margin-left: 10px;
  margin-bottom: -1px;
  left: 6.5px;
  top: 8px;
  border-left: 5px solid #1e75af;
  border-top: 5px solid rgba(0, 0, 0, 0);
  border-bottom: 5px solid rgba(0, 0, 0, 0);
  border-right: 0;
}
.arrow-after.open:after {
  border-top: 5px solid #1e75af;
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-bottom: 0;
  margin-bottom: 2px;
}
.hide {
  height: 0;
  padding: 0;
  margin: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.show {
  opacity: 1;
  padding: 20px;
  height: auto;
  overflow: visible;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.fixed-to-top {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  padding: 0px !important;
  z-index: 1;
}
.container {
  width: 100%;
  max-width: 980px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
}
.main-container {
  *zoom: 1;
  margin: 20px auto;
}
.main-container:before,
.main-container:after {
  content: "";
  display: table;
}
.main-container:after {
  clear: both;
}
.single-container {
  box-shadow: 0 1px 3px #eeeeee;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  border: 1px solid #d9d9d9;
  background-color: #ffffff;
  padding: 20px;
}
.single-container h1 {
  margin-bottom: 20px;
}
.page-journals .single-container {
  margin-top: 0;
}
/* List page css */
.list-container {
  width: 100%;
  margin-top: 0;
  margin: 0 auto;
  padding: 20px 0;
}
.index-item {
  list-style: none;
  display: inline-block;
}
.list-item {
  list-style: none;
  padding: 10px;
  font-size: 14px;
}
.list-item .icon {
  padding: 1px;
}
.fixed-to-top + .list-container {
  margin-top: 60px;
}
.ie8 .fixed-to-top + .list-container {
  margin-top: 10px;
}
.toggle-text-hide {
  display: none;
}
.toggle-section {
  display: none;
}
.open {
  display: block;
}
.skiplinks {
  display: inline-block;
  padding: 10px;
  border: #333333;
  background-color: #21a9ba;
  color: #ffffff;
  position: absolute;
  left: -5000em;
  z-index: 3;
}
.skiplinks:focus,
.skiplinks.focus {
  left: 50px;
}
#content:focus,
#main:focus {
  outline-color: #CCC;
}
.console {
  position: fixed;
  top: 0;
  left: 0;
}
.console p {
  background-color: #f7f5f5;
  z-index: 9999;
  padding: 10px;
}
.header-container .col {
  min-height: inherit;
}
.main-content {
  padding: 20px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  margin-bottom: 20px;
  box-shadow: 0 1px 3px #eeeeee;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.error {
  color: #d8000c;
}
.error-delete {
  float: right;
  clear: both;
  padding: 5px;
}
/*  MEDIA QUERIES FOR MOBILES */
@media (max-width: 985px) {
  .container {
    padding: 10px;
  }
}
.ie7 input.focus,
.ie7 textarea.focus {
  border: 1px solid #1b699e !important;
}
.ie7 a.focus {
  border: 1px dotted !important;
}
.ie7 .nav .nav-item a.focus {
  border: 2px solid #dcbadf !important;
  line-height: 36px;
}
.ie7 .btn.focus {
  border: 2px solid #dcbadf !important;
  line-height: normal;
}
.ie7 .btn-custom.focus {
  border: 2px solid #f7cde2 !important;
  height: 26px;
  line-height: 26px;
}
.ie7 .cancel.focus {
  border: 2px solid #a1d3ea !important;
  height: 31px;
  line-height: 31px;
}
.ie7 .btn-clear.focus {
  border: 0 !important;
}
.ie7 .custom-select-container.active + .custom-select-display {
  border: 2px solid #dcbadf;
  height: 36px;
  line-height: 36px;
}
.ie7 .blue .custom-select-container.active + .custom-select-display {
  border: 2px solid #a1d3ea;
  height: 36px;
  line-height: 36px;
}
.ie7 .custom-procedure .custom-select-container.active + .custom-select-display {
  border: 2px solid #dcbadf;
  height: 31px;
  line-height: 31px;
}
.ie7 .custom-comment .custom-select-container.active + .custom-select-display {
  border: 1px solid #3b1b3f;
  background-color: #db4db8 !important;
}
.ie7 .list-item .focus {
  border: 1px dotted #1b699e;
  color: #515151;
}
.js .no-js {
  display: none;
}
.no-js .toggle-section {
  display: block;
}
.no-js .js-volume-toggle .icon,
.no-js .result-item .icon-check-empty {
  display: none;
}
.no-js .view-control-section,
.no-js .second-search-row,
.no-js .search-results-bulk-action,
.no-js .paginationQuantityTop,
.no-js #delete-all-from-cart,
.no-js .nav-item .currency-change,
.no-js .main-ecommerce .pri-control-section .btn-pri,
.no-js .journal-details .js-toggle-handle,
.no-js .print-page,
.no-js .export-pdf {
  display: none;
}
.no-js .below-fold,
.no-js .search-helptext {
  display: block;
}
.no-js-message {
  display: none;
  background-color: #FFF6BF;
  color: #D12F19;
  border: 1px solid #FFD324;
  padding: 10px;
  text-align: center;
}
.no-js-message .icon-warning-sign {
  color: #D12F19;
  padding-right: 5px;
}
.no-js .no-js-message {
  display: block;
}
.no-js .only-with-js {
  display: none;
}
.loading .js-volume-toggle .icon {
  background-color: #EEE;
}
.loading .js-volume-toggle {
  cursor: wait;
  color: #222;
}
.loading .view-control-section,
.loading .search-syntax {
  cursor: wait;
  color: #222;
}
/* External components */
/* @group Base */
.chzn-container {
  font-size: 13px;
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.chzn-container .chzn-drop {
  background: #fff;
  border: 1px solid #aaa;
  border-top: 0;
  position: absolute;
  top: 29px;
  left: 0;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  z-index: 999;
}
/* @end */
/* @group Single Chosen */
.chzn-container-single .chzn-single {
  background-color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: -ms-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #aaaaaa;
  -webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  display: block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: 23px;
  line-height: 24px;
  padding: 0 0 0 8px;
  color: #444444;
  text-decoration: none;
}
.chzn-container-single .chzn-single span {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.chzn-container-single .chzn-single abbr {
  display: block;
  position: absolute;
  right: 26px;
  top: 6px;
  width: 12px;
  height: 13px;
  font-size: 1px;
  background: url(../img/chosen-sprite.png) right top no-repeat;
}
.chzn-container-single .chzn-single abbr:hover {
  background-position: right -11px;
}
.chzn-container-single .chzn-single div {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 100%;
  width: 18px;
}
.chzn-container-single .chzn-single div b {
  background: url('../img/chosen-sprite.png') no-repeat 0 0;
  display: block;
  width: 100%;
  height: 100%;
}
.chzn-container-single .chzn-search {
  padding: 3px 4px;
  position: relative;
  margin: 0;
  white-space: nowrap;
  z-index: 1010;
}
.chzn-container-single .chzn-search input {
  position: static;
  left: auto;
  background: #ffffff url('../img/chosen-sprite.png') no-repeat 100% -22px;
  background: url('../img/chosen-sprite.png') no-repeat 100% -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background: url('../img/chosen-sprite.png') no-repeat 100% -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('../img/chosen-sprite.png') no-repeat 100% -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('../img/chosen-sprite.png') no-repeat 100% -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('../img/chosen-sprite.png') no-repeat 100% -22px, -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('../img/chosen-sprite.png') no-repeat 100% -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  outline: 0;
  border: 1px solid #aaa;
  font-family: sans-serif;
  font-size: 1em;
}
.chzn-container-single .chzn-drop {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
/* @end */
.chzn-container-single-nosearch .chzn-search input {
  position: absolute;
  left: -9000px;
}
/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  border: 1px solid #aaa;
  margin: 0;
  padding: 0;
  cursor: text;
  overflow: hidden;
  height: auto !important;
  height: 1%;
  position: relative;
}
.chzn-container-multi .chzn-choices li {
  float: left;
  list-style: none;
}
.chzn-container-multi .chzn-choices .search-field {
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
.chzn-container-multi .chzn-choices .search-field input {
  color: #666;
  background: transparent !important;
  border: 0 !important;
  font-family: sans-serif;
  font-size: 100%;
  height: 15px;
  padding: 5px;
  margin: 1px 0;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.chzn-container-multi .chzn-choices .search-field .default {
  color: #999;
}
.chzn-container-multi .chzn-choices .search-choice {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  border: 1px solid #aaaaaa;
  line-height: 13px;
  padding: 3px 20px 3px 5px;
  margin: 3px 0 3px 5px;
  position: relative;
  cursor: default;
}
.chzn-container-multi .chzn-choices .search-choice-focus {
  background: #d4d4d4;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
  display: block;
  position: absolute;
  right: 3px;
  top: 4px;
  width: 12px;
  height: 13px;
  font-size: 1px;
  background: url(../img/chosen-sprite.png) right top no-repeat;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
  background-position: right -11px;
}
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
  background-position: right -11px;
}
/* @end */
/* @group Results */
.chzn-container .chzn-results {
  margin: 0 4px 4px 0;
  max-height: 240px;
  padding: 0 0 0 4px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}
.chzn-container-multi .chzn-results {
  margin: -1px 0 0;
  padding: 0;
}
.chzn-container .chzn-results li {
  display: none;
  line-height: 15px;
  padding: 5px 6px;
  margin: 0;
  list-style: none;
}
.chzn-container .chzn-results .active-result {
  cursor: pointer;
  display: list-item;
}
.chzn-container .chzn-results .highlighted {
  background-color: #3875d7;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: -ms-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  color: #fff;
}
.chzn-container .chzn-results li em {
  background: #feffde;
  font-style: normal;
}
.chzn-container .chzn-results .highlighted em {
  background: transparent;
}
.chzn-container .chzn-results .no-results {
  background: #f4f4f4;
  display: list-item;
}
.chzn-container .chzn-results .group-result {
  cursor: default;
  color: #999;
  font-weight: bold;
}
.chzn-container .chzn-results .group-option {
  padding-left: 15px;
}
.chzn-container-multi .chzn-drop .result-selected {
  display: none;
}
.chzn-container .chzn-results-scroll {
  background: white;
  margin: 0 4px;
  position: absolute;
  text-align: center;
  width: 321px;
  /* This should by dynamic with js */

  z-index: 1;
}
.chzn-container .chzn-results-scroll span {
  display: inline-block;
  height: 17px;
  text-indent: -5000px;
  width: 9px;
}
.chzn-container .chzn-results-scroll-down {
  bottom: 0;
}
.chzn-container .chzn-results-scroll-down span {
  background: url('../img/chosen-sprite.png') no-repeat -4px -3px;
}
.chzn-container .chzn-results-scroll-up span {
  background: url('../img/chosen-sprite.png') no-repeat -22px -3px;
}
/* @end */
/* @group Active  */
.chzn-container-active .chzn-single {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border: 1px solid #5897fb;
}
.chzn-container-active .chzn-single-with-drop {
  border: 1px solid #aaa;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  -moz-box-shadow: 0 1px 0 #fff inset;
  -o-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset;
  background-color: #eee;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: -moz-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: -o-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: -ms-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.chzn-container-active .chzn-single-with-drop div {
  background: transparent;
  border-left: none;
}
.chzn-container-active .chzn-single-with-drop div b {
  background-position: -18px 1px;
}
.chzn-container-active .chzn-choices {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border: 1px solid #5897fb;
}
.chzn-container-active .chzn-choices .search-field input {
  color: #111 !important;
}
/* @end */
/* @group Disabled Support */
.chzn-disabled {
  cursor: default;
  opacity: 0.5 !important;
}
.chzn-disabled .chzn-single {
  cursor: default;
}
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
  cursor: default;
}
/* @group Right to Left */
.chzn-rtl {
  text-align: right;
}
.chzn-rtl .chzn-single {
  padding: 0 8px 0 0;
  overflow: visible;
}
.chzn-rtl .chzn-single span {
  margin-left: 26px;
  margin-right: 0;
  direction: rtl;
}
.chzn-rtl .chzn-single div {
  left: 3px;
  right: auto;
}
.chzn-rtl .chzn-single abbr {
  left: 26px;
  right: auto;
}
.chzn-rtl .chzn-choices .search-field input {
  direction: rtl;
}
.chzn-rtl .chzn-choices li {
  float: right;
}
.chzn-rtl .chzn-choices .search-choice {
  padding: 3px 5px 3px 19px;
  margin: 3px 5px 3px 0;
}
.chzn-rtl .chzn-choices .search-choice .search-choice-close {
  left: 4px;
  right: auto;
  background-position: right top;
}
.chzn-rtl.chzn-container-single .chzn-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chzn-rtl .chzn-results .group-option {
  padding-left: 0;
  padding-right: 15px;
}
.chzn-rtl.chzn-container-active .chzn-single-with-drop div {
  border-right: none;
}
.chzn-rtl .chzn-search input {
  background: #ffffff url('../img/chosen-sprite.png') no-repeat -38px -22px;
  background: url('../img/chosen-sprite.png') no-repeat -38px -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background: url('../img/chosen-sprite.png') no-repeat -38px -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('../img/chosen-sprite.png') no-repeat -38px -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('../img/chosen-sprite.png') no-repeat -38px -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('../img/chosen-sprite.png') no-repeat -38px -22px, -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('../img/chosen-sprite.png') no-repeat -38px -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  padding: 4px 5px 4px 20px;
  direction: rtl;
}
/* @end */
/*  Font Awesome
    the iconic font designed for use with Twitter Bootstrap
    -------------------------------------------------------
    The full suite of pictographic icons, examples, and documentation
    can be found at: http://fortawesome.github.com/Font-Awesome/

    License
    -------------------------------------------------------
    The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0:
    http://creativecommons.org/licenses/by/3.0/ A mention of
    'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable
    source code is considered acceptable attribution (most common on the web).
    If human readable source code is not available to the end user, a mention in
    an 'About' or 'Credits' screen is considered acceptable (most common in desktop
    or mobile software).

    Contact
    -------------------------------------------------------
    Email: dave@davegandy.com
    Twitter: http://twitter.com/fortaweso_me
    Work: Lead Product Designer @ http://kyruus.com

    */
@font-face {
  font-family: 'FontAwesome';
  src: url('../font/fontawesome-webfont.eot');
  src: url('../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*  Font Awesome styles
    ------------------------------------------------------- */
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}
a [class^="icon-"],
a [class*=" icon-"] {
  display: inline-block;
  text-decoration: inherit;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: middle;
  font-size: 1.3333333333333333em;
}
.btn [class^="icon-"],
.nav-tabs [class^="icon-"],
.btn [class*=" icon-"],
.nav-tabs [class*=" icon-"] {
  /* keeps button heights with and without icons the same */

  line-height: .9em;
}
li [class^="icon-"],
li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
li .icon-large:before,
li .icon-large:before {
  /* 1.5 increased font size for icon-large * 1.25 width */

  width: 1.875em;
}
ul.icons {
  list-style-type: none;
  margin-left: 2em;
  text-indent: -0.8em;
}
ul.icons li [class^="icon-"],
ul.icons li [class*=" icon-"] {
  width: .8em;
}
ul.icons li .icon-large:before,
ul.icons li .icon-large:before {
  /* 1.5 increased font size for icon-large * 1.25 width */

  vertical-align: initial;
}
/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */
.icon-glass:before {
  content: "\f000";
}
.icon-music:before {
  content: "\f001";
}
.icon-search:before {
  content: "\f002";
}
.icon-envelope:before {
  content: "\f003";
}
.icon-heart:before {
  content: "\f004";
}
.icon-star:before {
  content: "\f005";
}
.icon-star-empty:before {
  content: "\f006";
}
.icon-user:before {
  content: "\f007";
}
.icon-film:before {
  content: "\f008";
}
.icon-th-large:before {
  content: "\f009";
}
.icon-th:before {
  content: "\f00a";
}
.icon-th-list:before {
  content: "\f00b";
}
.icon-ok:before {
  content: "\f00c";
}
.icon-remove:before {
  content: "\f00d";
}
.icon-zoom-in:before {
  content: "\f00e";
}
.icon-zoom-out:before {
  content: "\f010";
}
.icon-off:before {
  content: "\f011";
}
.icon-signal:before {
  content: "\f012";
}
.icon-cog:before {
  content: "\f013";
}
.icon-trash:before {
  content: "\f014";
}
.icon-home:before {
  content: "\f015";
}
.icon-file:before {
  content: "\f016";
}
.icon-time:before {
  content: "\f017";
}
.icon-road:before {
  content: "\f018";
}
.icon-download-alt:before {
  content: "\f019";
}
.icon-download:before {
  content: "\f01a";
}
.icon-upload:before {
  content: "\f01b";
}
.icon-inbox:before {
  content: "\f01c";
}
.icon-play-circle:before {
  content: "\f01d";
}
.icon-repeat:before {
  content: "\f01e";
}
/* \f020 doesn't work in Safari. all shifted one down */
.icon-refresh:before {
  content: "\f021";
}
.icon-list-alt:before {
  content: "\f022";
}
.icon-lock:before {
  content: "\f023";
}
.icon-flag:before {
  content: "\f024";
}
.icon-headphones:before {
  content: "\f025";
}
.icon-volume-off:before {
  content: "\f026";
}
.icon-volume-down:before {
  content: "\f027";
}
.icon-volume-up:before {
  content: "\f028";
}
.icon-qrcode:before {
  content: "\f029";
}
.icon-barcode:before {
  content: "\f02a";
}
.icon-tag:before {
  content: "\f02b";
}
.icon-tags:before {
  content: "\f02c";
}
.icon-book:before {
  content: "\f02d";
}
.icon-bookmark:before {
  content: "\f02e";
}
.icon-print:before {
  content: "\f02f";
}
.icon-camera:before {
  content: "\f030";
}
.icon-font:before {
  content: "\f031";
}
.icon-bold:before {
  content: "\f032";
}
.icon-italic:before {
  content: "\f033";
}
.icon-text-height:before {
  content: "\f034";
}
.icon-text-width:before {
  content: "\f035";
}
.icon-align-left:before {
  content: "\f036";
}
.icon-align-center:before {
  content: "\f037";
}
.icon-align-right:before {
  content: "\f038";
}
.icon-align-justify:before {
  content: "\f039";
}
.icon-list:before {
  content: "\f03a";
}
.icon-indent-left:before {
  content: "\f03b";
}
.icon-indent-right:before {
  content: "\f03c";
}
.icon-facetime-video:before {
  content: "\f03d";
}
.icon-picture:before {
  content: "\f03e";
}
.icon-pencil:before {
  content: "\f040";
}
.icon-map-marker:before {
  content: "\f041";
}
.icon-adjust:before {
  content: "\f042";
}
.icon-tint:before {
  content: "\f043";
}
.icon-edit:before {
  content: "\f044";
}
.icon-share:before {
  content: "\f045";
}
.icon-check:before {
  content: "\f046";
}
.icon-move:before {
  content: "\f047";
}
.icon-step-backward:before {
  content: "\f048";
}
.icon-fast-backward:before {
  content: "\f049";
}
.icon-backward:before {
  content: "\f04a";
}
.icon-play:before {
  content: "\f04b";
}
.icon-pause:before {
  content: "\f04c";
}
.icon-stop:before {
  content: "\f04d";
}
.icon-forward:before {
  content: "\f04e";
}
.icon-fast-forward:before {
  content: "\f050";
}
.icon-step-forward:before {
  content: "\f051";
}
.icon-eject:before {
  content: "\f052";
}
.icon-chevron-left:before {
  content: "\f053";
}
.icon-chevron-right:before {
  content: "\f054";
}
.icon-plus-sign:before {
  content: "\f055";
}
.icon-minus-sign:before {
  content: "\f056";
}
.icon-remove-sign:before {
  content: "\f057";
}
.icon-ok-sign:before {
  content: "\f058";
}
.icon-question-sign:before {
  content: "\f059";
}
.icon-info-sign:before {
  content: "\f05a";
}
.icon-screenshot:before {
  content: "\f05b";
}
.icon-remove-circle:before {
  content: "\f05c";
}
.icon-ok-circle:before {
  content: "\f05d";
}
.icon-ban-circle:before {
  content: "\f05e";
}
.icon-arrow-left:before {
  content: "\f060";
}
.icon-arrow-right:before {
  content: "\f061";
}
.icon-arrow-up:before {
  content: "\f062";
}
.icon-arrow-down:before {
  content: "\f063";
}
.icon-share-alt:before {
  content: "\f064";
}
.icon-resize-full:before {
  content: "\f065";
}
.icon-resize-small:before {
  content: "\f066";
}
.icon-plus:before {
  content: "\f067";
}
.icon-minus:before {
  content: "\f068";
}
.icon-asterisk:before {
  content: "\f069";
}
.icon-exclamation-sign:before {
  content: "\f06a";
}
.icon-gift:before {
  content: "\f06b";
}
.icon-leaf:before {
  content: "\f06c";
}
.icon-fire:before {
  content: "\f06d";
}
.icon-eye-open:before {
  content: "\f06e";
}
.icon-eye-close:before {
  content: "\f070";
}
.icon-warning-sign:before {
  content: "\f071";
}
.icon-plane:before {
  content: "\f072";
}
.icon-calendar:before {
  content: "\f073";
}
.icon-random:before {
  content: "\f074";
}
.icon-comment:before {
  content: "\f075";
}
.icon-magnet:before {
  content: "\f076";
}
.icon-chevron-up:before {
  content: "\f077";
}
.icon-chevron-down:before {
  content: "\f078";
}
.icon-retweet:before {
  content: "\f079";
}
.icon-shopping-cart:before {
  content: "\f07a";
}
.icon-folder-close:before {
  content: "\f07b";
}
.icon-folder-open:before {
  content: "\f07c";
}
.icon-resize-vertical:before {
  content: "\f07d";
}
.icon-resize-horizontal:before {
  content: "\f07e";
}
.icon-bar-chart:before {
  content: "\f080";
}
.icon-twitter-sign:before {
  content: "\f081";
}
.icon-facebook-sign:before {
  content: "\f082";
}
.icon-camera-retro:before {
  content: "\f083";
}
.icon-key:before {
  content: "\f084";
}
.icon-cogs:before {
  content: "\f085";
}
.icon-comments:before {
  content: "\f086";
}
.icon-thumbs-up:before {
  content: "\f087";
}
.icon-thumbs-down:before {
  content: "\f088";
}
.icon-star-half:before {
  content: "\f089";
}
.icon-heart-empty:before {
  content: "\f08a";
}
.icon-signout:before {
  content: "\f08b";
}
.icon-linkedin-sign:before {
  content: "\f08c";
}
.icon-pushpin:before {
  content: "\f08d";
}
.icon-external-link:before {
  content: "\f08e";
}
.icon-signin:before {
  content: "\f090";
}
.icon-trophy:before {
  content: "\f091";
}
.icon-github-sign:before {
  content: "\f092";
}
.icon-upload-alt:before {
  content: "\f093";
}
.icon-lemon:before {
  content: "\f094";
}
.icon-phone:before {
  content: "\f095";
}
.icon-check-empty:before {
  content: "\f096";
}
.icon-bookmark-empty:before {
  content: "\f097";
}
.icon-phone-sign:before {
  content: "\f098";
}
.icon-twitter:before {
  content: "\f099";
}
.icon-facebook:before {
  content: "\f09a";
}
.icon-github:before {
  content: "\f09b";
}
.icon-unlock:before {
  content: "\f09c";
}
.icon-credit-card:before {
  content: "\f09d";
}
.icon-rss:before {
  content: "\f09e";
}
.icon-hdd:before {
  content: "\f0a0";
}
.icon-bullhorn:before {
  content: "\f0a1";
}
.icon-bell:before {
  content: "\f0a2";
}
.icon-certificate:before {
  content: "\f0a3";
}
.icon-hand-right:before {
  content: "\f0a4";
}
.icon-hand-left:before {
  content: "\f0a5";
}
.icon-hand-up:before {
  content: "\f0a6";
}
.icon-hand-down:before {
  content: "\f0a7";
}
.icon-circle-arrow-left:before {
  content: "\f0a8";
}
.icon-circle-arrow-right:before {
  content: "\f0a9";
}
.icon-circle-arrow-up:before {
  content: "\f0aa";
}
.icon-circle-arrow-down:before {
  content: "\f0ab";
}
.icon-globe:before {
  content: "\f0ac";
}
.icon-wrench:before {
  content: "\f0ad";
}
.icon-tasks:before {
  content: "\f0ae";
}
.icon-filter:before {
  content: "\f0b0";
}
.icon-briefcase:before {
  content: "\f0b1";
}
.icon-fullscreen:before {
  content: "\f0b2";
}
.icon-group:before {
  content: "\f0c0";
}
.icon-link:before {
  content: "\f0c1";
}
.icon-cloud:before {
  content: "\f0c2";
}
.icon-beaker:before {
  content: "\f0c3";
}
.icon-cut:before {
  content: "\f0c4";
}
.icon-copy:before {
  content: "\f0c5";
}
.icon-paper-clip:before {
  content: "\f0c6";
}
.icon-save:before {
  content: "\f0c7";
}
.icon-sign-blank:before {
  content: "\f0c8";
}
.icon-reorder:before {
  content: "\f0c9";
}
.icon-list-ul:before {
  content: "\f0ca";
}
.icon-list-ol:before {
  content: "\f0cb";
}
.icon-strikethrough:before {
  content: "\f0cc";
}
.icon-underline:before {
  content: "\f0cd";
}
.icon-table:before {
  content: "\f0ce";
}
.icon-magic:before {
  content: "\f0d0";
}
.icon-truck:before {
  content: "\f0d1";
}
.icon-pinterest:before {
  content: "\f0d2";
}
.icon-pinterest-sign:before {
  content: "\f0d3";
}
.icon-google-plus-sign:before {
  content: "\f0d4";
}
.icon-google-plus:before {
  content: "\f0d5";
}
.icon-money:before {
  content: "\f0d6";
}
.icon-caret-down:before {
  content: "\f0d7";
}
.icon-caret-up:before {
  content: "\f0d8";
}
.icon-caret-left:before {
  content: "\f0d9";
}
.icon-caret-right:before {
  content: "\f0da";
}
.icon-columns:before {
  content: "\f0db";
}
.icon-sort:before {
  content: "\f0dc";
}
.icon-sort-down:before {
  content: "\f0dd";
}
.icon-sort-up:before {
  content: "\f0de";
}
.icon-envelope-alt:before {
  content: "\f0e0";
}
.icon-linkedin:before {
  content: "\f0e1";
}
.icon-undo:before {
  content: "\f0e2";
}
.icon-legal:before {
  content: "\f0e3";
}
.icon-dashboard:before {
  content: "\f0e4";
}
.icon-comment-alt:before {
  content: "\f0e5";
}
.icon-comments-alt:before {
  content: "\f0e6";
}
.icon-bolt:before {
  content: "\f0e7";
}
.icon-sitemap:before {
  content: "\f0e8";
}
.icon-umbrella:before {
  content: "\f0e9";
}
.icon-paste:before {
  content: "\f0ea";
}
.icon-user-md:before {
  content: "\f200";
}
/* =============== HEADER STYLING ==================== */
.header {
  background-color: #1b699e;
  background-image: url(../img/header-bg.png);
  color: #ffffff;
  border-top: 2px solid #dbb105;
}
.header .container {
  display: table;
}
.header .col {
  float: none;
  display: table-cell;
  vertical-align: middle;
}
.header img {
  vertical-align: middle;
  margin: 10px 0;
  max-width: 100%;
}
.header .logo {
  display: inline-block;
}
.header .header-login {
  text-align: right;
  padding-right: 1.6%;
}
.header .header-menu {
  clear: both;
  text-align: right;
  display: inline-block;
  float: right;
  padding: 30px 0;
  font-size: 14px;
}
.header .header-menu ul {
  float: right;
}
.header .header-menu ul li {
  list-style: none;
  padding: 0 8px;
  float: left;
}
.header .select-currency label {
  float: left;
  margin-right: 10px;
  line-height: 40px;
}
.header .select-currency select {
  width: 180px;
}
.header .select-currency .select {
  float: right;
}
.header a {
  color: #ffffff;
}
.header a:hover {
  color: #dbb105;
}
@media (max-width: 700px) {
  .header .container {
    display: block;
  }
  .header .col {
    display: block;
    margin: 0;
  }
  .header .header-login {
    float: right;
    width: auto;
    margin-top: -30px;
  }
  .header .header-branding {
    width: auto;
  }
}
/* =============== NAV styling ================= */
.nav {
  background-color: #414141;
  display: block;
  font-size: 16px;
}
.nav .container {
  border-right: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  margin: 0 auto;
}
.nav .toggle-section {
  display: block;
}
.nav-item {
  background-color: #515151;
  display: block;
  float: left;
  line-height: 22px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  padding: 0;
  margin: 0;
}
.nav-item a {
  display: block;
  padding: 8px 0;
  color: #ffffff;
  border-left: 1px solid #ffffff;
}
.nav-item a:hover,
.nav-item a:focus {
  background-color: #414141;
  color: #ffffff;
}
.nav-item:first-child > a {
  border-left: 0;
}
.nav-item.selected a,
.nav-item.selected a:hover {
  background-color: #dbb105;
  color: #222222;
  cursor: default;
}
.nav-item .nav-sub-link {
  display: inline-block;
}
.nav-item .dropdown-menu {
  position: absolute;
  margin: 0;
  padding: 0;
  background-color: #414141;
  text-align: left;
  z-index: 20;
  max-width: 500px;
}
.nav-item .dropdown-menu li {
  border-top: 1px solid #ffffff;
  padding: 0 8px;
}
.nav-item .dropdown-menu li a {
  border: 0;
}
.nav-item .shopping-cart {
  color: #dbb105;
}
.nav-main {
  border-right: 1px solid #ffffff;
}
.nav-main .nav-item {
  width: auto;
  min-width: 150px;
}
.nav-sub {
  border-left: 1px solid #ffffff;
  color: #ffffff;
  float: right;
}
.nav-sub li {
  min-width: 150px;
  float: left;
  border-left: 1px solid #ffffff;
}
.nav-sub li:first-child {
  border-left: 0;
}
.nav-sub li:hover {
  background-color: #414141;
  color: #ffffff;
}
.nav-sub a,
.nav-sub button {
  border: 0;
  padding: 0 8px;
  margin: 8px 0;
}
.nav-sub button {
  background: none;
  color: #ffffff;
}
.nav-item .getCartForm,
.nav-item #p13n-menu {
  padding: 0 20px;
}
.nav-item .currency-change {
  display: inline-block;
  padding: 0;
  height: 20px;
  line-height: 20px;
  width: 20px;
  border-radius: 5px;
  background: #1e75af;
}
.nav-item .currency-change:hover {
  background-color: #515151;
}
.selected-currency {
  display: inline-block;
  margin-right: 3px;
  height: 20px;
  line-height: 20px;
  width: 18px;
  border-radius: 5px;
  background: #dbb105;
  color: #000;
}
.menu-mobile {
  display: none;
}
@media (max-width: 985px) {
  .nav .container {
    padding: 0;
  }
}
@media (max-width: 760px) {
  .nav-main .nav-item {
    min-width: 120px;
  }
  .nav-item .getCartForm,
  .nav-item #p13n-menu {
    padding: 0 10px;
  }
}
@media (max-width: 640px) {
  .nav-item {
    display: block;
    width: 100%;
  }
  .nav-main .nav-item,
  .nav-sub li {
    width: 50%;
  }
  .nav-item .getCartForm,
  .nav-item #p13n-menu {
    padding: 0;
  }
  .nav-item,
  .nav-sub {
    border-right: 0;
    border-left: 0;
  }
  .nav-sub {
    border-top: 1px solid #ffffff;
  }
}
@media only screen and (max-width: 480px) {
  .nav-item,
  .nav-main .nav-item,
  .nav-sub li {
    display: block;
    width: 100%;
    float: none;
    border-top: 1px solid #ffffff;
  }
  .nav-item:first-child,
  .nav-main .nav-item:first-child,
  .nav-sub li:first-child {
    border-top: 0;
  }
  .nav-item a,
  .nav-sub li:first-child {
    border-left: 0;
  }
  .nav .toggle-section {
    display: none;
  }
  .menu-mobile {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #ffffff;
  }
  .menu-mobile a,
  .menu-mobile a:hover {
    color: #ffffff;
  }
}
.hero {
  position: relative;
}
.hero .bg {
  display: none;
}
.hero .heading-wrap {
  padding: 40px;
  padding-right: 330px;
  color: #ffffff;
  font-size: 18px;
  line-height: 30px;
  font-weight: normal;
  min-height: 220px;
  background-size: cover;
  background-color: #1b699e;
  background-repeat: no-repeat;
  background-position: top left;
}
.hero .hero-content-1 {
  background-image: url('../../fragr/images/hero-bg-1.jpg');
}
.hero .hero-content-2 {
  background-image: url('../../fragr/images/hero-bg-2.jpg');
}
.hero .hero-content-3 {
  background-image: url('../../fragr/images/hero-bg-3.jpg');
}
.hero .hero-content-4 {
  background-image: url('../../fragr/images/hero-bg-4.jpg');
}
.hero .edition {
  color: #ffffff;
  padding-left: 10px;
  font-style: italic;
  font-size: 0.9em;
}
.hero .hero-links {
  position: absolute;
  right: 0;
  top: 0;
  padding: 20px 0;
}
.hero .hero-links .hero-link {
  background-color: #515151;
  color: #ffffff;
  height: 40px;
  line-height: 40px;
  width: 280px;
  margin-bottom: 5px;
  padding: 0 10px;
  display: block;
  position: relative;
}
.hero .hero-links .hero-link:hover,
.hero .hero-links .hero-link:focus {
  background-color: #414141;
}
.hero .hero-links .hero-link:hover:before,
.hero .hero-links .hero-link:focus:before {
  border-right: 20px solid #414141;
}
.hero .hero-links .hero-link:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 20px solid #515151;
  position: absolute;
  left: -20px;
}
.hero .hero-links .tab-selected {
  background-color: #dbb105;
  color: #414141;
}
.hero .hero-links .tab-selected:before {
  border-right-color: #dbb105;
}
.hero .hero-links .tab-selected:hover,
.hero .hero-links .tab-selected:focus {
  background-color: #FFD010;
}
.hero .hero-links .tab-selected:hover:before,
.hero .hero-links .tab-selected:focus:before {
  border-right-color: #FFD010;
}
.hero .tagline {
  color: #ffffff;
  margin: 0;
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
}
.hero .tagline a {
  color: #dbb105;
}
.hero .tagline a:hover {
  color: #dbb105;
}
.hero .hero-content-2 a,
.hero .hero-content-2 a:hover {
  color: #ffffff;
  font-weight: bold;
}
.hero p {
  padding-top: 0;
  margin-top: 0;
  color: #3b1b3f;
  line-height: 1.4em;
}
.hero p:first-child {
  margin-top: -5px;
}
@media (max-width: 540px) {
  .hero-wrap .container {
    padding: 0;
  }
  .hero-wrap .heading-wrap {
    float: none;
    margin: 0 auto;
    width: auto;
    padding: 10px;
  }
  .hero-wrap .tab-content-selected {
    padding-top: 200px;
  }
}
.oldie .hero .heading-wrap {
  height: 220px;
  min-height: inherit;
}
@media (max-width: 460px) {
  .hero .heading-wrap {
    width: auto;
    background-color: rgba(59, 27, 63, 0.8);
  }
  .hero section .hero-link {
    width: 250px;
  }
}
.explore {
  margin-top: 20px;
}
.explore .row {
  padding-bottom: 20px;
}
.explore img {
  width: 100%;
  display: block;
}
.explore a:hover img,
.explore a:focus img {
  opacity: 0.7;
}
.explore a:hover figcaption,
.explore a:focus figcaption {
  background-color: #414141;
}
.explore figcaption {
  width: 100%;
  border-top: 5px solid #dbb105;
  padding: 10px;
  color: #ffffff;
  background-color: #515151;
}
.explore-heading {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: normal;
}
/* ============== FOOTER STYLING ============= */
.footer {
  background-color: #1b699e;
  color: #ffffff;
}
.footer .container {
  margin: 0 auto;
}
.footer .footer-primary {
  margin: 30px auto 20px;
}
.footer .footer-primary .spacing {
  padding-left: 10px;
}
.footer img {
  vertical-align: middle;
  max-width: 100%;
}
.footer a {
  color: #ffffff;
}
.footer a:hover {
  color: #dbb105;
}
.footer .copy-right {
  color: #dde5e1;
  font-size: 12px;
}
.footer .small-text {
  font-size: 0.563em;
  display: inline-block;
  padding-left: 3px;
}
.footer .footer-info {
  text-align: right;
}
.footer .footer-info .block > a {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}
.footer .footer-links {
  width: 20%;
}
.footer .footer-links a {
  display: block;
  padding: 5px 0;
}
.footer .address {
  display: inline-block;
  padding-right: 10px;
}
.footer .company-info {
  margin-top: 10px;
}
.footer li {
  padding-bottom: 10px;
}
.footer .icon {
  background-color: #ffffff;
  color: #1b699e;
  width: 20px;
  height: 20px;
  line-height: 16px;
  vertical-align: bottom;
}
.footer-credits {
  font-size: 12px;
}
.footer-credits .semantico-credits {
  text-align: right;
  padding-top: 15px;
}
.footer-credits .semantico-credits img {
  padding-bottom: 2px;
}
.footer-secondary {
  padding-top: 10px;
  background-color: #d5ded9;
  background-image: url('../img/footer-bg.png');
  font-size: 12px;
  border-top: 15px solid #9fb2b7;
  color: #414141;
}
.footer-secondary .spacing {
  padding-left: 10px;
}
.footer-secondary h2 {
  font-size: 16px;
  margin-bottom: 15px;
}
.footer-secondary h3 {
  font-size: 12px;
}
.footer-secondary a {
  color: #155c8b;
  font-weight: bold;
}
.footer-secondary a:hover {
  color: #515151;
}
.footer-secondary .info {
  padding-right: 10px;
}
/*  MEDIA QUERIES FOR MOBILES */
@media (max-width: 980px) {
  .footer #social-media-links {
    margin-right: 10px;
  }
  .footer .company-info {
    padding-right: 10px;
  }
}
@media only screen and (max-width: 780px) {
  .footer .footer-links {
    width: 25%;
  }
}
@media only screen and (max-width: 650px) {
  .footer .footer-links {
    width: 30%;
  }
}
@media only screen and (max-width: 600px) {
  .footer .container {
    display: block;
  }
  .footer .col {
    display: block;
  }
  .footer .footer-info {
    text-align: left;
  }
}
/* =============== SEARCH BLOCK =============== */
.search-complex {
  padding: 20px 0;
  background-color: #ffffff;
}
.search-complex > .block {
  padding-right: 20px;
  padding-left: 20px;
}
.search-complex #from-year {
  margin-right: 10px;
}
.search-complex .wrap-input {
  padding-right: 150px;
  position: relative;
}
.search-complex #search-bar {
  display: block;
  padding-left: 40px;
  font-style: italic;
  width: 100%;
  height: 40px;
}
.search-complex .icon-search {
  position: absolute;
  top: 11px;
  left: 10px;
  color: #515151;
}
.search-complex .custom-select-wrap {
  float: left;
}
.search-complex .search-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 140px;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
}
.search-complex .search-type,
.search-complex .search-filler {
  width: 220px;
}
.second-search-row {
  padding-top: 10px;
}
.second-search-row input {
  line-height: 30px;
}
.second-search-row label.error {
  padding-right: 20px;
}
.search-clear-input {
  float: left;
  margin-left: 10px;
  margin-top: -8px;
  display: none;
}
.search-actions {
  text-align: right;
}
.search-syntax {
  line-height: 30px;
  float: right;
}
.search-year {
  width: 60px;
  margin: 0 12px;
  height: 30px;
}
@media (max-width: 985px) {
  .search-complex .container {
    padding: 0 10px;
  }
}
@media (max-width: 970px) {
  #search-input {
    width: 75%;
  }
}
@media (max-width: 740px) {
  #search-input {
    width: 70%;
  }
}
@media (max-width: 600px) {
  .search-complex .published-label {
    margin-top: 5px;
    margin-left: 0;
    margin-bottom: 3px;
  }
}
@media (max-width: 540px) {
  .search-complex .wrap-input {
    padding-right: 90px;
  }
  .search-complex .search-btn {
    width: 80px;
  }
}
.main {
  background-color: transparent;
}
.search-result-header {
  border-bottom: 1px solid #e6e6e6;
  padding: 20px;
  padding-bottom: 12px;
}
.total-results {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 20px;
}
.search-content {
  background-color: #ffffff;
}
.search-no-result-message {
  min-height: 200px;
  font-size: 16px;
}
.search-no-result-message a {
  font-weight: bold;
}
.result-item-wrapper {
  border-top: 1px solid #d9d9d9;
  padding: 20px 20px;
}
.result-item-wrapper:first-child {
  border-top: 0;
}
.search-facets {
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
  box-shadow: 0 1px 3px #eeeeee;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.remove-filter {
  padding-left: 20px;
  text-indent: -22px;
}
.remove-filter i {
  text-indent: 0;
}
.paginationQuantityTop {
  float: left;
}
.paginationQuantityTop .label {
  float: left;
  padding-right: 5px;
  line-height: 25px;
}
.paginationQuantityTop .select {
  float: left;
  width: 100px;
}
.paginationQuantityTop .select select {
  width: 120px;
}
.paginationQuantityTop .custom-select-container {
  width: 80px !important;
  min-width: 60px;
}
.paginationQuantityTop .custom-select-display-text {
  margin-right: 30px;
}
.paginationQuantityTop span {
  padding-left: 5px;
  line-height: 25px;
}
.search-filter {
  padding: 20px;
}
.search-filter .facet {
  padding-top: 20px;
}
.search-filter li {
  padding-bottom: 10px;
}
.result-item-header {
  position: relative;
}
.search-filter-heading {
  font-size: 16px;
  font-weight: normal;
}
.sort-results {
  float: left;
}
.sort-results .label {
  float: left;
  padding-right: 5px;
  line-height: 25px;
}
.sort-results #sort-form {
  float: left;
  padding-right: 20px;
}
.sort-results .select {
  width: 140px;
}
.sort-results .select select {
  width: 160px;
}
.sort-results .no-js {
  vertical-align: top;
  display: none;
}
.no-js .sort-results .no-js {
  display: inline-block;
}
.result-item .result-item-title {
  padding-bottom: 10px;
  padding-left: 25px;
  font-size: 20px;
}
.result-item .icon-check,
.result-item .icon-check-empty {
  position: absolute;
  margin: 0;
  background: none;
  border: 0;
  padding: 0;
  text-align: left;
  color: #1e75af;
  top: 0;
}
.result-item .icon-check:focus,
.result-item .icon-check-empty:focus {
  outline: 1px dotted #1e75af;
}
.icon-check,
.icon-check-empty {
  margin-left: -25px;
}
.search-results-p13n {
  padding: 10px 0;
}
.search-results-p13n .icon-star {
  padding-right: 5px;
}
.search-results-p13n a {
  padding-right: 20px;
}
.search-results-bulk-action form {
  display: inline-block;
  padding: 0 10px 0 0;
}
.search-results-bulk-action .mark-toggle {
  position: relative;
  padding: 6px 10px 6px 25px;
  cursor: pointer;
}
.search-results-bulk-action .icon-check,
.search-results-bulk-action .icon-check-empty {
  position: absolute;
  top: 5px;
  text-align: left;
}
.search-results-bulk-action .btn-cart {
  background-color: transparent;
}
.search-results-bulk-action .btn-cart:hover,
.search-results-bulk-action .btn-cart:focus {
  background-color: transparent;
}
.icon-check,
.icon-check-empty {
  width: 25px;
  height: 25px;
  cursor: pointer;
  font-size: 18px;
  top: 1px;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-hidden-accessible.focusable:active,
.ui-helper-hidden-accessible.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.ui-autocomplete {
  width: 315px;
  list-style: none;
  padding: 0;
  border-top: 1px solid #f7f5f5;
  border-radius: 3px;
  box-shadow: 1px 3px 5px 0 rgba(0, 0, 0, 0.2);
  z-index: 9;
}
.ui-autocomplete li {
  margin: 0;
}
.ui-autocomplete a {
  display: block;
  padding: 7px 10px;
  background: #fff;
  border: 1px solid #D6D6D6;
  cursor: pointer;
  padding: 10px 0 10px 50px;
  margin-top: -1px;
}
.ui-autocomplete .ui-state-focus {
  color: #515151;
}
.ui-autocomplete li:first-child a {
  border-top: 0;
}
.ui-autocomplete li:last-child a {
  border-radius: 0 0 3px 3px;
}
.pagination {
  text-align: center;
  padding: 10px;
}
.pagination li {
  display: inline-block;
}
.pagination-bottom {
  background-color: #e8f3f8;
}
.pagination-bottom .paginationQuantity {
  display: none;
}
.pagination-bottom li,
.pagination li {
  height: 30px;
  min-width: 30px;
  line-height: 30px;
  text-align: center;
}
.pagination-bottom a:hover,
.pagination a:hover,
.pagination-bottom a:focus,
.pagination a:focus {
  font-weight: bold;
  font-size: 16px;
}
.pagination-bottom .active,
.pagination .active {
  color: #ffffff;
  background-color: #515151;
  font-size: 16px;
}
.pagination-bottom .next,
.pagination .next {
  min-width: 50px;
}
.pagination-bottom .next a:hover,
.pagination .next a:hover,
.pagination-bottom .next a:focus,
.pagination .next a:focus {
  font-size: 14px;
}
.pagination-bottom .prev,
.pagination .prev {
  min-width: 70px;
}
.pagination-bottom .prev a:hover,
.pagination .prev a:hover,
.pagination-bottom .prev a:focus,
.pagination .prev a:focus {
  font-size: 14px;
}
.metadata-entry em {
  font-weight: bold;
  color: #286612;
}
@media (max-width: 730px) {
  
}
@media (max-width: 540px) {
  
}
@media (max-width: 480px) {
  
}
@media (max-width: 400px) {
  
}
.form-wrapper {
  position: absolute;
  width: 50%;
  z-index: 99;
}
.form-wrapper.sgk-page {
  position: relative;
  z-index: 0;
}
/*********************** this is login form on a page ************ */
.login-promotion-content {
  width: 50%;
}
.login-promotion-content a {
  display: block;
  padding-bottom: 10px;
  line-height: normal;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
}
.login-promotion-content p,
.login-promotion-content img {
  margin: 20px 30px 0;
  line-height: 1.625em;
}
.login-promotion-content img {
  max-width: 170px;
}
.login-container {
  border-top: 1px solid #d9d9d9;
  margin: 20px auto 0;
  max-width: 640px;
}
.login-container .col {
  margin-top: 0;
}
.login-container .login-form {
  border-right: 1px solid #d9d9d9;
  padding-right: 20px;
  text-align: left;
}
.login-container .login-form .btn-primary {
  width: 100%;
}
.login-container .login-form .forgot-psw {
  text-align: left;
  padding-bottom: 0;
}
.login-container .login-form fieldset {
  border: 0;
  background: none;
}
.login-container .login-form .wrap-athens {
  padding-top: 10px;
}
.login-container .login-form .athens {
  color: #582c5e;
  font-size: 1.25em;
  font-family: 'PT Sans', Helvetica, sans-serif;
}
.login-container .login-form .athens img {
  width: 30px;
}
.login-container .login-form h1 {
  padding-bottom: 0;
  font-size: 1.25em;
}
.login-container .login-form .form-actions {
  margin-bottom: 10px;
}
.page-login .login-container {
  border-top: 0;
}
/*********************** END login form on a page ************ */
/*********************** this is for POPUP (common) form styling ************ */
.login-form {
  max-width: 340px;
  width: 100%;
  margin: 20px auto;
  text-align: center;
  display: none;
  background-color: #ffffff;
}
.login-form .container-login {
  padding: 0 10px;
}
.login-form .wrap-athens {
  background-color: #ffffff;
  padding: 20px 10px;
  text-align: left;
}
.login-form .wrap-athens img {
  float: left;
  padding: 5px 5px 5px 0;
  width: 30px;
}
.login-form .athens {
  background-color: #C2C1C3;
  text-align: left;
  width: 100%;
  color: #3b1b3f;
  border-radius: 2px;
}
.login-form.sgk-page {
  display: block;
}
.login-form .error {
  color: red;
}
.login-form .sgk-login-close {
  float: right;
  cursor: pointer;
  padding: 8px;
}
.login-form .sgk-login-close .icon-remove {
  color: #3b1b3f;
  font-size: 22px;
}
.login-form fieldset {
  padding-bottom: 40px;
  margin: 0;
  background-color: #e8e9ea;
  padding: 0;
}
.login-form h1 {
  font-size: 1.17em;
  padding: 10px;
  font-weight: 100;
  font-family: 'PT Sans', Helvetica, sans-serif;
}
.login-form h1 .second {
  padding-top: 20px;
}
.login-form h1.admin {
  margin-top: 10px;
}
.login-form .sgk-user {
  width: 100%;
}
.login-form label {
  display: block;
  margin-top: 20px;
  margin-bottom: 5px;
  text-align: left;
}
.login-form label[for='user'] {
  margin-top: 10px;
}
.login-form .control-group-psw {
  margin-bottom: 10px;
}
.login-form .control-group-psw .sgk-password {
  width: 100%;
}
.login-form .form-actions {
  margin-top: 20px;
}
.login-form .form-actions .form-submit-popup {
  width: 100%;
}
.login-form .form-actions .form-submit-popup.auth {
  background-color: #cc0099;
}
.login-form .forgot-psw {
  padding: 10px 0;
  text-align: center;
}
.login-form .login-help {
  padding: 10px;
  margin-top: -1px;
  background-color: #ffffff;
}
/*********************** END common form styling ************ */
.sgk-page .login-form {
  display: block;
}
.ie7 .modal-popup .login-form input {
  height: 40px;
}
.ie7 .modal-popup .login-form .athens.btn {
  width: 316px;
  padding: 0;
}
.ie7 .modal-popup .login-form .sgk-user {
  width: 306px;
  padding: 0 0 0 10px;
}
.ie7 .modal-popup .login-form .control-group-psw .sgk-password {
  width: 306px;
  height: 38px;
  padding: 0 0 0 10px;
}
.ie7 .modal-popup .login-form .form-actions .form-submit {
  width: 316px;
}
.ie7 .modal-popup .login-form input {
  line-height: 38px;
}
.ie7 .sgk-page .login-form {
  padding-right: 20px;
  width: auto;
}
.ie7 .sgk-page .login-form input {
  height: 40px;
}
.ie7 .sgk-page .login-form .athens.btn {
  width: 276px;
  padding: 0;
}
.ie7 .sgk-page .login-form .sgk-user {
  width: 266px;
  padding: 0 0 0 10px;
}
.ie7 .sgk-page .login-form .control-group-psw .sgk-password {
  width: 266px;
  height: 38px;
  padding: 0 0 0 10px;
}
.ie7 .sgk-page .login-form .form-actions .form-submit {
  width: 276px;
}
.ie7 .sgk-page .login-form input {
  line-height: 38px;
}
.ie8 .login-form input {
  line-height: 38px;
}
@media (max-width: 900px) {
  .login-container .login-form {
    padding-right: 10px;
  }
  .login-container .login-form .athens {
    font-size: 1.125em;
  }
  .login-promotion-content p,
  .login-promotion-content img {
    margin: 20px 20px 0;
  }
}
@media (max-width: 820px) {
  .login-container .login-form .athens {
    font-size: 1.25em;
  }
}
@media (max-width: 620px) {
  .login-container .login-form .athens {
    font-size: 1.125em;
  }
}
@media (max-width: 580px) {
  .login-container .form-wrapper {
    float: none;
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
  }
  .login-container .login-form {
    max-width: 320px;
    margin: 0 auto;
    border-right: 0;
  }
  .login-container .login-promotion-content {
    float: none;
    width: 100%;
  }
}
.error-container {
  background: url('../img/pageNotFound_BG.gif');
  background-size: 100% auto;
  background-repeat: no-repeat;
  text-align: center;
  min-height: 500px;
  font-size: 20px;
  margin: -20px 0 -40px;
}
.error-container h1 {
  font-size: 72px;
  padding-top: 60px;
  font-weight: 100;
  color: #1b699e;
  padding-bottom: 20px;
  font-family: 'PT Serif', serif;
}
.error-container p {
  margin: 10px 0;
  font-weight: 100;
  font-family: 'PT Sans', Helvetica, sans-serif;
}
.error-container a {
  font-weight: bold;
}
/* =============== ADVANCED SEARCH BLOCK =============== */
.adv-search {
  background-color: #e8f3f8;
  padding: 0 20px;
}
.adv-search.show {
  min-height: 100px;
  max-height: 350px;
  margin-bottom: 15px;
  border-bottom: 1px solid #cccccc;
  padding: 20px;
}
.adv-search .search-input {
  width: 75%;
}
.adv-search .adv-search-tab {
  background-color: #ffffff;
}
.adv-search .adv-search-tab form {
  width: 100%;
}
.adv-search .adv-search-tab .select {
  display: inline-block;
}
.adv-search .adv-search-tab .search-field {
  display: none;
  position: relative;
}
.adv-search .adv-search-tab .search-field.active {
  display: inline-block;
}
.adv-search .adv-search-link {
  padding-right: 25px;
}
.adv-search #words form {
  width: 73%;
}
.adv-search #words .search-input {
  width: 100%;
  max-width: 74%;
  margin: 0 0 10px;
}
@media (max-width: 600px) {
  .adv-search .adv-search-tabs li {
    float: none;
  }
  .adv-search .adv-search-tabs li a {
    display: block;
    border-top: 1px solid #cccccc;
  }
  .adv-search .adv-search-tabs li:first-child a {
    border-top: 0;
  }
}
.search-helptext {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 10px;
  padding: 0 15px;
  display: none;
}
.search-helptext.search-syntax-show {
  border-top: 1px solid #D9D9D9;
}
.search-helptext .container {
  max-width: 680px;
}
.search-syntax-row dl:before,
.search-syntax-row dl:after {
  content: " ";
  display: table;
}
.search-syntax-row dl:after {
  clear: both;
}
.search-syntax-row dl dt {
  float: left;
  width: 49%;
  clear: left;
  margin-bottom: 10px;
  font-weight: bold;
  text-align: right;
}
.search-syntax-row dl dd {
  float: left;
  width: 49%;
  margin-left: 10px;
  margin-bottom: 10px;
  font-style: italic;
}
.search-syntax-row dl .grouped {
  margin-bottom: 0px;
}
.search-opts {
  text-align: right;
}
.search-syntax {
  display: inline-block;
}
.search-syntax.show {
  padding: 0;
}
@media (max-width: 600px) {
  .search-syntax-row dl dt {
    width: 44%;
  }
}
/* ======== SOCIAL MEDIA LINKS STYLING ======== */
.social-media-links {
  display: inline-block;
  padding: 15px 20px;
  background-color: #FFF;
  color: #1b699e;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.social-media-links a {
  margin: 2px;
}
/* ======== SOCIAL MEDIA SHARE STYLING ======== */
.social-media-share {
  margin-bottom: 20px;
  background-color: #ffffff;
  padding: 20px;
  border: 1px solid #DDD;
  box-shadow: 0 1px 3px #eeeeee;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.social-media-share h2 {
  font-weight: normal;
}
.social-media-share li {
  display: inline-block;
  padding: 0 2px 0 0;
}
.social-media-share .icon {
  width: 20px;
  height: 20px;
  background-color: #1e75af;
  margin: 0;
  padding: 2px 0;
  vertical-align: bottom;
}
.toc li {
  line-height: 20px;
  padding: 3px;
}
.toc li ul {
  margin: 0;
  padding-left: 40px;
}
.toc .active > span {
  background-color: #dbb105;
  padding: 2px 10px;
  left: -10px;
  position: relative;
}
.toc .icon {
  height: 20px;
  width: 20px;
  background-color: #1e75af;
}
.view-control-section {
  margin-top: 10px;
  padding: 10px 0 0;
  border-top: 1px solid #d9d9d9;
  text-align: right;
}
.pricing {
  padding: 0 20px 10px;
  background-color: #f0f7fb;
}
.pricing strong {
  height: 25px;
  line-height: 25px;
  display: inline-block;
  vertical-align: middle;
}
.pricing .add-to-cart-form,
.pricing .cart-form {
  display: inline-block;
  padding-left: 10px;
}
.open-access-icon {
  height: 20px;
  vertical-align: middle;
  margin-left: 10px;
}
.supplementary {
  margin: 0 20px;
  padding-top: 0;
}
.supplementary a {
  display: block;
}
.front-meta-data {
  background-color: #f0f7fb;
  padding: 10px 20px 0;
}
.front-meta-data h3 {
  font-size: 14px;
  display: inline;
}
.front-meta-data span.generated {
  font-weight: bold;
}
.front-meta-data .history-date-wrapper .history-date {
  display: inline;
}
.front-meta-data .metadata-entry {
  margin: 0;
  padding: 0 0 10px;
}
/* =============== TAB BLOCK ================== */
.tab-list-styled {
  list-style: none;
  padding: 0;
  margin: 0;
}
.tab-list-styled li {
  float: left;
  padding-right: 10px;
  list-style: none;
}
.tab-list-styled a {
  border-radius: 2px 2px 0 0;
  padding: 6px 8px;
  background: #1e75af;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  font-size: 0.857em;
  border: 1px solid #1e75af;
  border-bottom: 0;
}
.tab-list-styled a:hover,
.tab-list-styled a:focus {
  background-color: #515151;
  color: #ffffff;
}
.tab-list-styled .tab-selected {
  background: #dbb105;
  border-bottom: 1px solid #1b699e;
  margin-bottom: -1px;
  color: #000000;
}
.tab-list-styled .tab-selected:hover {
  background-color: #dbb105;
  color: #000000;
}
.tab-list-styled .tab-selected:focus {
  background-color: #dbb105;
  color: #1b699e;
}
.tab-content-styled {
  padding: 20px;
  background: #f2efef;
  border: 1px solid #dbb105;
  border-top: 1px solid #1e75af;
}
.tab-content,
.tab-block > section {
  display: none;
}
.tab-content.tab-content-selected,
.tab-block > section.tab-content-selected {
  display: block;
}
.no-js .tab-list {
  display: none;
}
.no-js .tab-block > section {
  display: block;
}
.no-js .tab-block > .illustrations {
  display: none;
}
.select {
  display: inline-block;
  font-size: 1em;
  font-weight: bold;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  color: #ffffff;
  position: relative;
  margin-right: 10px;
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  background-color: #515151;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
}
.select:active,
.select:hover,
.select:visited {
  color: #ffffff;
}
.select:hover {
  background-color: #414141;
}
.select:after,
.select:before {
  position: absolute;
  content: "";
  display: block;
  z-index: 3;
  pointer-events: none;
}
.select:before {
  right: 14px;
  top: 18px;
  border-top: 6px solid #ffffff;
  border-bottom: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.select:after {
  border: 0;
  border-left: 1px solid #ffffff;
  height: 40px;
  top: 0;
  right: 40px;
}
.select select {
  position: relative;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  background-color: #515151;
  border: 0;
  padding: 0 0 0 10px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  color: #ffffff;
  z-index: 2;
}
.select-style-big .custom-select-btn {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 40px;
  border-left: 1px solid #d9d9d9;
  height: 100%;
}
.select-style-big .custom-select-btn:after,
.select-style-big .custom-select-btn:before {
  position: absolute;
  content: "";
  display: block;
}
.select-style-big .custom-select-btn:after {
  left: 14px;
  top: 22px;
  border-top: 6px solid #ffffff;
  border-bottom: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.select-style-big .custom-select-btn:before {
  left: 14px;
  top: 12px;
  border-bottom: 6px solid #ffffff;
  border-top: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.select-style-sleek {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 25px;
  line-height: 25px;
}
.select-style-sleek select {
  height: 25px;
  line-height: 25px;
  padding-right: 0;
}
.select-style-sleek:before {
  border: 0;
  content: ">";
  right: 8px;
  top: 0;
  line-height: 25px;
  font-style: normal;
}
.select-style-sleek:after {
  right: 25px;
}
.style-select-with-btn:before,
.style-select-with-btn:after {
  display: none;
}
.style-select-with-btn .select-btn {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 40px;
  border-left: 1px solid #d9d9d9;
  height: 100%;
  z-index: 4;
  pointer-events: none;
}
.style-select-with-btn .select-btn:after,
.style-select-with-btn .select-btn:before {
  position: absolute;
  content: "";
  display: block;
  pointer-events: none;
}
.style-select-with-btn .select-btn:after {
  left: 14px;
  top: 22px;
  border-top: 6px solid #ffffff;
  border-bottom: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.style-select-with-btn .select-btn:before {
  left: 14px;
  top: 12px;
  border-bottom: 6px solid #ffffff;
  border-top: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.oldie .select {
  background-color: #e6e3e3;
  border: 1px solid #CCC;
  padding: 0;
}
.oldie .select:after {
  border-left-color: #222;
  color: #222;
}
.oldie .select:before {
  border-top-color: #222;
  color: #222;
}
.oldie .select select {
  background-color: transparent;
  height: auto;
  padding: 0;
  text-indent: 10px;
}
.oldie .select select option {
  color: #000000;
  padding: 10px;
}
.oldie .select-style-sleek select {
  padding: 0;
  height: auto;
}
.featured-columns h2 {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 15px;
}
.featured-columns h2 span {
  font-size: 14px;
}
.featured-columns .feature {
  background-color: #ffffff;
  padding: 20px;
}
.featured-columns .feature a {
  font-weight: bold;
}
.featured-columns li {
  line-height: 1.5;
  margin-left: 15px;
  position: relative;
  padding-bottom: 5px;
}
.featured-columns li:before {
  content: '';
  display: block;
  border-top: 2px solid #9fb2b7;
  border-bottom: 2px solid #9fb2b7;
  border-left: 2px solid #9fb2b7;
  border-right: 2px solid #9fb2b7;
  position: absolute;
  top: 8px;
  left: -15px;
}
.sidebar {
  position: relative;
}
.sidebar .list-item {
  font-size: 1em;
}
.sidebar-toc,
.sidebar-procedures,
.toc-sub-category {
  margin: 0;
  padding: 0;
}
.sidebar-toc li {
  list-style: none;
}
.overview .toc-item-wrapper {
  padding-left: 10px;
}
.overview .toc-sub-category-item > .current-link {
  padding-left: 10px;
}
.toc-item-wrapper {
  padding: 10px 10px 10px 30px;
  background-color: #3b1b3f;
  color: #ffffff;
  display: block;
  border-bottom: 1px solid #ffffff;
  position: relative;
}
.toc-item-wrapper.not-in-page {
  padding-right: 30px;
}
.toc-item-wrapper .icon {
  line-height: 0.9em;
  width: 15px;
}
.toc-item-wrapper .icon-chevron-left {
  margin: 0 5px 0 0;
  position: absolute;
  left: 10px;
}
.toc-item-wrapper .icon-chevron-right {
  position: absolute;
  right: 0px;
  bottom: 10px;
  color: #ffffff;
  font-size: 1em;
  line-height: 10px;
}
.toc-item-wrapper:hover,
.toc-item-wrapper:focus {
  background-color: #614763;
  color: #ffffff;
}
.toc-item-wrapper:focus {
  border: 3px solid #dcbadf;
}
.js-sidebar-toggle {
  position: relative;
}
.js-sidebar-toggle .toc-item-text {
  padding-right: 20px;
}
.js-sidebar-toggle .icon {
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: #ffffff;
  font-size: 1em;
  line-height: 10px;
}
.toc-sub-category-item {
  background-color: #eae5e5;
}
.toc-sub-category-item.parent-link .toc-item-wrapper,
.toc-sub-category-item.overview-link .toc-item-wrapper {
  padding-left: 30px;
}
.toc-sub-category-item > .current-link {
  padding-left: 30px;
  display: block;
  border-bottom: 1px solid #3b1b3f;
  color: #3b1b3f;
  background-color: #eae5e5;
}
.toc-sub-category-item > .current-link .icon {
  color: #3b1b3f;
}
.toc-sub-category-item > .current-link .icon-chevron-right {
  display: none;
}
.toc-sub-category-item .toc-sub-category-item .toc-item-wrapper {
  padding-left: 45px;
}
.toc-sub-category-item .toc-sub-category-item .toc-sub-category-item .toc-item-wrapper {
  padding-left: 60px;
}
.toc-sub-category-item .toc-sub-category-item .toc-sub-category-item .toc-sub-category-item .toc-item-wrapper {
  padding-left: 70px;
}
.toc-sub-category-item .toc-sub-category-item .toc-sub-category-item .toc-sub-category-item .toc-item-wrapper .toc-sub-category-item .toc-item-wrapper {
  padding-left: 80px;
}
.sidebar-wrap > .sidebar-toc {
  padding-bottom: 20px;
  display: block;
}
.sidebar-title {
  font-size: 1.286em;
  font-family: 'PT Sans', Helvetica, sans-serif;
  font-weight: normal;
  line-height: 40px;
  vertical-align: middle;
  background-color: #ffffff;
  padding: 0 10px;
  box-shadow: 0 1px 3px #eeeeee;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.fixed-pos .sidebar-procedure-title {
  border: 1px solid #EEE;
}
.procedure-item {
  background-color: #007ab3;
  border-bottom: 1px solid #ffffff;
  padding: 0;
}
.procedure-item.custom {
  background-color: #cc0099;
}
.procedure-item.custom:hover {
  background-color: #db4db8;
}
.procedure-item:hover {
  background-color: #1cafd9;
}
.procedure-item a {
  display: block;
  color: #ffffff;
  padding: 10px;
}
.procedure-item a.focus,
.procedure-item a:focus {
  color: #ffffff !important;
  background-color: #1cafd9;
}
@media (min-width: 821px) {
  .sidebar .fixed-pos {
    position: fixed;
    top: 0;
    bottom: 0;
    overflow: auto;
    width: 27%;
    padding-right: 20px;
  }
}
@media (min-width: 980px) {
  .sidebar .fixed-pos {
    width: 244.60000000000002px;
    padding-right: 0px;
  }
}
@media (max-width: 820px) {
  .content-wrapper .sidebar {
    position: absolute;
  }
}
.section-header {
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 15px;
}
.main-ecommerce {
  border: 1px solid #DDD;
  box-shadow: 0 1px 3px #eeeeee;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
  padding: 20px;
  font-size: 16px;
}
.progress-breadcrumb {
  margin-bottom: 15px;
}
.order-progress-link {
  position: relative;
  padding: 5px 10px;
  margin-right: 8px;
  margin-bottom: 3px;
  border-radius: 2px 0 0 2px;
  background: #dbb105;
  width: 230px;
  display: inline-block;
  color: #414141;
  font-size: 16px;
  line-height: 16px;
}
.order-progress-link .sl-no {
  background-color: #515151;
  color: #ffffff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  margin-right: 5px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.order-progress-link:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -20px;
  border-left: 20px solid #dbb105;
  border-right: none;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  z-index: 1;
}
.order-progress-link.next {
  background: #d5ded9;
}
.order-progress-link.next:after {
  border-left-color: #d5ded9;
}
.order-progress-link.next .sl-no {
  background-color: #9fb2b7;
  color: #414141;
}
.order-progress-link.prev {
  background: #515151;
  color: #ffffff;
}
.order-progress-link.prev:after {
  border-left-color: #515151;
}
.order-progress-link.prev:hover,
.order-progress-link.prev:focus {
  background-color: #414141;
}
.order-progress-link.prev:hover:after,
.order-progress-link.prev:focus:after {
  border-left-color: #414141;
}
.order-progress-link.prev:focus {
  outline: 2px solid #7fcfe6;
}
.order-progress-link.prev .sl-no {
  background-color: #dbb105;
  color: #414141;
}
.order-progress-link .sl-no {
  background-color: ;
}
.item-list {
  width: 100%;
}
.item-list td {
  border-bottom: 1px solid #d9d9d9;
  padding: 20px 0;
}
.item-list .col-sl-no {
  width: 3%;
  text-align: left;
  vertical-align: top;
}
.item-list .col-left {
  width: 72%;
  text-align: left;
}
.item-list .col-right {
  width: 25%;
  text-align: right;
  vertical-align: top;
  font-weight: bold;
}
@media (max-width: 650px) {
  .item-list .col-sl-no {
    width: 5%;
  }
  .item-list .col-left {
    width: 70%;
  }
}
.control-group {
  padding: 10px 0;
}
.control-group:first-child {
  padding: 0 0 10px;
}
.control-group:first-child label {
  padding: 0 0 10px;
}
.control-group label {
  padding: 10px 0;
  display: block;
}
.control-group .error {
  padding-bottom: 0;
}
.control-group .controls input,
.control-group .controls .select {
  width: 300px;
  max-width: 100%;
}
.control-group .controls input select,
.control-group .controls .select select {
  width: 320px;
}
.control-group .controls .input-small {
  max-width: 200px;
}
.control-group .optional-text {
  color: #286612;
}
.control-group input.error {
  border: 1px solid #d8000c;
}
.control-group input.error:focus {
  outline: 2px solid #f7cde2;
}
.control-group .date-controls .date-fields {
  display: inline-block;
  vertical-align: top;
}
.control-group .date-controls .select {
  width: 110px;
  background-color: #e6e3e3;
  color: #222;
}
.control-group .date-controls .select .select-btn {
  background-color: #515151;
  color: #ffffff;
}
.control-group .date-controls .select select {
  width: 130px;
  background-color: #e6e3e3;
  color: #222;
}
.oldie .control-group .date-controls .select .select-btn {
  z-index: 1;
}
.oldie .control-group .date-controls .select select {
  background-color: transparent;
}
.pri-control-section {
  width: 100%;
  text-align: right;
  font-size: 14px;
  margin-top: 40px;
  margin-bottom: 10px;
}
.pri-control-section .row {
  font-size: 16px;
}
.pri-control-section .sub-total {
  font-size: 16px;
  padding: 0 0 15px;
}
.pri-control-section .sub-total .price {
  font-size: 18px;
}
.pri-control-section .total {
  font-size: 16px;
  margin: 15px 0;
}
.pri-control-section .total .price {
  font-size: 18px;
}
.pri-control-section .btn-pri {
  font-size: 16px;
  min-width: 180px;
  text-align: center;
}
.pri-control-section p {
  padding: 10px 0 0 0;
  margin: 0 0 5px 0;
}
.remove-item-link {
  margin-top: 10px;
  display: block;
  font-size: 14px;
}
.checkout-error {
  visibility: hidden;
  color: #D20006;
  font-size: 14px;
}
.confirmation-popup-container {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 100;
  display: none;
}
.confirmation-popup {
  position: relative;
  background-color: #ffffff;
  z-index: 999;
  border: 1px solid #d9d9d9;
  border: 1px solid rgba(0, 0, 0, 0.25);
  margin: 50px auto;
  width: 500px;
  text-align: left;
  font-size: 14px;
}
.confirmation-popup > .close {
  height: 40px;
  width: 40px;
  line-height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  color: #414141;
}
.confirmation-popup h2 {
  font-size: 16px;
  font-weight: normal;
  padding: 10px 15px;
  background-color: #dbb105;
}
.confirmation-popup .modal-body {
  padding: 20px;
}
.confirmation-popup p {
  margin-top: 0;
  padding-top: 0;
}
.confirmation-popup .buttons-section {
  height: 40px;
}
.confirmation-popup .buttons-section .btn {
  display: inline-block;
  margin-right: 15px;
  font-size: 14px;
}
.confirmation-popup .buttons-section .close {
  float: none;
}
.confirmation-popup-container .confirmation-popup-overlay {
  display: block;
  background: #0B0B0B;
  background: rgba(0, 0, 0, 0.35);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}
.purchase-list {
  font-size: 14px;
}
.purchase-list h2 {
  font-size: 16px;
  line-height: 22.4px;
}
.purchase-list .row {
  display: block;
  width: 100%;
  padding: 15px 0;
  border-bottom: 1px solid #d9d9d9;
}
.purchase-list .sl-no {
  display: inline-block;
  vertical-align: top;
  padding-right: 5px;
}
.purchase-list .item-detail {
  font-size: 16px;
  display: inline-block;
  width: 95%;
}
.purchase-list .item-detail p {
  margin: 5px 0 0;
}
.purchase-list .invoice-link {
  margin-top: 5px;
  font-weight: bold;
  display: block;
}
.back-button {
  margin: 20px 0;
  text-align: right;
}
.back-button .btn-pri {
  min-width: 180px;
  text-align: center;
}
.main-ecommerce .paginationQuantityTop,
.main-ecommerce .sort-results {
  margin-right: 20px;
}
.main-ecommerce .paginationQuantityTop .select,
.main-ecommerce .sort-results .select {
  float: left;
}
.main-ecommerce .sort-results .select {
  width: 200px;
}
.main-ecommerce .sort-results .select select {
  width: 230px;
}
.main-ecommerce .top-action-group {
  padding-bottom: 15px;
  border-bottom: 1px solid #d9d9d9;
}
.main-ecommerce .top-action-group .print-page {
  float: right;
}
.main-ecommerce .purchase-history-action .pagination {
  text-align: right;
  float: left;
}
.main-ecommerce .print-page {
  float: right;
}
.purchase-sort-by {
  width: 200px;
}
.select-purchase-page-qty {
  width: 100px;
}
.no-purchase-msg {
  border-top: 1px solid #9fb2b8;
  padding: 20px 10px 0;
  margin-top: 30px;
}
#state-list-group {
  display: none;
}
.purchase-history-container {
  background-color: #ffffff;
  padding: 20px;
}
.purchase-history-container .print-only {
  display: none;
}
.back-link {
  float: right;
  line-height: 18px;
  vertical-align: bottom;
}
.purchase-history-container {
  position: relative;
}
.invoice-body .invoice-header {
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 10px;
}
.invoice-body .invoice-address {
  margin-bottom: 40px;
}
.invoice-body dt,
.invoice-body dd {
  float: left;
  margin-bottom: 5px;
}
.invoice-body dt {
  clear: left;
  min-width: 215px;
  font-weight: bold;
}
.invoice-body dd {
  width: auto;
  min-width: 150px;
  margin-left: 10px;
}
.invoice-body .pri-control-section {
  margin-top: 0;
}
.invoice-body .item-list td {
  border-bottom-color: #d9d9d9;
}
.invoice-btn-section {
  text-align: right;
  margin-bottom: 20px;
}
.invoice-btn-section .export-pdf {
  font-size: 16px;
}
.invoice-btn-section .back-link {
  display: block;
  margin-top: 10px;
  float: none;
}
.invoice-overview-details {
  margin-bottom: 15px;
  padding-bottom: 40px;
  overflow: hidden;
}
.item-list {
  border-top: 1px solid #d9d9d9;
}
.item-list small {
  display: block;
  margin-top: 5px;
}
.item-list .col-left {
  padding-left: 10px;
}
.company-info-section {
  float: right;
  font-size: 11px;
  margin-top: -40px;
}
.col-right {
  text-align: right;
  width: 25%;
}
.col-left {
  width: 70%;
}
.col-sl-no {
  width: 5%;
}
.payment {
  background-color: #f6f6f6;
}
.payment .secure-icon {
  float: right;
}
.payment .secure-icon .icon-lock {
  font-size: 60px;
  background-color: #6ebc53;
  color: #ffffff;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  height: 80px;
  line-height: 80px;
  width: 80px;
  display: block;
  text-align: center;
}
.payment input[type="text"] {
  border-color: #6b6a6a;
  background-color: #e6e3e3;
}
.payment .custom-select-display {
  background-color: #e6e3e3;
  color: #222;
}
.payment .custom-select-display .custom-select-btn {
  background-color: #515151;
}
.payment .custom-select-input:focus + .custom-select-display {
  background-color: #e6e3e3;
}
.payment .btn-secure {
  padding: 0 10px 0 5px;
}
.payment .btn-secure .icon-lock {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  display: inline-block;
  float: left;
  margin: 5px 0;
  text-align: center;
  background-color: #6ebc53;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.braintree-logo {
  float: left;
}
@media (max-width: 600px) {
  .braintree-logo {
    float: none;
    margin-top: 10px;
    display: block;
  }
}
@media (max-width: 480px) {
  .payment .secure-icon .icon-lock {
    font-size: 30px;
    height: 50px;
    line-height: 50px;
    width: 50px;
    border-radius: 25px;
  }
}
@media (max-width: 420px) {
  .payment .secure-icon {
    display: none;
  }
}
.p13n-dd {
  position: relative;
}
.p13n-dd > div {
  display: none;
  position: absolute;
  right: 0;
  width: 340px;
  background-color: #ffffff;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  color: #414141;
  z-index: 3;
  border: 1px solid #d9d9d9;
  border-top: 0;
  font-size: 14px;
  line-height: 18px;
}
.p13n-dd > div.p13n-dd-signin .p13n-dd-login {
  display: block;
}
.p13n-dd > div.p13n-dd-signup .p13n-dd-register {
  display: block;
}
.p13n-dd > div.p13n-dd-nav .p13n-dd-menu {
  display: block;
}
.p13n-dd .p13n-dd-login,
.p13n-dd .p13n-dd-register,
.p13n-dd .p13n-dd-forgotten,
.p13n-dd .p13n-dd-menu {
  display: none;
}
.p13n-dd .btn-signout {
  margin-top: 10px;
  width: 100%;
}
.p13n-dd .p13n-header {
  font-size: 16px;
  font-weight: normal;
  padding: 10px 0;
  background-color: #dbb105;
  color: #414141;
}
.p13n-dd .p13n-menu-hide {
  height: 40px;
  width: 40px;
  line-height: 40px;
  position: absolute;
  color: #414141;
  top: 0;
  right: 0;
  margin: 0;
  background: none;
}
.p13n-dd .p13n-footer {
  padding: 10px;
  background: #ccc;
}
.p13n-dd .p13n-footer p:last-child {
  margin-bottom: 0;
}
.p13n-dd .l-label,
.p13n-dd .r-label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.p13n-dd .l-label.focusable:active,
.p13n-dd .r-label.focusable:active,
.p13n-dd .l-label.focusable:focus,
.p13n-dd .r-label.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.p13n-dd .p13n-optional {
  display: inline-block;
  margin: 0;
  font-size: 0.8em;
}
.p13n-dd .p13n-optional:after {
  content: '(optional)';
}
.p13n-dd form {
  margin-bottom: 0;
}
.p13n-dd .p13n-l-error,
.p13n-dd .p13n-r-error {
  color: #d8000c;
}
.p13n-dd .p13n-form-row {
  margin: 0 0 9px;
}
.p13n-dd .p13n-form-row input {
  margin-bottom: 0;
  width: 100%;
}
.p13n-dd .p13n-form-row input[type=checkbox] {
  margin-top: 0;
  margin-right: 5px;
  width: auto;
}
.p13n-dd .p13n-form-row label.error {
  color: #d8000c;
  margin: 0;
}
.p13n-dd .p13n-form-row label {
  position: relative;
  width: 100%;
  display: block;
  padding: 5px 10px 8px 2px;
  text-align: left;
  height: auto;
}
.p13n-dd .p13n-menu {
  background: #515151;
}
.p13n-dd .p13n-menu i {
  font-style: normal;
}
.p13n-dd .p13n-menu li {
  position: relative;
  min-width: initial;
  float: none;
  text-align: left;
  border: 0;
}
.p13n-dd .p13n-menu a {
  display: block;
  padding: 10px;
  border-top: 1px solid #ffffff;
  color: #ffffff;
  text-decoration: none;
  margin: 0;
}
.p13n-dd .p13n-menu a:hover {
  background: #414141;
  color: #ffffff;
}
.p13n-dd .p13n-menu a:focus {
  outline: 2px solid #a1d3ea;
  color: #ffffff;
}
.p13n-dd .p13n-count {
  color: #dbb105;
}
.p13n-dd .p13n-inner {
  padding: 10px;
  text-align: left;
}
.p13n-dd .remember-me {
  float: left;
  width: auto;
}
.p13n-dd .forgotten-password {
  float: right;
}
.p13n-dd .p13n-checkbox-row {
  padding-bottom: 5px;
}
.p13n-search {
  min-width: 150px;
  margin-left: 10px;
  max-width: 180px;
  display: inline-block;
}
.p13n-search button {
  display: inline-block;
}
.p13n-search input,
.p13n-search label {
  display: none;
}
.p13n-item-list,
.p13n-search-list {
  margin: 0;
  font-size: 16px;
}
.p13n-item-list .p13n-item-detail,
.p13n-search-list .p13n-item-detail,
.p13n-item-list .p13n-search-detail,
.p13n-search-list .p13n-search-detail {
  padding: 20px 0 20px 24px;
  background: none;
  overflow: hidden;
  *zoom: 1;
}
.p13n-item-list .p13n-item-detail:before,
.p13n-search-list .p13n-item-detail:before,
.p13n-item-list .p13n-search-detail:before,
.p13n-search-list .p13n-search-detail:before,
.p13n-item-list .p13n-item-detail:after,
.p13n-search-list .p13n-item-detail:after,
.p13n-item-list .p13n-search-detail:after,
.p13n-search-list .p13n-search-detail:after {
  content: "";
  display: table;
}
.p13n-item-list .p13n-item-detail:after,
.p13n-search-list .p13n-item-detail:after,
.p13n-item-list .p13n-search-detail:after,
.p13n-search-list .p13n-search-detail:after {
  clear: both;
}
.p13n-item-list .p13n-item-controls,
.p13n-search-list .p13n-item-controls,
.p13n-item-list .p13n-search-controls,
.p13n-search-list .p13n-search-controls {
  float: right;
  padding-left: 20px;
}
.p13n-check + label {
  position: absolute;
  left: 0px;
  line-height: 14px;
}
.p13n-check + label:before {
  content: "\f096";
  font-family: FontAwesome;
  font-style: normal;
  text-decoration: inherit;
  font-size: 18px;
  color: #1e75af;
  position: relative;
  top: 3px;
  padding-right: 5px;
}
.p13n-check:checked + label:before {
  content: "\f046";
}
.p13n-check:focus + label:before {
  outline: 1px dotted #1e75af;
}
.p13n-bulk-actions {
  border-bottom: 1px solid #9FB2B8;
}
.p13n-bulk-actions .p13n-selected-actions {
  display: inline-block;
  float: none;
}
.p13n-bulk-actions .btn-clear {
  margin-right: 10px;
}
.p13n-bulk-actions .btn-clear .icon-check,
.p13n-bulk-actions .btn-clear .icon-check-empty {
  padding-right: 10px;
  margin-left: 0;
}
.p13n-item-detail,
.p13n-search-detail {
  position: relative;
  border-bottom: 1px solid #d9d9d9;
}
.p13n-item-detail .p13n-check,
.p13n-search-detail .p13n-check {
  position: absolute;
  left: -50px;
  top: 0px;
}
.p13n-item-detail .badge,
.p13n-item-detail .ago {
  display: none;
}
.p13n-nav-tabs {
  margin-bottom: 20px;
  border-bottom: 2px solid #9FB2B8;
  font-size: 16px;
}
.p13n-nav-tabs li {
  padding: 2px;
  background: none;
  margin-bottom: -3px;
  float: left;
  width: 30%;
}
.p13n-nav-tabs a {
  display: block;
  padding: 8px 12px;
  line-height: 20px;
  border-radius: 4px 4px 0 0;
  background-color: #515151;
  color: #ffffff;
}
.p13n-nav-tabs a:hover {
  background-color: #414141;
}
.p13n-nav-tabs a:focus {
  background-color: #414141;
  outline: thin dashed #a1d3ea;
}
.p13n-nav-tabs .p13n-active span {
  display: block;
  padding: 8px 12px;
  line-height: 20px;
  background-color: #dbb105;
  border-radius: 4px 4px 0 0;
  cursor: default;
}
.p13n-bulk-actions-second {
  border-top: 1px solid #d9d9d9;
  border-bottom: 0;
}
.p13n-manage-title {
  border: 0;
  font-size: 20px;
  line-height: 1.4;
}
.p13n-item-filters {
  padding: 10px;
  float: left;
}
.p13n-item-filters .p13n-item-filter {
  padding-right: 10px;
  float: left;
}
.p13n-alert-label {
  display: inline-block;
}
.p13n-alert-label {
  margin-right: 10px;
}
.p13n-selected-actions {
  display: inline-block;
}
.p13n-manage label.error {
  color: #d8000c;
}
.p13n-manage input.error {
  border-color: #E9322D;
  -webkit-box-shadow: 0 0 6px #F8B9B7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #F8B9B7;
}
.p13n-sub-title {
  font-size: 18px;
  line-height: 1.4;
  border: 0;
}
.percy-options {
  float: right;
  padding-left: 10px;
}
.percy-options .p13n-share,
.percy-options .p13n-email,
.percy-options .p13n-print {
  display: none;
}
.p13n-form-additional-info {
  font-size: 14px;
}
.page-p13n .site-left,
.page-p13n .site-left-inner {
  margin-right: 0;
}
.page-p13n .site-right {
  display: none;
}
.page-p13n .btn-email {
  display: none;
}
.p13n-modal-window > * {
  margin-left: 20px;
  margin-right: 20px;
}
.p13n-modal-window table {
  margin-bottom: 20px;
}
.p13n-modal-heading {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.p13n-modal-close-small {
  position: absolute;
  top: 10px;
  right: 10px;
}
.dropdown-menu a:hover {
  background-color: #4d4e53;
  background-image: none;
  color: #fff;
}
.p13n-dd a {
  color: #1e75af;
  display: inline;
  margin-top: 0;
  padding: 0;
}
.p13n-dd a:hover,
.p13n-dd a:focus {
  color: #515151;
  background: none;
}
/* My accounts styling */
#p13n-manage-account {
  background-color: #ffffff;
  padding: 20px;
}
#p13n-manage-account h2 {
  margin-bottom: 10px;
  font-size: 20px;
}
#p13n-manage-account .p13n-account-container {
  width: 600px;
  max-width: 100%;
}
#p13n-manage-account .p13n-account-container input[type=submit] {
  width: 180px;
  float: right;
  border-radius: 0;
}
#p13n-manage-account input,
#p13n-manage-account label {
  display: block;
}
#p13n-manage-account input {
  margin: 5px 0 10px;
  width: 100%;
}
#p13n-manage-account input[type="checkbox"] {
  display: inline-block;
  width: auto;
}
#p13n-manage-account .update-details-success,
#p13n-manage-account .update-password-success,
#p13n-manage-account .update-email-success {
  display: none;
  color: #286612;
  margin-top: -5px;
  margin-bottom: 10px;
  font-size: 14px;
}
#p13n-manage-items,
#p13n-manage-searches {
  background-color: #ffffff;
  padding: 20px;
}
.p13n-modal {
  z-index: 101;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
}
.p13n-modal .close {
  float: right;
  margin-top: -5px;
}
.p13n-modal > div {
  display: block;
  margin: 50px auto;
  position: relative;
}
.p13n-modal + .p13n-modal-overlay {
  display: block;
  background: #0B0B0B;
  background: rgba(0, 0, 0, 0.35);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}
.p13n-modal .p13n-modal-text {
  display: block;
}
.p13n-modal .p13n-dd-signin,
.p13n-modal .p13n-dd-signup {
  display: block !important;
}
.p13n-modal .p13n-dd-signup {
  margin: 2.5% auto;
  max-height: 90%;
  overflow-y: auto;
}
.p13n-modal .p13n-dd-signup #reg-error {
  display: none;
}
.citation-popup-container,
.p13n-citation-popup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 101;
}
.citation-popup-container h1,
.p13n-citation-popup h1 {
  font-size: 16px;
  font-weight: normal;
  padding: 10px 15px;
  background-color: #dbb105;
}
.citation-popup-container .modal-body,
.p13n-citation-popup .modal-body {
  padding: 15px;
}
.citation-popup-container .citation-popup,
.p13n-citation-popup .citation-popup {
  background: #ffffff;
  position: relative;
  margin: 50px auto;
  width: 500px;
  border: 1px solid #d9d9d9;
  border: 1px solid rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  z-index: 999;
  max-height: 80%;
  overflow: auto;
}
.citation-popup-container .citation-overlay,
.p13n-citation-popup .citation-overlay {
  display: block;
  background: #0B0B0B;
  background: rgba(0, 0, 0, 0.35);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}
.citation-popup-container .citation-actions,
.p13n-citation-popup .citation-actions {
  margin: 0;
}
.citation-popup-container .citation-actions .btn,
.p13n-citation-popup .citation-actions .btn,
.citation-popup-container .cite-export-text,
.p13n-citation-popup .cite-export-text {
  padding: 0 15px 0 0;
}
.citation-popup-container .table,
.p13n-citation-popup .table {
  text-align: left;
}
.citation-popup-container .table th,
.p13n-citation-popup .table th {
  padding-bottom: 10px;
}
.citation-popup-container .citation-table-left,
.p13n-citation-popup .citation-table-left {
  padding-right: 20px;
}
.citation-popup-container .close,
.p13n-citation-popup .close {
  height: 40px;
  width: 40px;
  line-height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  color: #414141;
}
.citation-popup-container {
  display: none;
}
.percy-options .btn {
  font-weight: normal;
}
.oldie .p13n-modal .p13n-dd-signup {
  overflow-y: auto;
}
.oldie .p13n-search-list .p13n-search-detail .p13n-search-check,
.oldie .p13n-item-list .p13n-item-detail .p13n-item-check {
  left: 0px;
  top: 21px;
  vertical-align: top;
}
.oldie .p13n-search-list .p13n-search-detail .p13n-search-check + label,
.oldie .p13n-item-list .p13n-item-detail .p13n-item-check + label {
  display: none;
}
.currency-section {
  display: none;
}
.personalized .currency-section {
  display: inline;
}
@media (max-width: 640px) {
  .p13n-dd .p13n-menu li {
    width: auto;
  }
  .p13n-nav-tabs li {
    white-space: nowrap;
    width: auto;
    min-width: 30%;
  }
}
@media (max-width: 420px) {
  .p13n-nav-tabs li {
    white-space: normal;
    width: 30%;
    min-width: 30%;
  }
}
@media (max-width: 340px) {
  .p13n-dd > div {
    max-width: 100%;
  }
}
.sgk-login-form fieldset {
  padding: 20px;
  background: url('../img/sgk-login-page-bg.gif') no-repeat top right #ffffff;
  box-shadow: 0 1px 3px #eeeeee;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  border: 1px solid #DDD;
}
.sgk-login-form .form-actions {
  padding: 20px 0 0;
}
@media (max-width: 900px) {
  .sgk-login-form fieldset {
    background: #ffffff;
  }
}
section.nlm-article {
  /* rules */

  /* superior numbers which are cross-references */

  /* not interested in warnings for now */

  /* --------------- Titling levels -------------------- */

  /* titling level 1: document title */

  /* callout titles appear in a left column (table cell)
       opposite what they head */

  /* text decoration */

}
section.nlm-article table.metadata td {
  vertical-align: top;
}
section.nlm-article table.two-column td {
  width: 50%;
}
section.nlm-article div.metadata-group > p,
section.nlm-article div.metadata-group > div {
  margin-top: 0.5em;
}
section.nlm-article div.metadata-area * {
  margin: 0em;
}
section.nlm-article div.metadata-area > div.metadata-area {
  margin-left: 1em;
  margin-top: 0em;
}
section.nlm-article div.metadata-chunk > div.metadata-area {
  margin-left: 1em;
  margin-top: 0em;
}
section.nlm-article div.metadata-chunk {
  margin-left: 1em;
}
section.nlm-article div.document-title-notes {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
section.nlm-article hr.part-rule {
  color: red;
  width: 50%;
  margin-top: 1em;
  margin-bottom: 1em;
}
section.nlm-article hr.section-rule {
  color: black;
  width: 50%;
  margin-top: 1em;
  margin-bottom: 1em;
}
section.nlm-article .xref {
  color: red;
}
section.nlm-article .warning {
  display: none;
}
section.nlm-article .tex-math {
  color: #008000;
}
section.nlm-article .data {
  color: black;
}
section.nlm-article .formula {
  font-size: 90%;
}
section.nlm-article .callout-title {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: bold;
  font-family: 'PT Serif', serif;
}
section.nlm-article div.section,
section.nlm-article div.back-section {
  margin-top: 1em;
  margin-bottom: 0.5em;
}
section.nlm-article div.panel {
  font-size: 90%;
  border: thin solid #ccc;
  border-radius: 5px;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
section.nlm-article div.blockquote {
  font-size: 90%;
  margin-left: 1em;
  margin-right: 1em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
section.nlm-article div.caption {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
section.nlm-article div.speech {
  margin-left: 1em;
  margin-right: 1em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
section.nlm-article div.verse-group {
  margin-left: 1em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
section.nlm-article div.verse-group div.verse-group {
  margin-left: 1em;
  margin-top: 0em;
  margin-bottom: 0em;
}
section.nlm-article div.note {
  margin-top: 0em;
  margin-left: 1em;
  font-size: 85%;
}
section.nlm-article .ref-label {
  margin-top: 0em;
  vertical-align: top;
}
section.nlm-article .ref-content {
  margin-top: 0em;
  padding-left: 0.25em;
}
section.nlm-article h5.label {
  margin-top: 0em;
  margin-bottom: 0em;
}
section.nlm-article p {
  margin-top: 0.5em;
  margin-bottom: 0em;
}
section.nlm-article p.first {
  margin-top: 0em;
}
section.nlm-article p.verse-line,
section.nlm-article p.citation {
  margin-top: 0em;
  margin-bottom: 0em;
  margin-left: 2em;
  text-indent: -2em;
}
section.nlm-article p.address-line {
  margin-top: 0em;
  margin-bottom: 0em;
  margin-left: 2em;
}
section.nlm-article ul,
section.nlm-article ol {
  margin-top: 0.5em;
}
section.nlm-article li {
  margin-top: 0.5em;
  margin-bottom: 0em;
}
section.nlm-article li > p {
  margin-top: 0.2em;
  margin-bottom: 0em;
}
section.nlm-article table.def-list {
  border-spacing: 0.25em;
  border-top: thin solid #000000;
}
section.nlm-article table.def-list td {
  vertical-align: top;
  border-bottom: thin solid black;
  padding-bottom: 0.5em;
}
section.nlm-article table.def-list th {
  vertical-align: top;
  text-align: left;
  border-bottom: thin solid black;
  padding-bottom: 0.5em;
}
section.nlm-article .label {
  font-weight: bold;
  font-family: sans-serif;
  font-size: 80%;
}
section.nlm-article .monospace {
  font-family: monospace;
}
section.nlm-article .overline {
  text-decoration: overline;
}
/* ---------------- End ------------------------------ */
.article {
  font-family: 'PT Serif', serif;
}
.article-header {
  padding: 20px 20px 0;
}
.article-header h1 {
  margin: 0 0 20px;
}
.nlm-article {
  font-family: 'PT Serif', serif;
  font-size: 16px;
  line-height: 150%;
  padding: 20px;
}
.nlm-article img {
  max-width: 100%;
}
.nlm-article h2 {
  font-size: 18px;
}
.nlm-article h3 {
  font-size: 18px;
  font-weight: normal;
}
.nlm-article h4 {
  font-size: 16px;
}
.sidebar-block {
  background-color: #ffffff;
  margin-top: 20px;
  padding: 20px;
  border: 1px solid #d9d9d9;
}
.sidebar-block h2 {
  font-size: 16px;
  font-weight: normal;
}
.related .result-item {
  padding: 20px 0;
  border-top: 1px solid #d9d9d9;
}
.related .result-item:first-child {
  border: 0;
}
.related h3 {
  font-size: 14px;
}
.related .below-fold {
  border-top: 1px solid #d9d9d9;
}
.ad-block {
  margin-top: 20px;
}
.ad-block img {
  width: 100%;
}
.no-access-section {
  padding: 20px;
  text-align: center;
}
.excerpt {
  margin: 10px 0;
}
.excerpt p {
  display: inline;
  margin: 0;
}
.title-label {
  padding-right: 5px;
}
/* Journals listing page styling */
.page-title {
  margin-bottom: 20px;
}
.journal-nav {
  background-color: #1e75af;
  color: #ffffff;
}
.journal-nav .container {
  border: 0;
  padding: 10px 0;
  text-align: center;
}
.journal-nav a {
  color: #ffffff;
}
.journal-nav a:hover {
  color: #dbb105;
}
.journal-nav .list-nav-current {
  color: #dbb105;
}
.journal-nav .js-nav-disabled,
.journal-nav .js-nav-disabled:hover {
  color: #4491c5;
}
.journals-list a {
  padding: 10px;
  border-top: 1px solid #d9d9d9;
  display: block;
}
.journal-alphabet {
  padding: 0 23.9px 0 0;
  color: #3b1b3f;
  font-size: 1.125em;
}
.journal-alphabet.last-nav-item {
  padding: 0;
}
.journal-alphabet:hover {
  color: #1b699e;
}
.oldie .journal-alphabet {
  padding-right: 19.2px;
}
.oldie .journal-alphabet.last-nav-item {
  padding: 0;
}
.journals-per-letter {
  position: relative;
}
.journals-per-letter .journal-letter-title {
  background-color: #dbb105;
  position: absolute;
  left: -45px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
}
.journal-overview {
  margin-bottom: 20px;
  background-color: #ffffff;
}
.journal-overview .journal-details,
.journal-overview .journal-cover {
  margin-bottom: 20px;
}
.journal-overview h1 {
  margin: 20px;
}
.journal-overview p {
  margin-top: 0;
}
.journal-overview .details {
  margin-right: 20px;
}
.journal-overview .action-links {
  padding: 0 20px;
}
.journal-overview .action-links a {
  display: block;
  line-height: 20px;
}
.journal-overview .journal-cover-img {
  margin: 0 20px;
}
.journal-overview .journal-cover-img img {
  width: 100%;
  max-width: 100%;
  padding-bottom: 20px;
}
.journal-overview .journals-data {
  margin: 0 20px;
}
.journal-overview dl,
.journal-overview dd {
  margin: 0;
}
.article-list .bulk-action {
  padding: 10px 20px;
}
.volume-list {
  background-color: #ffffff;
  padding: 20px;
}
.volume-list .volume-no {
  background: none;
  border: 0;
  color: #1e75af;
  vertical-align: bottom;
}
.volume-list .volume-no:hover,
.volume-list .volume-no:focus {
  color: #515151;
}
@media (max-width: 660px) {
  .journal-overview .journal-cover,
  .journal-overview .journal-details {
    width: auto;
    float: none;
    padding-left: 20px;
  }
}
@media (max-width: 600px) {
  .journal-overview .journal-cover {
    margin: 0;
    padding: 0 20px;
  }
  .journal-overview .journal-details {
    margin: 20px 0 0;
    padding: 0 20px;
  }
  .journal-overview .journal-details .details {
    margin: 0;
  }
  .journal-overview .action-links {
    margin-bottom: 20px;
  }
}
.fragr-page-content {
  font-family: 'PT Serif', serif;
  font-size: 16px;
  line-height: 150%;
}
.fragr-page-content h1 {
  padding: 20px 20px 0;
}
.fragr-page-content .content-section {
  border-top: 1px solid #d9d9d9;
  padding: 0 100px;
}
.fragr-page-content .fragr-content ul {
  font-family: 'PT Sans', Helvetica, sans-serif;
}
.fragr-container ul {
  padding: 20px;
  background-color: #ffffff;
}
.fragr-container li {
  padding: 10px;
  border-bottom: 1px solid #d9d9d9;
}
.fragr-container li:first-child {
  border-top: 1px solid #d9d9d9;
}
.fragr-header {
  padding: 10px;
  background: url('../img/S_Environment_HEADER.jpg');
  background-color: #9fb2b7;
  background-repeat: no-repeat;
  background-position: right top;
  color: #414141;
  width: 100%;
  height: 40px;
  text-align: left;
  font-size: 18px;
  font-family: 'PT Sans', Helvetica, sans-serif;
}
.right-logo {
  float: right;
  padding: 4px;
  margin: 0 0 45px 20px;
}
[class^="page-custom-pages-"] .single-container {
  padding: 0;
  margin-top: 20px;
}
.page-custom-pages-medicine-health .fragr-header {
  background-image: url('../img/S_Medicine_HEADER.jpg');
}
.page-custom-pages-chemistry .fragr-header {
  background-image: url('../img/S_Chemistry_HEADER.jpg');
}
.page-custom-pages-computer-sciences .fragr-header {
  background-image: url('../img/S_computer_sciences_HEADER.jpg');
}
.page-custom-pages-environment .fragr-header {
  background-image: url('../img/S_Environment_HEADER.jpg');
}
.page-custom-pages-engineering .fragr-header {
  background-image: url('../img/S_Engineering_HEADER.jpg');
}
.page-custom-pages-mathematics .fragr-header {
  background-image: url('../img/S_Mathmatics_HEADER.jpg');
}
.page-custom-pages-social-sciences .fragr-header {
  background-image: url('../img/S_Social_Sciences_HEADER.jpg');
}
.page-custom-pages-architecture-design .fragr-header {
  background-image: url('../img/S_Architecture-and-design_HEADER.jpg');
}
.page-custom-pages-material-ciences .fragr-header {
  background-image: url('../img/S_Physics_HEADER.jpg');
}
/* IE7 calculations */
/* IE7 HACKS */
.ie7 {
  /* GRID OF ONE */

  /*  GRID OF TWO  */

  /*  GRID OF THREE  */

  /*  GRID OF FOUR  */

  /* GRID OF FIVE */

}
.ie7 .container {
  text-align: left;
  width: 940px;
}
.ie7 .col-full {
  width: 900px;
}
.ie7 .col-1by2 {
  width: 450px;
}
.ie7 .main {
  width: 640px;
}
.ie7 .sidebar {
  width: 280px;
}
.ie7 .padded .col-1by2 {
  width: 410px;
}
.ie7 .col-2by3 {
  width: 600px;
}
.ie7 .col-1by3 {
  width: 300px;
}
.ie7 .padded .col-2by3 {
  width: 560px;
}
.ie7 .padded .col-1by3 {
  width: 260px;
}
.ie7 .col-3by4 {
  width: 675px;
}
.ie7 .col-1by4 {
  width: 225px;
}
.ie7 .padded .col-3by4 {
  width: 635px;
}
.ie7 .padded .col-1by4 {
  width: 185px;
}
.ie7 .col-1by5 {
  width: 180px;
}
.ie7 .col-2by5 {
  width: 360px;
}
.ie7 .col-3by5 {
  width: 540px;
}
.ie7 .col-4by5 {
  width: 720px;
}
.ie7 .padded .col-1by5 {
  width: 140px;
}
.ie7 .padded .col-2by5 {
  width: 320px;
}
.ie7 .padded .col-3by5 {
  width: 500px;
}
.ie7 .padded .col-4by5 {
  width: 680px;
}
.ie7 .nav-1 .nav-item {
  display: inline;
  zoom: 1;
}
.ie7 .hero .bg {
  text-align: left;
}
.ie7 .hero .container {
  text-align: center;
}
/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  * {
    box-shadow: none !important;
    text-shadow: none !important;
    transition: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a:after,
  a:visited:after {
    text-decoration: none;
  }
  a[href]:after {
    content: " (" attr(href) ")";
    -ms-word-break: break-all;
    word-break: break-all;
    font-weight: normal;
    font-size: 0.9em;
    word-break: break-word;
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
    text-decoration: none;
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
    padding: 20px;
    margin: 1em;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 1cm 1em 2cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .main {
    width: 100%;
    float: none;
  }
  .header-block,
  .sidebar,
  .hero,
  .chapter-section-nav,
  .content-action-buttons,
  .overview-toc-navs,
  .footer {
    display: none;
  }
  .page-home .header-block,
  .page-home .footer {
    display: block;
  }
  .tab-list {
    display: none;
  }
  .tab-content,
  .tab-block > section {
    display: block !important;
  }
  /* Hiding buttons from printing */
  .btn {
    display: none;
  }
  .items-per-page {
    display: none;
  }
  .pagination-nav {
    display: none;
  }
  /* listing pages */
  .fix-to-top-nav {
    display: none;
  }
  .toggle-section {
    display: block;
  }
  .list-container:before {
    font-size: 20px;
    content: 'Chapter Index';
    font-weight: bold;
    display: block;
    line-height: 2.5em;
  }
  .select:before,
  .select:after {
    display: none;
  }
  .select select {
    width: auto;
    color: #222;
    background: #ffffff;
    height: auto;
    line-height: auto;
  }
  .search-result-item-title a {
    text-decoration: none;
  }
  .purchase-list .invoice-link {
    display: none;
  }
  .pagination a {
    text-decoration: none;
  }
  .pagination a[href]:after {
    content: "";
  }
}