/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

/*****************************
    Positioning
*****************************/
.float-right, .float-r {
  float: right; }

.float-left, .float-l {
  float: left; }

.align-right, .align-r {
  text-align: right; }

.align-left, .align-l {
  text-align: left; }

.align-center, .align-c {
  text-align: center; }

.hidden {
  display: none; }

.clear {
  clear: both; }

.clear-left, .clear-l {
  clear: left; }

.clear-right, .clear-r {
  clear: right; }

/*****************************
    Relational
*****************************/
.margin {
  margin: 50px; }

.margin-t {
  margin-top: 50px; }

.margin-b {
  margin-bottom: 50px; }

.margin-r {
  margin-right: 50px; }

.margin-l {
  margin-left: 50px; }

/*****************************
    Structure
*****************************/
*[class*="container"]:before, *[class*="container"]:after {
  display: table;
  content: ""; }

*[class*="container"]:after {
  clear: both; }

*[class*="col"] {
  float: left; }
  *[class*="col"]:not(:first-child) {
    margin-left: 20px; }

*[class*="container"] {
  width: 800px;
  margin-left: auto;
  margin-right: auto; }

*[class*="container"] .col, .container-1 .col {
  width: 800px;
  box-sizing: border-box; }

@media all and (max-width: 800px) {
  *[class*="container"] {
    width: auto; } }
.container-2 [class*="col"] {
  width: 390px; }
  .container-2 [class*="col"] *[class*="container"] {
    width: 390px;
    margin-left: auto;
    margin-right: auto; }
  .container-2 [class*="col"] *[class*="container"] .col, .container-2 [class*="col"] .container-1 .col {
    width: 390px;
    box-sizing: border-box; }
  @media all and (max-width: 800px) {
    .container-2 [class*="col"] *[class*="container"] {
      width: auto; } }
  .container-2 [class*="col"] .container-2 [class*="col"] {
    width: 185px; }
  .container-2 [class*="col"] .container-3 [class*="col"] {
    width: 116.66667px; }
  .container-2 [class*="col"] .container-4 [class*="col"] {
    width: 82.5px; }
  .container-2 [class*="col"] .container-5 [class*="col"] {
    width: 62px; }

.container-3 [class*="col"] {
  width: 253.33333px; }
  .container-3 [class*="col"] *[class*="container"] {
    width: 253.33333px;
    margin-left: auto;
    margin-right: auto; }
  .container-3 [class*="col"] *[class*="container"] .col, .container-3 [class*="col"] .container-1 .col {
    width: 253.33333px;
    box-sizing: border-box; }
  @media all and (max-width: 800px) {
    .container-3 [class*="col"] *[class*="container"] {
      width: auto; } }
  .container-3 [class*="col"] .container-2 [class*="col"] {
    width: 116.66667px; }
  .container-3 [class*="col"] .container-3 [class*="col"] {
    width: 71.11111px; }
  .container-3 [class*="col"] .container-4 [class*="col"] {
    width: 48.33333px; }
  .container-3 [class*="col"] .container-5 [class*="col"] {
    width: 34.66667px; }

.container-4 [class*="col"] {
  width: 185px; }
  .container-4 [class*="col"] *[class*="container"] {
    width: 185px;
    margin-left: auto;
    margin-right: auto; }
  .container-4 [class*="col"] *[class*="container"] .col, .container-4 [class*="col"] .container-1 .col {
    width: 185px;
    box-sizing: border-box; }
  @media all and (max-width: 800px) {
    .container-4 [class*="col"] *[class*="container"] {
      width: auto; } }
  .container-4 [class*="col"] .container-2 [class*="col"] {
    width: 82.5px; }
  .container-4 [class*="col"] .container-3 [class*="col"] {
    width: 48.33333px; }
  .container-4 [class*="col"] .container-4 [class*="col"] {
    width: 31.25px; }
  .container-4 [class*="col"] .container-5 [class*="col"] {
    width: 21px; }

.container-5 [class*="col"] {
  width: 144px; }
  .container-5 [class*="col"] *[class*="container"] {
    width: 144px;
    margin-left: auto;
    margin-right: auto; }
  .container-5 [class*="col"] *[class*="container"] .col, .container-5 [class*="col"] .container-1 .col {
    width: 144px;
    box-sizing: border-box; }
  @media all and (max-width: 800px) {
    .container-5 [class*="col"] *[class*="container"] {
      width: auto; } }
  .container-5 [class*="col"] .container-2 [class*="col"] {
    width: 62px; }
  .container-5 [class*="col"] .container-3 [class*="col"] {
    width: 34.66667px; }
  .container-5 [class*="col"] .container-4 [class*="col"] {
    width: 21px; }
  .container-5 [class*="col"] .container-5 [class*="col"] {
    width: 12.8px; }

.col.r-3-1 {
  width: 253.33333px; }
  .col.r-3-1 .col.r-3-1 {
    width: 71.11111px; }
  .col.r-3-1 .col.r-3-2 {
    width: 162.22222px; }
  .col.r-3-1 .col.r-4-1 {
    width: 48.33333px; }
  .col.r-3-1 .col.r-4-2 {
    width: 116.66667px; }
  .col.r-3-1 .col.r-4-3 {
    width: 185px; }
  .col.r-3-1 .col.r-5-1 {
    width: 34.66667px; }
  .col.r-3-1 .col.r-5-2 {
    width: 89.33333px; }
  .col.r-3-1 .col.r-5-3 {
    width: 144px; }
  .col.r-3-1 .col.r-5-4 {
    width: 198.66667px; }
  .col.r-3-1 *[class*="container"] {
    width: 253.33333px;
    margin-left: auto;
    margin-right: auto; }
  .col.r-3-1 *[class*="container"] .col, .col.r-3-1 .container-1 .col {
    width: 253.33333px;
    box-sizing: border-box; }
  @media all and (max-width: 800px) {
    .col.r-3-1 *[class*="container"] {
      width: auto; } }
  .col.r-3-1 .container-2 [class*="col"] {
    width: 116.66667px; }
  .col.r-3-1 .container-3 [class*="col"] {
    width: 71.11111px; }
  .col.r-3-1 .container-4 [class*="col"] {
    width: 48.33333px; }
  .col.r-3-1 .container-5 [class*="col"] {
    width: 34.66667px; }

.col.r-3-2 {
  width: 526.66667px; }
  .col.r-3-2 .col.r-3-1 {
    width: 162.22222px; }
  .col.r-3-2 .col.r-3-2 {
    width: 344.44444px; }
  .col.r-3-2 .col.r-4-1 {
    width: 116.66667px; }
  .col.r-3-2 .col.r-4-2 {
    width: 253.33333px; }
  .col.r-3-2 .col.r-4-3 {
    width: 390px; }
  .col.r-3-2 .col.r-5-1 {
    width: 89.33333px; }
  .col.r-3-2 .col.r-5-2 {
    width: 198.66667px; }
  .col.r-3-2 .col.r-5-3 {
    width: 308px; }
  .col.r-3-2 .col.r-5-4 {
    width: 417.33333px; }
  .col.r-3-2 *[class*="container"] {
    width: 526.66667px;
    margin-left: auto;
    margin-right: auto; }
  .col.r-3-2 *[class*="container"] .col, .col.r-3-2 .container-1 .col {
    width: 526.66667px;
    box-sizing: border-box; }
  @media all and (max-width: 800px) {
    .col.r-3-2 *[class*="container"] {
      width: auto; } }
  .col.r-3-2 .container-2 [class*="col"] {
    width: 253.33333px; }
  .col.r-3-2 .container-3 [class*="col"] {
    width: 162.22222px; }
  .col.r-3-2 .container-4 [class*="col"] {
    width: 116.66667px; }
  .col.r-3-2 .container-5 [class*="col"] {
    width: 89.33333px; }

.col.r-4-1 {
  width: 185px; }
  .col.r-4-1 .col.r-3-1 {
    width: 48.33333px; }
  .col.r-4-1 .col.r-3-2 {
    width: 116.66667px; }
  .col.r-4-1 .col.r-4-1 {
    width: 31.25px; }
  .col.r-4-1 .col.r-4-2 {
    width: 82.5px; }
  .col.r-4-1 .col.r-4-3 {
    width: 133.75px; }
  .col.r-4-1 .col.r-5-1 {
    width: 21px; }
  .col.r-4-1 .col.r-5-2 {
    width: 62px; }
  .col.r-4-1 .col.r-5-3 {
    width: 103px; }
  .col.r-4-1 .col.r-5-4 {
    width: 144px; }
  .col.r-4-1 *[class*="container"] {
    width: 185px;
    margin-left: auto;
    margin-right: auto; }
  .col.r-4-1 *[class*="container"] .col, .col.r-4-1 .container-1 .col {
    width: 185px;
    box-sizing: border-box; }
  @media all and (max-width: 800px) {
    .col.r-4-1 *[class*="container"] {
      width: auto; } }
  .col.r-4-1 .container-2 [class*="col"] {
    width: 82.5px; }
  .col.r-4-1 .container-3 [class*="col"] {
    width: 48.33333px; }
  .col.r-4-1 .container-4 [class*="col"] {
    width: 31.25px; }
  .col.r-4-1 .container-5 [class*="col"] {
    width: 21px; }

.col.r-4-2 {
  width: 390px; }
  .col.r-4-2 .col.r-3-1 {
    width: 116.66667px; }
  .col.r-4-2 .col.r-3-2 {
    width: 253.33333px; }
  .col.r-4-2 .col.r-4-1 {
    width: 82.5px; }
  .col.r-4-2 .col.r-4-2 {
    width: 185px; }
  .col.r-4-2 .col.r-4-3 {
    width: 287.5px; }
  .col.r-4-2 .col.r-5-1 {
    width: 62px; }
  .col.r-4-2 .col.r-5-2 {
    width: 144px; }
  .col.r-4-2 .col.r-5-3 {
    width: 226px; }
  .col.r-4-2 .col.r-5-4 {
    width: 308px; }
  .col.r-4-2 *[class*="container"] {
    width: 390px;
    margin-left: auto;
    margin-right: auto; }
  .col.r-4-2 *[class*="container"] .col, .col.r-4-2 .container-1 .col {
    width: 390px;
    box-sizing: border-box; }
  @media all and (max-width: 800px) {
    .col.r-4-2 *[class*="container"] {
      width: auto; } }
  .col.r-4-2 .container-2 [class*="col"] {
    width: 185px; }
  .col.r-4-2 .container-3 [class*="col"] {
    width: 116.66667px; }
  .col.r-4-2 .container-4 [class*="col"] {
    width: 82.5px; }
  .col.r-4-2 .container-5 [class*="col"] {
    width: 62px; }

.col.r-4-3 {
  width: 595px; }
  .col.r-4-3 .col.r-3-1 {
    width: 185px; }
  .col.r-4-3 .col.r-3-2 {
    width: 390px; }
  .col.r-4-3 .col.r-4-1 {
    width: 133.75px; }
  .col.r-4-3 .col.r-4-2 {
    width: 287.5px; }
  .col.r-4-3 .col.r-4-3 {
    width: 441.25px; }
  .col.r-4-3 .col.r-5-1 {
    width: 103px; }
  .col.r-4-3 .col.r-5-2 {
    width: 226px; }
  .col.r-4-3 .col.r-5-3 {
    width: 349px; }
  .col.r-4-3 .col.r-5-4 {
    width: 472px; }
  .col.r-4-3 *[class*="container"] {
    width: 595px;
    margin-left: auto;
    margin-right: auto; }
  .col.r-4-3 *[class*="container"] .col, .col.r-4-3 .container-1 .col {
    width: 595px;
    box-sizing: border-box; }
  @media all and (max-width: 800px) {
    .col.r-4-3 *[class*="container"] {
      width: auto; } }
  .col.r-4-3 .container-2 [class*="col"] {
    width: 287.5px; }
  .col.r-4-3 .container-3 [class*="col"] {
    width: 185px; }
  .col.r-4-3 .container-4 [class*="col"] {
    width: 133.75px; }
  .col.r-4-3 .container-5 [class*="col"] {
    width: 103px; }

.col.r-5-1 {
  width: 144px; }
  .col.r-5-1 .col.r-3-1 {
    width: 34.66667px; }
  .col.r-5-1 .col.r-3-2 {
    width: 89.33333px; }
  .col.r-5-1 .col.r-4-1 {
    width: 21px; }
  .col.r-5-1 .col.r-4-2 {
    width: 62px; }
  .col.r-5-1 .col.r-4-3 {
    width: 103px; }
  .col.r-5-1 .col.r-5-1 {
    width: 12.8px; }
  .col.r-5-1 .col.r-5-2 {
    width: 45.6px; }
  .col.r-5-1 .col.r-5-3 {
    width: 78.4px; }
  .col.r-5-1 .col.r-5-4 {
    width: 111.2px; }
  .col.r-5-1 *[class*="container"] {
    width: 144px;
    margin-left: auto;
    margin-right: auto; }
  .col.r-5-1 *[class*="container"] .col, .col.r-5-1 .container-1 .col {
    width: 144px;
    box-sizing: border-box; }
  @media all and (max-width: 800px) {
    .col.r-5-1 *[class*="container"] {
      width: auto; } }
  .col.r-5-1 .container-2 [class*="col"] {
    width: 62px; }
  .col.r-5-1 .container-3 [class*="col"] {
    width: 34.66667px; }
  .col.r-5-1 .container-4 [class*="col"] {
    width: 21px; }
  .col.r-5-1 .container-5 [class*="col"] {
    width: 12.8px; }

.col.r-5-2 {
  width: 308px; }
  .col.r-5-2 .col.r-3-1 {
    width: 89.33333px; }
  .col.r-5-2 .col.r-3-2 {
    width: 198.66667px; }
  .col.r-5-2 .col.r-4-1 {
    width: 62px; }
  .col.r-5-2 .col.r-4-2 {
    width: 144px; }
  .col.r-5-2 .col.r-4-3 {
    width: 226px; }
  .col.r-5-2 .col.r-5-1 {
    width: 45.6px; }
  .col.r-5-2 .col.r-5-2 {
    width: 111.2px; }
  .col.r-5-2 .col.r-5-3 {
    width: 176.8px; }
  .col.r-5-2 .col.r-5-4 {
    width: 242.4px; }
  .col.r-5-2 *[class*="container"] {
    width: 308px;
    margin-left: auto;
    margin-right: auto; }
  .col.r-5-2 *[class*="container"] .col, .col.r-5-2 .container-1 .col {
    width: 308px;
    box-sizing: border-box; }
  @media all and (max-width: 800px) {
    .col.r-5-2 *[class*="container"] {
      width: auto; } }
  .col.r-5-2 .container-2 [class*="col"] {
    width: 144px; }
  .col.r-5-2 .container-3 [class*="col"] {
    width: 89.33333px; }
  .col.r-5-2 .container-4 [class*="col"] {
    width: 62px; }
  .col.r-5-2 .container-5 [class*="col"] {
    width: 45.6px; }

.col.r-5-3 {
  width: 472px; }
  .col.r-5-3 .col.r-3-1 {
    width: 144px; }
  .col.r-5-3 .col.r-3-2 {
    width: 308px; }
  .col.r-5-3 .col.r-4-1 {
    width: 103px; }
  .col.r-5-3 .col.r-4-2 {
    width: 226px; }
  .col.r-5-3 .col.r-4-3 {
    width: 349px; }
  .col.r-5-3 .col.r-5-1 {
    width: 78.4px; }
  .col.r-5-3 .col.r-5-2 {
    width: 176.8px; }
  .col.r-5-3 .col.r-5-3 {
    width: 275.2px; }
  .col.r-5-3 .col.r-5-4 {
    width: 373.6px; }
  .col.r-5-3 *[class*="container"] {
    width: 472px;
    margin-left: auto;
    margin-right: auto; }
  .col.r-5-3 *[class*="container"] .col, .col.r-5-3 .container-1 .col {
    width: 472px;
    box-sizing: border-box; }
  @media all and (max-width: 800px) {
    .col.r-5-3 *[class*="container"] {
      width: auto; } }
  .col.r-5-3 .container-2 [class*="col"] {
    width: 226px; }
  .col.r-5-3 .container-3 [class*="col"] {
    width: 144px; }
  .col.r-5-3 .container-4 [class*="col"] {
    width: 103px; }
  .col.r-5-3 .container-5 [class*="col"] {
    width: 78.4px; }

.col.r-5-4 {
  width: 636px; }
  .col.r-5-4 .col.r-3-1 {
    width: 198.66667px; }
  .col.r-5-4 .col.r-3-2 {
    width: 417.33333px; }
  .col.r-5-4 .col.r-4-1 {
    width: 144px; }
  .col.r-5-4 .col.r-4-2 {
    width: 308px; }
  .col.r-5-4 .col.r-4-3 {
    width: 472px; }
  .col.r-5-4 .col.r-5-1 {
    width: 111.2px; }
  .col.r-5-4 .col.r-5-2 {
    width: 242.4px; }
  .col.r-5-4 .col.r-5-3 {
    width: 373.6px; }
  .col.r-5-4 .col.r-5-4 {
    width: 504.8px; }
  .col.r-5-4 *[class*="container"] {
    width: 636px;
    margin-left: auto;
    margin-right: auto; }
  .col.r-5-4 *[class*="container"] .col, .col.r-5-4 .container-1 .col {
    width: 636px;
    box-sizing: border-box; }
  @media all and (max-width: 800px) {
    .col.r-5-4 *[class*="container"] {
      width: auto; } }
  .col.r-5-4 .container-2 [class*="col"] {
    width: 308px; }
  .col.r-5-4 .container-3 [class*="col"] {
    width: 198.66667px; }
  .col.r-5-4 .container-4 [class*="col"] {
    width: 144px; }
  .col.r-5-4 .container-5 [class*="col"] {
    width: 111.2px; }

/*****************************
    Fluid Structure
*****************************/
*[class*="container"].fluid, .fluid *[class*="container"] {
  width: auto; }

*[class*="container"].fluid {
  padding: 0 20px; }

*[class*="container"].fluid *[class*="col"] {
  margin-left: 1.94%; }

*[class*="container"].fluid *[class*="col"]:first-child {
  margin-left: 0;
  float: left !important; }

/*
  Since percentage calculations aren't pixel-accurate, widths are always a little
  shy of correct. Aligning the last column to the right makes everything line up.
*/
.fluid *[class*="col"]:last-child {
  float: right; }

.container.fluid .col, .fluid .container .col {
  width: 100%; }

.container-1.fluid .col, .fluid .container-1 .col {
  width: 100%; }

.container-2.fluid .col, .fluid .container-2 .col {
  width: 49.03%; }

.container-3.fluid .col, .fluid .container-3 .col {
  width: 32.02%; }

.container-4.fluid .col, .fluid .container-4 .col {
  width: 23.52%; }

.container-5.fluid .col, .fluid .container-5 .col {
  width: 18.43%; }

/* Resized Columns */
.fluid .col.r-3-1 {
  width: 32.02%; }

.fluid .col.r-3-2 {
  width: 65.98%; }

.fluid .col.r-4-1 {
  width: 23.52%; }

.fluid .col.r-4-2 {
  width: 48.98%; }

.fluid .col.r-4-3 {
  width: 74.45%; }

.fluid .col.r-5-1 {
  width: 18.43%; }

.fluid .col.r-5-2 {
  width: 38.80%; }

.fluid .col.r-5-3 {
  width: 59.17%; }

.fluid .col.r-5-4 {
  width: 79.54%; }

/*****************************
    Flows
*****************************/
.container.flow .col {
  width: auto; }

/*****************************
    Fixed Structure
*****************************/
.container.fixed {
  position: fixed; }

.container.fixed.fluid {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-size: 62.5%;
  line-height: 62.5%; }

body {
  margin: 20px; }

body, input, button {
  font-size: 15px;
  font-size: 1.5rem;
  font-family: Roboto, sans-serif; }

code, code * {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 21px;
  line-height: 2.1rem;
  margin-bottom: 21px;
  margin-bottom: 2.1rem;
  font-family: "Source Code Pro", Menlo, monospace; }

pre {
  line-height: 0; }

p code {
  font-size: 13.5px;
  font-size: 1.35rem;
  display: inline; }

h1 {
  font-size: 37.5px;
  font-size: 3.75rem;
  line-height: 52.5px;
  line-height: 5.25rem;
  margin-bottom: 26.25px;
  margin-bottom: 2.625rem;
  margin-top: 39.375px;
  margin-top: 3.9375rem; }

h2 {
  font-size: 28.5px;
  font-size: 2.85rem;
  line-height: 39.9px;
  line-height: 3.99rem;
  margin-bottom: 19.95px;
  margin-bottom: 1.995rem;
  margin-top: 29.925px;
  margin-top: 2.9925rem; }

h3 {
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 29.4px;
  line-height: 2.94rem;
  margin-bottom: 14.7px;
  margin-bottom: 1.47rem;
  margin-top: 22.05px;
  margin-top: 2.205rem; }

h4 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 25.2px;
  line-height: 2.52rem;
  margin-bottom: 12.6px;
  margin-bottom: 1.26rem;
  margin-top: 18.9px;
  margin-top: 1.89rem; }

h5 {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 21px;
  line-height: 2.1rem;
  margin-bottom: 10.5px;
  margin-bottom: 1.05rem;
  margin-top: 15.75px;
  margin-top: 1.575rem; }

p {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 21px;
  line-height: 2.1rem;
  margin-bottom: 10.5px;
  margin-bottom: 1.05rem; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

hr {
  margin-top: 21px;
  margin-top: 2.1rem;
  margin-bottom: 21px;
  margin-bottom: 2.1rem; }

/*****************************
    Type
*****************************/
.lead, .lead * {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 25.2px;
  line-height: 2.52rem;
  margin-bottom: 25.2px;
  margin-bottom: 2.52rem; }
  .lead code, .lead * code {
    font-size: 16.2px;
    font-size: 1.62rem; }

/*****************************
    Lists
*****************************/
ul, ol {
  margin-bottom: 9px;
  margin-bottom: 0.9rem;
  margin-left: 25px;
  margin-left: 2.5rem; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 21px;
  line-height: 2.1rem; }

ul.horizontal, ol.horizontal {
  margin: 0;
  display: inline; }
  ul.horizontal li, ol.horizontal li {
    display: inline; }

ul.plain, ol.plain {
  margin-left: 0; }
  ul.plain li, ol.plain li {
    list-style: none; }

/*****************************
    Forms
*****************************/
label {
  display: block; }
  label.inline {
    display: inline; }

fieldset {
  margin-bottom: 21px;
  margin-bottom: 2.1rem; }
  fieldset ul {
    margin-left: 0;
    list-style: none; }
    fieldset ul li {
      margin-bottom: 10.5px;
      margin-bottom: 1.05rem; }
      fieldset ul li label {
        margin-bottom: 10.5px;
        margin-bottom: 1.05rem; }

input, textarea {
  outline: none; }

/*****************************
    Positioning
*****************************/
.float-right, .float-r {
  float: right; }

.float-left, .float-l {
  float: left; }

.align-right, .align-r {
  text-align: right; }

.align-left, .align-l {
  text-align: left; }

.align-center, .align-c {
  text-align: center; }

.hidden {
  display: none; }

.clear {
  clear: both; }

.clear-left, .clear-l {
  clear: left; }

.clear-right, .clear-r {
  clear: right; }

/*****************************
    Relational
*****************************/
.margin {
  margin: 50px; }

.margin-t {
  margin-top: 50px; }

.margin-b {
  margin-bottom: 50px; }

.margin-r {
  margin-right: 50px; }

.margin-l {
  margin-left: 50px; }

/*****************************
    Structure
*****************************/
*[class*="container"]:before, *[class*="container"]:after {
  display: table;
  content: ""; }

*[class*="container"]:after {
  clear: both; }

*[class*="col"] {
  float: left; }
  *[class*="col"]:not(:first-child) {
    margin-left: 20px; }

*[class*="container"] {
  width: 800px;
  margin-left: auto;
  margin-right: auto; }

*[class*="container"] .col, .container-1 .col {
  width: 800px;
  box-sizing: border-box; }

@media all and (max-width: 800px) {
  *[class*="container"] {
    width: auto; } }
.container-2 [class*="col"] {
  width: 390px; }
  .container-2 [class*="col"] *[class*="container"] {
    width: 390px;
    margin-left: auto;
    margin-right: auto; }
  .container-2 [class*="col"] *[class*="container"] .col, .container-2 [class*="col"] .container-1 .col {
    width: 390px;
    box-sizing: border-box; }
  @media all and (max-width: 800px) {
    .container-2 [class*="col"] *[class*="container"] {
      width: auto; } }
  .container-2 [class*="col"] .container-2 [class*="col"] {
    width: 185px; }
  .container-2 [class*="col"] .container-3 [class*="col"] {
    width: 116.66667px; }
  .container-2 [class*="col"] .container-4 [class*="col"] {
    width: 82.5px; }
  .container-2 [class*="col"] .container-5 [class*="col"] {
    width: 62px; }

.container-3 [class*="col"] {
  width: 253.33333px; }
  .container-3 [class*="col"] *[class*="container"] {
    width: 253.33333px;
    margin-left: auto;
    margin-right: auto; }
  .container-3 [class*="col"] *[class*="container"] .col, .container-3 [class*="col"] .container-1 .col {
    width: 253.33333px;
    box-sizing: border-box; }
  @media all and (max-width: 800px) {
    .container-3 [class*="col"] *[class*="container"] {
      width: auto; } }
  .container-3 [class*="col"] .container-2 [class*="col"] {
    width: 116.66667px; }
  .container-3 [class*="col"] .container-3 [class*="col"] {
    width: 71.11111px; }
  .container-3 [class*="col"] .container-4 [class*="col"] {
    width: 48.33333px; }
  .container-3 [class*="col"] .container-5 [class*="col"] {
    width: 34.66667px; }

.container-4 [class*="col"] {
  width: 185px; }
  .container-4 [class*="col"] *[class*="container"] {
    width: 185px;
    margin-left: auto;
    margin-right: auto; }
  .container-4 [class*="col"] *[class*="container"] .col, .container-4 [class*="col"] .container-1 .col {
    width: 185px;
    box-sizing: border-box; }
  @media all and (max-width: 800px) {
    .container-4 [class*="col"] *[class*="container"] {
      width: auto; } }
  .container-4 [class*="col"] .container-2 [class*="col"] {
    width: 82.5px; }
  .container-4 [class*="col"] .container-3 [class*="col"] {
    width: 48.33333px; }
  .container-4 [class*="col"] .container-4 [class*="col"] {
    width: 31.25px; }
  .container-4 [class*="col"] .container-5 [class*="col"] {
    width: 21px; }

.container-5 [class*="col"] {
  width: 144px; }
  .container-5 [class*="col"] *[class*="container"] {
    width: 144px;
    margin-left: auto;
    margin-right: auto; }
  .container-5 [class*="col"] *[class*="container"] .col, .container-5 [class*="col"] .container-1 .col {
    width: 144px;
    box-sizing: border-box; }
  @media all and (max-width: 800px) {
    .container-5 [class*="col"] *[class*="container"] {
      width: auto; } }
  .container-5 [class*="col"] .container-2 [class*="col"] {
    width: 62px; }
  .container-5 [class*="col"] .container-3 [class*="col"] {
    width: 34.66667px; }
  .container-5 [class*="col"] .container-4 [class*="col"] {
    width: 21px; }
  .container-5 [class*="col"] .container-5 [class*="col"] {
    width: 12.8px; }

.col.r-3-1 {
  width: 253.33333px; }
  .col.r-3-1 .col.r-3-1 {
    width: 71.11111px; }
  .col.r-3-1 .col.r-3-2 {
    width: 162.22222px; }
  .col.r-3-1 .col.r-4-1 {
    width: 48.33333px; }
  .col.r-3-1 .col.r-4-2 {
    width: 116.66667px; }
  .col.r-3-1 .col.r-4-3 {
    width: 185px; }
  .col.r-3-1 .col.r-5-1 {
    width: 34.66667px; }
  .col.r-3-1 .col.r-5-2 {
    width: 89.33333px; }
  .col.r-3-1 .col.r-5-3 {
    width: 144px; }
  .col.r-3-1 .col.r-5-4 {
    width: 198.66667px; }
  .col.r-3-1 *[class*="container"] {
    width: 253.33333px;
    margin-left: auto;
    margin-right: auto; }
  .col.r-3-1 *[class*="container"] .col, .col.r-3-1 .container-1 .col {
    width: 253.33333px;
    box-sizing: border-box; }
  @media all and (max-width: 800px) {
    .col.r-3-1 *[class*="container"] {
      width: auto; } }
  .col.r-3-1 .container-2 [class*="col"] {
    width: 116.66667px; }
  .col.r-3-1 .container-3 [class*="col"] {
    width: 71.11111px; }
  .col.r-3-1 .container-4 [class*="col"] {
    width: 48.33333px; }
  .col.r-3-1 .container-5 [class*="col"] {
    width: 34.66667px; }

.col.r-3-2 {
  width: 526.66667px; }
  .col.r-3-2 .col.r-3-1 {
    width: 162.22222px; }
  .col.r-3-2 .col.r-3-2 {
    width: 344.44444px; }
  .col.r-3-2 .col.r-4-1 {
    width: 116.66667px; }
  .col.r-3-2 .col.r-4-2 {
    width: 253.33333px; }
  .col.r-3-2 .col.r-4-3 {
    width: 390px; }
  .col.r-3-2 .col.r-5-1 {
    width: 89.33333px; }
  .col.r-3-2 .col.r-5-2 {
    width: 198.66667px; }
  .col.r-3-2 .col.r-5-3 {
    width: 308px; }
  .col.r-3-2 .col.r-5-4 {
    width: 417.33333px; }
  .col.r-3-2 *[class*="container"] {
    width: 526.66667px;
    margin-left: auto;
    margin-right: auto; }
  .col.r-3-2 *[class*="container"] .col, .col.r-3-2 .container-1 .col {
    width: 526.66667px;
    box-sizing: border-box; }
  @media all and (max-width: 800px) {
    .col.r-3-2 *[class*="container"] {
      width: auto; } }
  .col.r-3-2 .container-2 [class*="col"] {
    width: 253.33333px; }
  .col.r-3-2 .container-3 [class*="col"] {
    width: 162.22222px; }
  .col.r-3-2 .container-4 [class*="col"] {
    width: 116.66667px; }
  .col.r-3-2 .container-5 [class*="col"] {
    width: 89.33333px; }

.col.r-4-1 {
  width: 185px; }
  .col.r-4-1 .col.r-3-1 {
    width: 48.33333px; }
  .col.r-4-1 .col.r-3-2 {
    width: 116.66667px; }
  .col.r-4-1 .col.r-4-1 {
    width: 31.25px; }
  .col.r-4-1 .col.r-4-2 {
    width: 82.5px; }
  .col.r-4-1 .col.r-4-3 {
    width: 133.75px; }
  .col.r-4-1 .col.r-5-1 {
    width: 21px; }
  .col.r-4-1 .col.r-5-2 {
    width: 62px; }
  .col.r-4-1 .col.r-5-3 {
    width: 103px; }
  .col.r-4-1 .col.r-5-4 {
    width: 144px; }
  .col.r-4-1 *[class*="container"] {
    width: 185px;
    margin-left: auto;
    margin-right: auto; }
  .col.r-4-1 *[class*="container"] .col, .col.r-4-1 .container-1 .col {
    width: 185px;
    box-sizing: border-box; }
  @media all and (max-width: 800px) {
    .col.r-4-1 *[class*="container"] {
      width: auto; } }
  .col.r-4-1 .container-2 [class*="col"] {
    width: 82.5px; }
  .col.r-4-1 .container-3 [class*="col"] {
    width: 48.33333px; }
  .col.r-4-1 .container-4 [class*="col"] {
    width: 31.25px; }
  .col.r-4-1 .container-5 [class*="col"] {
    width: 21px; }

.col.r-4-2 {
  width: 390px; }
  .col.r-4-2 .col.r-3-1 {
    width: 116.66667px; }
  .col.r-4-2 .col.r-3-2 {
    width: 253.33333px; }
  .col.r-4-2 .col.r-4-1 {
    width: 82.5px; }
  .col.r-4-2 .col.r-4-2 {
    width: 185px; }
  .col.r-4-2 .col.r-4-3 {
    width: 287.5px; }
  .col.r-4-2 .col.r-5-1 {
    width: 62px; }
  .col.r-4-2 .col.r-5-2 {
    width: 144px; }
  .col.r-4-2 .col.r-5-3 {
    width: 226px; }
  .col.r-4-2 .col.r-5-4 {
    width: 308px; }
  .col.r-4-2 *[class*="container"] {
    width: 390px;
    margin-left: auto;
    margin-right: auto; }
  .col.r-4-2 *[class*="container"] .col, .col.r-4-2 .container-1 .col {
    width: 390px;
    box-sizing: border-box; }
  @media all and (max-width: 800px) {
    .col.r-4-2 *[class*="container"] {
      width: auto; } }
  .col.r-4-2 .container-2 [class*="col"] {
    width: 185px; }
  .col.r-4-2 .container-3 [class*="col"] {
    width: 116.66667px; }
  .col.r-4-2 .container-4 [class*="col"] {
    width: 82.5px; }
  .col.r-4-2 .container-5 [class*="col"] {
    width: 62px; }

.col.r-4-3 {
  width: 595px; }
  .col.r-4-3 .col.r-3-1 {
    width: 185px; }
  .col.r-4-3 .col.r-3-2 {
    width: 390px; }
  .col.r-4-3 .col.r-4-1 {
    width: 133.75px; }
  .col.r-4-3 .col.r-4-2 {
    width: 287.5px; }
  .col.r-4-3 .col.r-4-3 {
    width: 441.25px; }
  .col.r-4-3 .col.r-5-1 {
    width: 103px; }
  .col.r-4-3 .col.r-5-2 {
    width: 226px; }
  .col.r-4-3 .col.r-5-3 {
    width: 349px; }
  .col.r-4-3 .col.r-5-4 {
    width: 472px; }
  .col.r-4-3 *[class*="container"] {
    width: 595px;
    margin-left: auto;
    margin-right: auto; }
  .col.r-4-3 *[class*="container"] .col, .col.r-4-3 .container-1 .col {
    width: 595px;
    box-sizing: border-box; }
  @media all and (max-width: 800px) {
    .col.r-4-3 *[class*="container"] {
      width: auto; } }
  .col.r-4-3 .container-2 [class*="col"] {
    width: 287.5px; }
  .col.r-4-3 .container-3 [class*="col"] {
    width: 185px; }
  .col.r-4-3 .container-4 [class*="col"] {
    width: 133.75px; }
  .col.r-4-3 .container-5 [class*="col"] {
    width: 103px; }

.col.r-5-1 {
  width: 144px; }
  .col.r-5-1 .col.r-3-1 {
    width: 34.66667px; }
  .col.r-5-1 .col.r-3-2 {
    width: 89.33333px; }
  .col.r-5-1 .col.r-4-1 {
    width: 21px; }
  .col.r-5-1 .col.r-4-2 {
    width: 62px; }
  .col.r-5-1 .col.r-4-3 {
    width: 103px; }
  .col.r-5-1 .col.r-5-1 {
    width: 12.8px; }
  .col.r-5-1 .col.r-5-2 {
    width: 45.6px; }
  .col.r-5-1 .col.r-5-3 {
    width: 78.4px; }
  .col.r-5-1 .col.r-5-4 {
    width: 111.2px; }
  .col.r-5-1 *[class*="container"] {
    width: 144px;
    margin-left: auto;
    margin-right: auto; }
  .col.r-5-1 *[class*="container"] .col, .col.r-5-1 .container-1 .col {
    width: 144px;
    box-sizing: border-box; }
  @media all and (max-width: 800px) {
    .col.r-5-1 *[class*="container"] {
      width: auto; } }
  .col.r-5-1 .container-2 [class*="col"] {
    width: 62px; }
  .col.r-5-1 .container-3 [class*="col"] {
    width: 34.66667px; }
  .col.r-5-1 .container-4 [class*="col"] {
    width: 21px; }
  .col.r-5-1 .container-5 [class*="col"] {
    width: 12.8px; }

.col.r-5-2 {
  width: 308px; }
  .col.r-5-2 .col.r-3-1 {
    width: 89.33333px; }
  .col.r-5-2 .col.r-3-2 {
    width: 198.66667px; }
  .col.r-5-2 .col.r-4-1 {
    width: 62px; }
  .col.r-5-2 .col.r-4-2 {
    width: 144px; }
  .col.r-5-2 .col.r-4-3 {
    width: 226px; }
  .col.r-5-2 .col.r-5-1 {
    width: 45.6px; }
  .col.r-5-2 .col.r-5-2 {
    width: 111.2px; }
  .col.r-5-2 .col.r-5-3 {
    width: 176.8px; }
  .col.r-5-2 .col.r-5-4 {
    width: 242.4px; }
  .col.r-5-2 *[class*="container"] {
    width: 308px;
    margin-left: auto;
    margin-right: auto; }
  .col.r-5-2 *[class*="container"] .col, .col.r-5-2 .container-1 .col {
    width: 308px;
    box-sizing: border-box; }
  @media all and (max-width: 800px) {
    .col.r-5-2 *[class*="container"] {
      width: auto; } }
  .col.r-5-2 .container-2 [class*="col"] {
    width: 144px; }
  .col.r-5-2 .container-3 [class*="col"] {
    width: 89.33333px; }
  .col.r-5-2 .container-4 [class*="col"] {
    width: 62px; }
  .col.r-5-2 .container-5 [class*="col"] {
    width: 45.6px; }

.col.r-5-3 {
  width: 472px; }
  .col.r-5-3 .col.r-3-1 {
    width: 144px; }
  .col.r-5-3 .col.r-3-2 {
    width: 308px; }
  .col.r-5-3 .col.r-4-1 {
    width: 103px; }
  .col.r-5-3 .col.r-4-2 {
    width: 226px; }
  .col.r-5-3 .col.r-4-3 {
    width: 349px; }
  .col.r-5-3 .col.r-5-1 {
    width: 78.4px; }
  .col.r-5-3 .col.r-5-2 {
    width: 176.8px; }
  .col.r-5-3 .col.r-5-3 {
    width: 275.2px; }
  .col.r-5-3 .col.r-5-4 {
    width: 373.6px; }
  .col.r-5-3 *[class*="container"] {
    width: 472px;
    margin-left: auto;
    margin-right: auto; }
  .col.r-5-3 *[class*="container"] .col, .col.r-5-3 .container-1 .col {
    width: 472px;
    box-sizing: border-box; }
  @media all and (max-width: 800px) {
    .col.r-5-3 *[class*="container"] {
      width: auto; } }
  .col.r-5-3 .container-2 [class*="col"] {
    width: 226px; }
  .col.r-5-3 .container-3 [class*="col"] {
    width: 144px; }
  .col.r-5-3 .container-4 [class*="col"] {
    width: 103px; }
  .col.r-5-3 .container-5 [class*="col"] {
    width: 78.4px; }

.col.r-5-4 {
  width: 636px; }
  .col.r-5-4 .col.r-3-1 {
    width: 198.66667px; }
  .col.r-5-4 .col.r-3-2 {
    width: 417.33333px; }
  .col.r-5-4 .col.r-4-1 {
    width: 144px; }
  .col.r-5-4 .col.r-4-2 {
    width: 308px; }
  .col.r-5-4 .col.r-4-3 {
    width: 472px; }
  .col.r-5-4 .col.r-5-1 {
    width: 111.2px; }
  .col.r-5-4 .col.r-5-2 {
    width: 242.4px; }
  .col.r-5-4 .col.r-5-3 {
    width: 373.6px; }
  .col.r-5-4 .col.r-5-4 {
    width: 504.8px; }
  .col.r-5-4 *[class*="container"] {
    width: 636px;
    margin-left: auto;
    margin-right: auto; }
  .col.r-5-4 *[class*="container"] .col, .col.r-5-4 .container-1 .col {
    width: 636px;
    box-sizing: border-box; }
  @media all and (max-width: 800px) {
    .col.r-5-4 *[class*="container"] {
      width: auto; } }
  .col.r-5-4 .container-2 [class*="col"] {
    width: 308px; }
  .col.r-5-4 .container-3 [class*="col"] {
    width: 198.66667px; }
  .col.r-5-4 .container-4 [class*="col"] {
    width: 144px; }
  .col.r-5-4 .container-5 [class*="col"] {
    width: 111.2px; }

/*****************************
    Fluid Structure
*****************************/
*[class*="container"].fluid, .fluid *[class*="container"] {
  width: auto; }

*[class*="container"].fluid {
  padding: 0 20px; }

*[class*="container"].fluid *[class*="col"] {
  margin-left: 1.94%; }

*[class*="container"].fluid *[class*="col"]:first-child {
  margin-left: 0;
  float: left !important; }

/*
  Since percentage calculations aren't pixel-accurate, widths are always a little
  shy of correct. Aligning the last column to the right makes everything line up.
*/
.fluid *[class*="col"]:last-child {
  float: right; }

.container.fluid .col, .fluid .container .col {
  width: 100%; }

.container-1.fluid .col, .fluid .container-1 .col {
  width: 100%; }

.container-2.fluid .col, .fluid .container-2 .col {
  width: 49.03%; }

.container-3.fluid .col, .fluid .container-3 .col {
  width: 32.02%; }

.container-4.fluid .col, .fluid .container-4 .col {
  width: 23.52%; }

.container-5.fluid .col, .fluid .container-5 .col {
  width: 18.43%; }

/* Resized Columns */
.fluid .col.r-3-1 {
  width: 32.02%; }

.fluid .col.r-3-2 {
  width: 65.98%; }

.fluid .col.r-4-1 {
  width: 23.52%; }

.fluid .col.r-4-2 {
  width: 48.98%; }

.fluid .col.r-4-3 {
  width: 74.45%; }

.fluid .col.r-5-1 {
  width: 18.43%; }

.fluid .col.r-5-2 {
  width: 38.80%; }

.fluid .col.r-5-3 {
  width: 59.17%; }

.fluid .col.r-5-4 {
  width: 79.54%; }

/*****************************
    Flows
*****************************/
.container.flow .col {
  width: auto; }

/*****************************
    Fixed Structure
*****************************/
.container.fixed {
  position: fixed; }

.container.fixed.fluid {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

@-ms-viewport {
  width: device-width; }
a {
  color: #129955;
  text-decoration: none;
  font-weight: 700; }

.book {
  padding-bottom: 20px; }

.buyback-total {
  box-sizing: border-box;
  padding: 30px 80px;
  border-top: 1px solid gray;
  margin-top: 15px; }
  @media (max-width: 500px) {
    .buyback-total {
      padding: 15px; } }
  .buyback-total h3 {
    font-size: 24px; }
  .buyback-total .order-status {
    margin-top: 0; }
  .buyback-total .disclosure {
    margin-top: 12px;
    font-style: italic; }

.agreement_content .styled_button {
  border-radius: 2px;
  border: 0 solid #404040;
  font-size: 20px;
  color: #fff;
  background-color: #404040;
  text-align: center;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
  padding: 10px 15px; }
.agreement_content .disabled {
  background-color: #afafaf;
  pointer-events: none; }

#order_form {
  padding-bottom: 50px; }

.order-form-wrapper, .account-form-wrapper {
  width: 100%;
  margin: auto;
  box-sizing: border-box;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  padding: 20px; }

.order-form-wrapper input {
  margin-bottom: 10px; }

.order-form-wrapper .styled-input, .account-form-wrapper .styled-input {
  width: 95%; }

.clear {
  clear: both; }

.styled-form {
  margin-top: 20px; }

.styled-form input {
  border: 1px solid gray;
  border-radius: 2px;
  padding: 10px 15px;
  font-size: 16px;
  margin-top: 20px; }

.styled-form input[type=submit] {
  margin-top: 0px; }

.styled-form .button {
  -webkit-appearance: none;
  border-radius: 2px;
  padding-top: 0;
  padding-bottom: 0;
  height: 40px;
  border: 0 solid #404040;
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  background-color: rgba(67, 67, 67, 0.92);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
  text-align: center;
  line-height: 40px; }
  @media (max-width: 500px) {
    .styled-form .button {
      width: 100%; } }

.styled-form label {
  font-size: 14px;
  margin-bottom: 5px; }

.styled-form .maps-link {
  line-height: 30px; }
  .styled-form .maps-link:hover {
    text-decoration: underline; }
.styled-form .styled-input {
  -webkit-appearance: none;
  font-size: 15px;
  border: 1px solid #afafaf;
  padding: 10px;
  box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.5);
  box-sizing: border-box; }
.styled-form .third {
  width: 30.65%; }
  @media (max-width: 500px) {
    .styled-form .third {
      width: 47%; } }
  @media (max-width: 500px) {
    .styled-form .third.zip {
      width: 95%; } }

.dropdown {
  height: 43px;
  font-size: 15px;
  border: 1px solid #afafaf;
  box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.5); }

.checkout-message {
  background: #afafaf; }
  .checkout-message h2 {
    color: white;
    text-transform: uppercase;
    margin: 0; }

.checkout .pill {
  background-color: #404040;
  color: white;
  margin-top: 10px;
  padding: 10px 15px 10px 15px;
  border-radius: 20px;
  width: 91px; }
.checkout h2 {
  color: #404040;
  margin: 10px 0; }
.checkout .order-details {
  padding: 20px 15px 0 30px; }
  @media (max-width: 500px) {
    .checkout .order-details {
      padding: 0 15px; } }
  .checkout .order-details .edit-link {
    position: relative;
    top: -37px;
    left: 430px; }
    @media (max-width: 500px) {
      .checkout .order-details .edit-link {
        left: 240px; } }
  .checkout .order-details .dropdown {
    width: 150px; }
    @media (max-width: 500px) {
      .checkout .order-details .dropdown {
        width: 100%; } }
  .checkout .order-details .border-b {
    padding-bottom: 25px; }
.checkout .border-b {
  border-bottom: 1px solid #afafaf; }
.checkout .sum-wrapper {
  padding: 15px 30px 0 0; }
  @media (max-width: 500px) {
    .checkout .sum-wrapper {
      display: none; } }
  @media (max-width: 870px) and (min-width: 500px) {
    .checkout .sum-wrapper {
      display: none; } }
.checkout .order-summary {
  padding: 15px;
  border: 1px solid #404040; }
  .checkout .order-summary .submit-order {
    width: 100%;
    background-color: #129955;
    margin-bottom: 10px; }
.checkout #user_info p {
  margin-bottom: 3px; }
.checkout .checkout-bd strong {
  padding-bottom: 3px; }
.checkout .checkout-bd .book .col.r-3-1 {
  width: 116.66667px; }
  .checkout .checkout-bd .book .col.r-3-1 .col.r-3-1 {
    width: 25.55556px; }
  .checkout .checkout-bd .book .col.r-3-1 .col.r-3-2 {
    width: 71.11111px; }
  .checkout .checkout-bd .book .col.r-3-1 .col.r-4-1 {
    width: 14.16667px; }
  .checkout .checkout-bd .book .col.r-3-1 .col.r-4-2 {
    width: 48.33333px; }
  .checkout .checkout-bd .book .col.r-3-1 .col.r-4-3 {
    width: 82.5px; }
  .checkout .checkout-bd .book .col.r-3-1 .col.r-5-1 {
    width: 7.33333px; }
  .checkout .checkout-bd .book .col.r-3-1 .col.r-5-2 {
    width: 34.66667px; }
  .checkout .checkout-bd .book .col.r-3-1 .col.r-5-3 {
    width: 62px; }
  .checkout .checkout-bd .book .col.r-3-1 .col.r-5-4 {
    width: 89.33333px; }
  .checkout .checkout-bd .book .col.r-3-1 *[class*="container"] {
    width: 116.66667px;
    margin-left: auto;
    margin-right: auto; }
  .checkout .checkout-bd .book .col.r-3-1 *[class*="container"] .col, .checkout .checkout-bd .book .col.r-3-1 .container-1 .col {
    width: 116.66667px;
    box-sizing: border-box; }
  @media all and (max-width: 800px) {
    .checkout .checkout-bd .book .col.r-3-1 *[class*="container"] {
      width: auto; } }
  .checkout .checkout-bd .book .col.r-3-1 .container-2 [class*="col"] {
    width: 48.33333px; }
  .checkout .checkout-bd .book .col.r-3-1 .container-3 [class*="col"] {
    width: 25.55556px; }
  .checkout .checkout-bd .book .col.r-3-1 .container-4 [class*="col"] {
    width: 14.16667px; }
  .checkout .checkout-bd .book .col.r-3-1 .container-5 [class*="col"] {
    width: 7.33333px; }
.checkout .checkout-bd .book .col.r-3-2 {
  width: 253.33333px; }
  .checkout .checkout-bd .book .col.r-3-2 .col.r-3-1 {
    width: 71.11111px; }
  .checkout .checkout-bd .book .col.r-3-2 .col.r-3-2 {
    width: 162.22222px; }
  .checkout .checkout-bd .book .col.r-3-2 .col.r-4-1 {
    width: 48.33333px; }
  .checkout .checkout-bd .book .col.r-3-2 .col.r-4-2 {
    width: 116.66667px; }
  .checkout .checkout-bd .book .col.r-3-2 .col.r-4-3 {
    width: 185px; }
  .checkout .checkout-bd .book .col.r-3-2 .col.r-5-1 {
    width: 34.66667px; }
  .checkout .checkout-bd .book .col.r-3-2 .col.r-5-2 {
    width: 89.33333px; }
  .checkout .checkout-bd .book .col.r-3-2 .col.r-5-3 {
    width: 144px; }
  .checkout .checkout-bd .book .col.r-3-2 .col.r-5-4 {
    width: 198.66667px; }
  .checkout .checkout-bd .book .col.r-3-2 *[class*="container"] {
    width: 253.33333px;
    margin-left: auto;
    margin-right: auto; }
  .checkout .checkout-bd .book .col.r-3-2 *[class*="container"] .col, .checkout .checkout-bd .book .col.r-3-2 .container-1 .col {
    width: 253.33333px;
    box-sizing: border-box; }
  @media all and (max-width: 800px) {
    .checkout .checkout-bd .book .col.r-3-2 *[class*="container"] {
      width: auto; } }
  .checkout .checkout-bd .book .col.r-3-2 .container-2 [class*="col"] {
    width: 116.66667px; }
  .checkout .checkout-bd .book .col.r-3-2 .container-3 [class*="col"] {
    width: 71.11111px; }
  .checkout .checkout-bd .book .col.r-3-2 .container-4 [class*="col"] {
    width: 48.33333px; }
  .checkout .checkout-bd .book .col.r-3-2 .container-5 [class*="col"] {
    width: 34.66667px; }
.checkout .checkout-bd .book .col.r-4-1 {
  width: 82.5px; }
  .checkout .checkout-bd .book .col.r-4-1 .col.r-3-1 {
    width: 14.16667px; }
  .checkout .checkout-bd .book .col.r-4-1 .col.r-3-2 {
    width: 48.33333px; }
  .checkout .checkout-bd .book .col.r-4-1 .col.r-4-1 {
    width: 5.625px; }
  .checkout .checkout-bd .book .col.r-4-1 .col.r-4-2 {
    width: 31.25px; }
  .checkout .checkout-bd .book .col.r-4-1 .col.r-4-3 {
    width: 56.875px; }
  .checkout .checkout-bd .book .col.r-4-1 .col.r-5-1 {
    width: 0.5px; }
  .checkout .checkout-bd .book .col.r-4-1 .col.r-5-2 {
    width: 21px; }
  .checkout .checkout-bd .book .col.r-4-1 .col.r-5-3 {
    width: 41.5px; }
  .checkout .checkout-bd .book .col.r-4-1 .col.r-5-4 {
    width: 62px; }
  .checkout .checkout-bd .book .col.r-4-1 *[class*="container"] {
    width: 82.5px;
    margin-left: auto;
    margin-right: auto; }
  .checkout .checkout-bd .book .col.r-4-1 *[class*="container"] .col, .checkout .checkout-bd .book .col.r-4-1 .container-1 .col {
    width: 82.5px;
    box-sizing: border-box; }
  @media all and (max-width: 800px) {
    .checkout .checkout-bd .book .col.r-4-1 *[class*="container"] {
      width: auto; } }
  .checkout .checkout-bd .book .col.r-4-1 .container-2 [class*="col"] {
    width: 31.25px; }
  .checkout .checkout-bd .book .col.r-4-1 .container-3 [class*="col"] {
    width: 14.16667px; }
  .checkout .checkout-bd .book .col.r-4-1 .container-4 [class*="col"] {
    width: 5.625px; }
  .checkout .checkout-bd .book .col.r-4-1 .container-5 [class*="col"] {
    width: 0.5px; }
.checkout .checkout-bd .book .col.r-4-2 {
  width: 185px; }
  .checkout .checkout-bd .book .col.r-4-2 .col.r-3-1 {
    width: 48.33333px; }
  .checkout .checkout-bd .book .col.r-4-2 .col.r-3-2 {
    width: 116.66667px; }
  .checkout .checkout-bd .book .col.r-4-2 .col.r-4-1 {
    width: 31.25px; }
  .checkout .checkout-bd .book .col.r-4-2 .col.r-4-2 {
    width: 82.5px; }
  .checkout .checkout-bd .book .col.r-4-2 .col.r-4-3 {
    width: 133.75px; }
  .checkout .checkout-bd .book .col.r-4-2 .col.r-5-1 {
    width: 21px; }
  .checkout .checkout-bd .book .col.r-4-2 .col.r-5-2 {
    width: 62px; }
  .checkout .checkout-bd .book .col.r-4-2 .col.r-5-3 {
    width: 103px; }
  .checkout .checkout-bd .book .col.r-4-2 .col.r-5-4 {
    width: 144px; }
  .checkout .checkout-bd .book .col.r-4-2 *[class*="container"] {
    width: 185px;
    margin-left: auto;
    margin-right: auto; }
  .checkout .checkout-bd .book .col.r-4-2 *[class*="container"] .col, .checkout .checkout-bd .book .col.r-4-2 .container-1 .col {
    width: 185px;
    box-sizing: border-box; }
  @media all and (max-width: 800px) {
    .checkout .checkout-bd .book .col.r-4-2 *[class*="container"] {
      width: auto; } }
  .checkout .checkout-bd .book .col.r-4-2 .container-2 [class*="col"] {
    width: 82.5px; }
  .checkout .checkout-bd .book .col.r-4-2 .container-3 [class*="col"] {
    width: 48.33333px; }
  .checkout .checkout-bd .book .col.r-4-2 .container-4 [class*="col"] {
    width: 31.25px; }
  .checkout .checkout-bd .book .col.r-4-2 .container-5 [class*="col"] {
    width: 21px; }
.checkout .checkout-bd .book .col.r-4-3 {
  width: 287.5px; }
  .checkout .checkout-bd .book .col.r-4-3 .col.r-3-1 {
    width: 82.5px; }
  .checkout .checkout-bd .book .col.r-4-3 .col.r-3-2 {
    width: 185px; }
  .checkout .checkout-bd .book .col.r-4-3 .col.r-4-1 {
    width: 56.875px; }
  .checkout .checkout-bd .book .col.r-4-3 .col.r-4-2 {
    width: 133.75px; }
  .checkout .checkout-bd .book .col.r-4-3 .col.r-4-3 {
    width: 210.625px; }
  .checkout .checkout-bd .book .col.r-4-3 .col.r-5-1 {
    width: 41.5px; }
  .checkout .checkout-bd .book .col.r-4-3 .col.r-5-2 {
    width: 103px; }
  .checkout .checkout-bd .book .col.r-4-3 .col.r-5-3 {
    width: 164.5px; }
  .checkout .checkout-bd .book .col.r-4-3 .col.r-5-4 {
    width: 226px; }
  .checkout .checkout-bd .book .col.r-4-3 *[class*="container"] {
    width: 287.5px;
    margin-left: auto;
    margin-right: auto; }
  .checkout .checkout-bd .book .col.r-4-3 *[class*="container"] .col, .checkout .checkout-bd .book .col.r-4-3 .container-1 .col {
    width: 287.5px;
    box-sizing: border-box; }
  @media all and (max-width: 800px) {
    .checkout .checkout-bd .book .col.r-4-3 *[class*="container"] {
      width: auto; } }
  .checkout .checkout-bd .book .col.r-4-3 .container-2 [class*="col"] {
    width: 133.75px; }
  .checkout .checkout-bd .book .col.r-4-3 .container-3 [class*="col"] {
    width: 82.5px; }
  .checkout .checkout-bd .book .col.r-4-3 .container-4 [class*="col"] {
    width: 56.875px; }
  .checkout .checkout-bd .book .col.r-4-3 .container-5 [class*="col"] {
    width: 41.5px; }
.checkout .checkout-bd .book .col.r-5-1 {
  width: 62px; }
  .checkout .checkout-bd .book .col.r-5-1 .col.r-3-1 {
    width: 7.33333px; }
  .checkout .checkout-bd .book .col.r-5-1 .col.r-3-2 {
    width: 34.66667px; }
  .checkout .checkout-bd .book .col.r-5-1 .col.r-4-1 {
    width: 0.5px; }
  .checkout .checkout-bd .book .col.r-5-1 .col.r-4-2 {
    width: 21px; }
  .checkout .checkout-bd .book .col.r-5-1 .col.r-4-3 {
    width: 41.5px; }
  .checkout .checkout-bd .book .col.r-5-1 .col.r-5-1 {
    width: -3.6px; }
  .checkout .checkout-bd .book .col.r-5-1 .col.r-5-2 {
    width: 12.8px; }
  .checkout .checkout-bd .book .col.r-5-1 .col.r-5-3 {
    width: 29.2px; }
  .checkout .checkout-bd .book .col.r-5-1 .col.r-5-4 {
    width: 45.6px; }
  .checkout .checkout-bd .book .col.r-5-1 *[class*="container"] {
    width: 62px;
    margin-left: auto;
    margin-right: auto; }
  .checkout .checkout-bd .book .col.r-5-1 *[class*="container"] .col, .checkout .checkout-bd .book .col.r-5-1 .container-1 .col {
    width: 62px;
    box-sizing: border-box; }
  @media all and (max-width: 800px) {
    .checkout .checkout-bd .book .col.r-5-1 *[class*="container"] {
      width: auto; } }
  .checkout .checkout-bd .book .col.r-5-1 .container-2 [class*="col"] {
    width: 21px; }
  .checkout .checkout-bd .book .col.r-5-1 .container-3 [class*="col"] {
    width: 7.33333px; }
  .checkout .checkout-bd .book .col.r-5-1 .container-4 [class*="col"] {
    width: 0.5px; }
  .checkout .checkout-bd .book .col.r-5-1 .container-5 [class*="col"] {
    width: -3.6px; }
.checkout .checkout-bd .book .col.r-5-2 {
  width: 144px; }
  .checkout .checkout-bd .book .col.r-5-2 .col.r-3-1 {
    width: 34.66667px; }
  .checkout .checkout-bd .book .col.r-5-2 .col.r-3-2 {
    width: 89.33333px; }
  .checkout .checkout-bd .book .col.r-5-2 .col.r-4-1 {
    width: 21px; }
  .checkout .checkout-bd .book .col.r-5-2 .col.r-4-2 {
    width: 62px; }
  .checkout .checkout-bd .book .col.r-5-2 .col.r-4-3 {
    width: 103px; }
  .checkout .checkout-bd .book .col.r-5-2 .col.r-5-1 {
    width: 12.8px; }
  .checkout .checkout-bd .book .col.r-5-2 .col.r-5-2 {
    width: 45.6px; }
  .checkout .checkout-bd .book .col.r-5-2 .col.r-5-3 {
    width: 78.4px; }
  .checkout .checkout-bd .book .col.r-5-2 .col.r-5-4 {
    width: 111.2px; }
  .checkout .checkout-bd .book .col.r-5-2 *[class*="container"] {
    width: 144px;
    margin-left: auto;
    margin-right: auto; }
  .checkout .checkout-bd .book .col.r-5-2 *[class*="container"] .col, .checkout .checkout-bd .book .col.r-5-2 .container-1 .col {
    width: 144px;
    box-sizing: border-box; }
  @media all and (max-width: 800px) {
    .checkout .checkout-bd .book .col.r-5-2 *[class*="container"] {
      width: auto; } }
  .checkout .checkout-bd .book .col.r-5-2 .container-2 [class*="col"] {
    width: 62px; }
  .checkout .checkout-bd .book .col.r-5-2 .container-3 [class*="col"] {
    width: 34.66667px; }
  .checkout .checkout-bd .book .col.r-5-2 .container-4 [class*="col"] {
    width: 21px; }
  .checkout .checkout-bd .book .col.r-5-2 .container-5 [class*="col"] {
    width: 12.8px; }
.checkout .checkout-bd .book .col.r-5-3 {
  width: 226px; }
  .checkout .checkout-bd .book .col.r-5-3 .col.r-3-1 {
    width: 62px; }
  .checkout .checkout-bd .book .col.r-5-3 .col.r-3-2 {
    width: 144px; }
  .checkout .checkout-bd .book .col.r-5-3 .col.r-4-1 {
    width: 41.5px; }
  .checkout .checkout-bd .book .col.r-5-3 .col.r-4-2 {
    width: 103px; }
  .checkout .checkout-bd .book .col.r-5-3 .col.r-4-3 {
    width: 164.5px; }
  .checkout .checkout-bd .book .col.r-5-3 .col.r-5-1 {
    width: 29.2px; }
  .checkout .checkout-bd .book .col.r-5-3 .col.r-5-2 {
    width: 78.4px; }
  .checkout .checkout-bd .book .col.r-5-3 .col.r-5-3 {
    width: 127.6px; }
  .checkout .checkout-bd .book .col.r-5-3 .col.r-5-4 {
    width: 176.8px; }
  .checkout .checkout-bd .book .col.r-5-3 *[class*="container"] {
    width: 226px;
    margin-left: auto;
    margin-right: auto; }
  .checkout .checkout-bd .book .col.r-5-3 *[class*="container"] .col, .checkout .checkout-bd .book .col.r-5-3 .container-1 .col {
    width: 226px;
    box-sizing: border-box; }
  @media all and (max-width: 800px) {
    .checkout .checkout-bd .book .col.r-5-3 *[class*="container"] {
      width: auto; } }
  .checkout .checkout-bd .book .col.r-5-3 .container-2 [class*="col"] {
    width: 103px; }
  .checkout .checkout-bd .book .col.r-5-3 .container-3 [class*="col"] {
    width: 62px; }
  .checkout .checkout-bd .book .col.r-5-3 .container-4 [class*="col"] {
    width: 41.5px; }
  .checkout .checkout-bd .book .col.r-5-3 .container-5 [class*="col"] {
    width: 29.2px; }
.checkout .checkout-bd .book .col.r-5-4 {
  width: 308px; }
  .checkout .checkout-bd .book .col.r-5-4 .col.r-3-1 {
    width: 89.33333px; }
  .checkout .checkout-bd .book .col.r-5-4 .col.r-3-2 {
    width: 198.66667px; }
  .checkout .checkout-bd .book .col.r-5-4 .col.r-4-1 {
    width: 62px; }
  .checkout .checkout-bd .book .col.r-5-4 .col.r-4-2 {
    width: 144px; }
  .checkout .checkout-bd .book .col.r-5-4 .col.r-4-3 {
    width: 226px; }
  .checkout .checkout-bd .book .col.r-5-4 .col.r-5-1 {
    width: 45.6px; }
  .checkout .checkout-bd .book .col.r-5-4 .col.r-5-2 {
    width: 111.2px; }
  .checkout .checkout-bd .book .col.r-5-4 .col.r-5-3 {
    width: 176.8px; }
  .checkout .checkout-bd .book .col.r-5-4 .col.r-5-4 {
    width: 242.4px; }
  .checkout .checkout-bd .book .col.r-5-4 *[class*="container"] {
    width: 308px;
    margin-left: auto;
    margin-right: auto; }
  .checkout .checkout-bd .book .col.r-5-4 *[class*="container"] .col, .checkout .checkout-bd .book .col.r-5-4 .container-1 .col {
    width: 308px;
    box-sizing: border-box; }
  @media all and (max-width: 800px) {
    .checkout .checkout-bd .book .col.r-5-4 *[class*="container"] {
      width: auto; } }
  .checkout .checkout-bd .book .col.r-5-4 .container-2 [class*="col"] {
    width: 144px; }
  .checkout .checkout-bd .book .col.r-5-4 .container-3 [class*="col"] {
    width: 89.33333px; }
  .checkout .checkout-bd .book .col.r-5-4 .container-4 [class*="col"] {
    width: 62px; }
  .checkout .checkout-bd .book .col.r-5-4 .container-5 [class*="col"] {
    width: 45.6px; }
.checkout .checkout-bd .book h4 {
  color: #404040;
  margin-top: 0;
  font-weight: bold; }
@media (max-width: 500px) {
  .checkout .checkout-bd .sell-for {
    text-align: right; } }
.checkout .checkout-bd .sell-for .quantity_index {
  padding-bottom: 0 !important;
  vertical-align: baseline !important; }
.checkout .checkout-bd .sell-for .price-font {
  font-size: 20px !important;
  margin-bottom: 0 !important; }
.checkout .submit_order {
  padding: 10px 0px 30px 0px;
  height: 95px; }
  .checkout .submit_order .submit-button-wrapper {
    margin: 20px 0 40px; }
  @media (max-width: 500px) {
    .checkout .submit_order .shipment-warning {
      width: 100%; }
    .checkout .submit_order .submit-button-wrapper {
      width: 100%;
      margin: 20px 0; } }
  .checkout .submit_order .submit-order {
    background: #129955; }
    @media (max-width: 500px) {
      .checkout .submit_order .submit-order {
        width: 100%;
        margin-top: 15px; } }
.checkout .bbtotal {
  padding: 3px 0 5px 0;
  color: #129955;
  font-weight: bold; }

.errors {
  color: #B94A48; }
  .errors li {
    list-style: none; }

.hidden {
  display: none; }

.clear {
  clear: both; }

.emphasis {
  font-weight: bold;
  text-transform: uppercase; }

body {
  margin: 0;
  height: 100%; }

p, h1, h2, h3, h4 {
  font-family: Roboto, sans-serif; }

p {
  font-size: 15px; }

h1 {
  color: #434343;
  font-size: 28px;
  font-weight: 600;
  font-variant: small-caps;
  margin-bottom: 10px;
  padding-bottom: 0px;
  margin-top: 0px;
  padding-top: 30px; }

h2 {
  color: #676767;
  font-size: 18px;
  font-weight: 600; }

h3 {
  color: #676767;
  font-size: 16px;
  font-weight: 400; }

h4 {
  color: #129955;
  font-weight: 400; }

@media (max-width: 500px) {
  .container-1, container-3 {
    width: 90%;
    margin: auto; } }
@media (max-width: 870px) and (min-width: 500px) {
  .container-1, container-3 {
    width: 90%; } }

@media (max-width: 500px) {
  .col {
    width: 100% !important;
    margin: 0 0 30px 0 !important; } }

header {
  height: 60px;
  background-color: #afafaf;
  padding: 10px; }
  header .social-div-u {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    width: 35px;
    height: 35px;
    background-color: rgba(67, 67, 67, 0.92);
    border-radius: 50%; }
    header .social-div-u .social-icon {
      padding-top: 6px;
      border-radius: 50%;
      width: 35px;
      height: 35px; }
  header .logo {
    float: left;
    background-color: #8C8C8C;
    overflow: hidden; }

#wrapper {
  margin: 50px auto; }

.form-entry {
  margin: auto; }
  @media (max-width: 500px) {
    .form-entry {
      width: 100%;
      margin: auto; } }
  @media (max-width: 870px) and (min-width: 500px) {
    .form-entry {
      width: 100%; } }
  .form-entry #search_form {
    -webkit-appearance: none;
    height: 40px;
    width: 600px;
    margin: auto; }
    @media (max-width: 500px) {
      .form-entry #search_form {
        width: 100%;
        margin: auto; } }
    @media (max-width: 870px) and (min-width: 500px) {
      .form-entry #search_form {
        width: 100%;
        margin: auto; } }
  .form-entry .search-query {
    -webkit-appearance: none;
    float: left;
    width: 389px;
    padding-left: 10px;
    line-height: 38px;
    border: 0;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px; }
    @media (max-width: 500px) {
      .form-entry .search-query {
        width: 58%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; } }
    @media (max-width: 870px) and (min-width: 500px) {
      .form-entry .search-query {
        width: 49%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; } }
  .form-entry .search-submit {
    -webkit-appearance: none;
    float: right;
    top-right-radius: 2px;
    bottom-right-radius: 2px;
    height: 40px;
    border: 0 solid #404040;
    width: 200px;
    color: #FFF;
    background-color: #404040; }
    @media (max-width: 500px) {
      .form-entry .search-submit {
        width: 38%; } }
    @media (max-width: 500px) {
      .form-entry .search-submit {
        width: 38%; } }

#block {
  margin: 50px auto 125px auto;
  background-color: rgba(255, 255, 255, 0.92);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
  border-radius: 2px; }
  #block #main {
    min-height: 200px;
    box-sizing: content-box; }

footer {
  height: 50px;
  width: 100%;
  background-color: #404040;
  position: fixed;
  bottom: 0px; }
  footer .social-div {
    float: left;
    text-align: center;
    margin-top: 12px;
    margin-left: 15px;
    width: 26px;
    height: 26px;
    background-color: rgba(255, 255, 255, 0.92);
    border-radius: 50%;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5); }
    footer .social-div .social-icon {
      padding-top: 5px; }
  footer .footer-links {
    color: white;
    float: right;
    line-height: 50px;
    margin-right: 15px; }
    footer .footer-links ul {
      margin: 0; }
    footer .footer-links li {
      display: inline;
      margin-left: 20px; }
      @media (max-width: 500px) {
        footer .footer-links li {
          margin-left: 10px; } }
    footer .footer-links a {
      color: white; }
      footer .footer-links a:hover {
        text-decoration: underline; }
    @media (max-width: 500px) {
      footer .footer-links {
        font-size: 14px; } }

/******** Cart ***********/
.book .book-title {
  margin-left: 15px; }
  .book .book-title h1 {
    margin: 0; }
  @media (max-width: 500px) {
    .book .book-title {
      margin-bottom: 10px; } }
.book #book-half {
  padding-left: 15px; }
  .book #book-half .book-details {
    box-sizing: border-box; }
    .book #book-half .book-details .col.r-3-1 {
      width: 116.66667px; }
      .book #book-half .book-details .col.r-3-1 .col.r-3-1 {
        width: 25.55556px; }
      .book #book-half .book-details .col.r-3-1 .col.r-3-2 {
        width: 71.11111px; }
      .book #book-half .book-details .col.r-3-1 .col.r-4-1 {
        width: 14.16667px; }
      .book #book-half .book-details .col.r-3-1 .col.r-4-2 {
        width: 48.33333px; }
      .book #book-half .book-details .col.r-3-1 .col.r-4-3 {
        width: 82.5px; }
      .book #book-half .book-details .col.r-3-1 .col.r-5-1 {
        width: 7.33333px; }
      .book #book-half .book-details .col.r-3-1 .col.r-5-2 {
        width: 34.66667px; }
      .book #book-half .book-details .col.r-3-1 .col.r-5-3 {
        width: 62px; }
      .book #book-half .book-details .col.r-3-1 .col.r-5-4 {
        width: 89.33333px; }
      .book #book-half .book-details .col.r-3-1 *[class*="container"] {
        width: 116.66667px;
        margin-left: auto;
        margin-right: auto; }
      .book #book-half .book-details .col.r-3-1 *[class*="container"] .col, .book #book-half .book-details .col.r-3-1 .container-1 .col {
        width: 116.66667px;
        box-sizing: border-box; }
      @media all and (max-width: 800px) {
        .book #book-half .book-details .col.r-3-1 *[class*="container"] {
          width: auto; } }
      .book #book-half .book-details .col.r-3-1 .container-2 [class*="col"] {
        width: 48.33333px; }
      .book #book-half .book-details .col.r-3-1 .container-3 [class*="col"] {
        width: 25.55556px; }
      .book #book-half .book-details .col.r-3-1 .container-4 [class*="col"] {
        width: 14.16667px; }
      .book #book-half .book-details .col.r-3-1 .container-5 [class*="col"] {
        width: 7.33333px; }
    .book #book-half .book-details .col.r-3-2 {
      width: 253.33333px; }
      .book #book-half .book-details .col.r-3-2 .col.r-3-1 {
        width: 71.11111px; }
      .book #book-half .book-details .col.r-3-2 .col.r-3-2 {
        width: 162.22222px; }
      .book #book-half .book-details .col.r-3-2 .col.r-4-1 {
        width: 48.33333px; }
      .book #book-half .book-details .col.r-3-2 .col.r-4-2 {
        width: 116.66667px; }
      .book #book-half .book-details .col.r-3-2 .col.r-4-3 {
        width: 185px; }
      .book #book-half .book-details .col.r-3-2 .col.r-5-1 {
        width: 34.66667px; }
      .book #book-half .book-details .col.r-3-2 .col.r-5-2 {
        width: 89.33333px; }
      .book #book-half .book-details .col.r-3-2 .col.r-5-3 {
        width: 144px; }
      .book #book-half .book-details .col.r-3-2 .col.r-5-4 {
        width: 198.66667px; }
      .book #book-half .book-details .col.r-3-2 *[class*="container"] {
        width: 253.33333px;
        margin-left: auto;
        margin-right: auto; }
      .book #book-half .book-details .col.r-3-2 *[class*="container"] .col, .book #book-half .book-details .col.r-3-2 .container-1 .col {
        width: 253.33333px;
        box-sizing: border-box; }
      @media all and (max-width: 800px) {
        .book #book-half .book-details .col.r-3-2 *[class*="container"] {
          width: auto; } }
      .book #book-half .book-details .col.r-3-2 .container-2 [class*="col"] {
        width: 116.66667px; }
      .book #book-half .book-details .col.r-3-2 .container-3 [class*="col"] {
        width: 71.11111px; }
      .book #book-half .book-details .col.r-3-2 .container-4 [class*="col"] {
        width: 48.33333px; }
      .book #book-half .book-details .col.r-3-2 .container-5 [class*="col"] {
        width: 34.66667px; }
    .book #book-half .book-details .col.r-4-1 {
      width: 82.5px; }
      .book #book-half .book-details .col.r-4-1 .col.r-3-1 {
        width: 14.16667px; }
      .book #book-half .book-details .col.r-4-1 .col.r-3-2 {
        width: 48.33333px; }
      .book #book-half .book-details .col.r-4-1 .col.r-4-1 {
        width: 5.625px; }
      .book #book-half .book-details .col.r-4-1 .col.r-4-2 {
        width: 31.25px; }
      .book #book-half .book-details .col.r-4-1 .col.r-4-3 {
        width: 56.875px; }
      .book #book-half .book-details .col.r-4-1 .col.r-5-1 {
        width: 0.5px; }
      .book #book-half .book-details .col.r-4-1 .col.r-5-2 {
        width: 21px; }
      .book #book-half .book-details .col.r-4-1 .col.r-5-3 {
        width: 41.5px; }
      .book #book-half .book-details .col.r-4-1 .col.r-5-4 {
        width: 62px; }
      .book #book-half .book-details .col.r-4-1 *[class*="container"] {
        width: 82.5px;
        margin-left: auto;
        margin-right: auto; }
      .book #book-half .book-details .col.r-4-1 *[class*="container"] .col, .book #book-half .book-details .col.r-4-1 .container-1 .col {
        width: 82.5px;
        box-sizing: border-box; }
      @media all and (max-width: 800px) {
        .book #book-half .book-details .col.r-4-1 *[class*="container"] {
          width: auto; } }
      .book #book-half .book-details .col.r-4-1 .container-2 [class*="col"] {
        width: 31.25px; }
      .book #book-half .book-details .col.r-4-1 .container-3 [class*="col"] {
        width: 14.16667px; }
      .book #book-half .book-details .col.r-4-1 .container-4 [class*="col"] {
        width: 5.625px; }
      .book #book-half .book-details .col.r-4-1 .container-5 [class*="col"] {
        width: 0.5px; }
    .book #book-half .book-details .col.r-4-2 {
      width: 185px; }
      .book #book-half .book-details .col.r-4-2 .col.r-3-1 {
        width: 48.33333px; }
      .book #book-half .book-details .col.r-4-2 .col.r-3-2 {
        width: 116.66667px; }
      .book #book-half .book-details .col.r-4-2 .col.r-4-1 {
        width: 31.25px; }
      .book #book-half .book-details .col.r-4-2 .col.r-4-2 {
        width: 82.5px; }
      .book #book-half .book-details .col.r-4-2 .col.r-4-3 {
        width: 133.75px; }
      .book #book-half .book-details .col.r-4-2 .col.r-5-1 {
        width: 21px; }
      .book #book-half .book-details .col.r-4-2 .col.r-5-2 {
        width: 62px; }
      .book #book-half .book-details .col.r-4-2 .col.r-5-3 {
        width: 103px; }
      .book #book-half .book-details .col.r-4-2 .col.r-5-4 {
        width: 144px; }
      .book #book-half .book-details .col.r-4-2 *[class*="container"] {
        width: 185px;
        margin-left: auto;
        margin-right: auto; }
      .book #book-half .book-details .col.r-4-2 *[class*="container"] .col, .book #book-half .book-details .col.r-4-2 .container-1 .col {
        width: 185px;
        box-sizing: border-box; }
      @media all and (max-width: 800px) {
        .book #book-half .book-details .col.r-4-2 *[class*="container"] {
          width: auto; } }
      .book #book-half .book-details .col.r-4-2 .container-2 [class*="col"] {
        width: 82.5px; }
      .book #book-half .book-details .col.r-4-2 .container-3 [class*="col"] {
        width: 48.33333px; }
      .book #book-half .book-details .col.r-4-2 .container-4 [class*="col"] {
        width: 31.25px; }
      .book #book-half .book-details .col.r-4-2 .container-5 [class*="col"] {
        width: 21px; }
    .book #book-half .book-details .col.r-4-3 {
      width: 287.5px; }
      .book #book-half .book-details .col.r-4-3 .col.r-3-1 {
        width: 82.5px; }
      .book #book-half .book-details .col.r-4-3 .col.r-3-2 {
        width: 185px; }
      .book #book-half .book-details .col.r-4-3 .col.r-4-1 {
        width: 56.875px; }
      .book #book-half .book-details .col.r-4-3 .col.r-4-2 {
        width: 133.75px; }
      .book #book-half .book-details .col.r-4-3 .col.r-4-3 {
        width: 210.625px; }
      .book #book-half .book-details .col.r-4-3 .col.r-5-1 {
        width: 41.5px; }
      .book #book-half .book-details .col.r-4-3 .col.r-5-2 {
        width: 103px; }
      .book #book-half .book-details .col.r-4-3 .col.r-5-3 {
        width: 164.5px; }
      .book #book-half .book-details .col.r-4-3 .col.r-5-4 {
        width: 226px; }
      .book #book-half .book-details .col.r-4-3 *[class*="container"] {
        width: 287.5px;
        margin-left: auto;
        margin-right: auto; }
      .book #book-half .book-details .col.r-4-3 *[class*="container"] .col, .book #book-half .book-details .col.r-4-3 .container-1 .col {
        width: 287.5px;
        box-sizing: border-box; }
      @media all and (max-width: 800px) {
        .book #book-half .book-details .col.r-4-3 *[class*="container"] {
          width: auto; } }
      .book #book-half .book-details .col.r-4-3 .container-2 [class*="col"] {
        width: 133.75px; }
      .book #book-half .book-details .col.r-4-3 .container-3 [class*="col"] {
        width: 82.5px; }
      .book #book-half .book-details .col.r-4-3 .container-4 [class*="col"] {
        width: 56.875px; }
      .book #book-half .book-details .col.r-4-3 .container-5 [class*="col"] {
        width: 41.5px; }
    .book #book-half .book-details .col.r-5-1 {
      width: 62px; }
      .book #book-half .book-details .col.r-5-1 .col.r-3-1 {
        width: 7.33333px; }
      .book #book-half .book-details .col.r-5-1 .col.r-3-2 {
        width: 34.66667px; }
      .book #book-half .book-details .col.r-5-1 .col.r-4-1 {
        width: 0.5px; }
      .book #book-half .book-details .col.r-5-1 .col.r-4-2 {
        width: 21px; }
      .book #book-half .book-details .col.r-5-1 .col.r-4-3 {
        width: 41.5px; }
      .book #book-half .book-details .col.r-5-1 .col.r-5-1 {
        width: -3.6px; }
      .book #book-half .book-details .col.r-5-1 .col.r-5-2 {
        width: 12.8px; }
      .book #book-half .book-details .col.r-5-1 .col.r-5-3 {
        width: 29.2px; }
      .book #book-half .book-details .col.r-5-1 .col.r-5-4 {
        width: 45.6px; }
      .book #book-half .book-details .col.r-5-1 *[class*="container"] {
        width: 62px;
        margin-left: auto;
        margin-right: auto; }
      .book #book-half .book-details .col.r-5-1 *[class*="container"] .col, .book #book-half .book-details .col.r-5-1 .container-1 .col {
        width: 62px;
        box-sizing: border-box; }
      @media all and (max-width: 800px) {
        .book #book-half .book-details .col.r-5-1 *[class*="container"] {
          width: auto; } }
      .book #book-half .book-details .col.r-5-1 .container-2 [class*="col"] {
        width: 21px; }
      .book #book-half .book-details .col.r-5-1 .container-3 [class*="col"] {
        width: 7.33333px; }
      .book #book-half .book-details .col.r-5-1 .container-4 [class*="col"] {
        width: 0.5px; }
      .book #book-half .book-details .col.r-5-1 .container-5 [class*="col"] {
        width: -3.6px; }
    .book #book-half .book-details .col.r-5-2 {
      width: 144px; }
      .book #book-half .book-details .col.r-5-2 .col.r-3-1 {
        width: 34.66667px; }
      .book #book-half .book-details .col.r-5-2 .col.r-3-2 {
        width: 89.33333px; }
      .book #book-half .book-details .col.r-5-2 .col.r-4-1 {
        width: 21px; }
      .book #book-half .book-details .col.r-5-2 .col.r-4-2 {
        width: 62px; }
      .book #book-half .book-details .col.r-5-2 .col.r-4-3 {
        width: 103px; }
      .book #book-half .book-details .col.r-5-2 .col.r-5-1 {
        width: 12.8px; }
      .book #book-half .book-details .col.r-5-2 .col.r-5-2 {
        width: 45.6px; }
      .book #book-half .book-details .col.r-5-2 .col.r-5-3 {
        width: 78.4px; }
      .book #book-half .book-details .col.r-5-2 .col.r-5-4 {
        width: 111.2px; }
      .book #book-half .book-details .col.r-5-2 *[class*="container"] {
        width: 144px;
        margin-left: auto;
        margin-right: auto; }
      .book #book-half .book-details .col.r-5-2 *[class*="container"] .col, .book #book-half .book-details .col.r-5-2 .container-1 .col {
        width: 144px;
        box-sizing: border-box; }
      @media all and (max-width: 800px) {
        .book #book-half .book-details .col.r-5-2 *[class*="container"] {
          width: auto; } }
      .book #book-half .book-details .col.r-5-2 .container-2 [class*="col"] {
        width: 62px; }
      .book #book-half .book-details .col.r-5-2 .container-3 [class*="col"] {
        width: 34.66667px; }
      .book #book-half .book-details .col.r-5-2 .container-4 [class*="col"] {
        width: 21px; }
      .book #book-half .book-details .col.r-5-2 .container-5 [class*="col"] {
        width: 12.8px; }
    .book #book-half .book-details .col.r-5-3 {
      width: 226px; }
      .book #book-half .book-details .col.r-5-3 .col.r-3-1 {
        width: 62px; }
      .book #book-half .book-details .col.r-5-3 .col.r-3-2 {
        width: 144px; }
      .book #book-half .book-details .col.r-5-3 .col.r-4-1 {
        width: 41.5px; }
      .book #book-half .book-details .col.r-5-3 .col.r-4-2 {
        width: 103px; }
      .book #book-half .book-details .col.r-5-3 .col.r-4-3 {
        width: 164.5px; }
      .book #book-half .book-details .col.r-5-3 .col.r-5-1 {
        width: 29.2px; }
      .book #book-half .book-details .col.r-5-3 .col.r-5-2 {
        width: 78.4px; }
      .book #book-half .book-details .col.r-5-3 .col.r-5-3 {
        width: 127.6px; }
      .book #book-half .book-details .col.r-5-3 .col.r-5-4 {
        width: 176.8px; }
      .book #book-half .book-details .col.r-5-3 *[class*="container"] {
        width: 226px;
        margin-left: auto;
        margin-right: auto; }
      .book #book-half .book-details .col.r-5-3 *[class*="container"] .col, .book #book-half .book-details .col.r-5-3 .container-1 .col {
        width: 226px;
        box-sizing: border-box; }
      @media all and (max-width: 800px) {
        .book #book-half .book-details .col.r-5-3 *[class*="container"] {
          width: auto; } }
      .book #book-half .book-details .col.r-5-3 .container-2 [class*="col"] {
        width: 103px; }
      .book #book-half .book-details .col.r-5-3 .container-3 [class*="col"] {
        width: 62px; }
      .book #book-half .book-details .col.r-5-3 .container-4 [class*="col"] {
        width: 41.5px; }
      .book #book-half .book-details .col.r-5-3 .container-5 [class*="col"] {
        width: 29.2px; }
    .book #book-half .book-details .col.r-5-4 {
      width: 308px; }
      .book #book-half .book-details .col.r-5-4 .col.r-3-1 {
        width: 89.33333px; }
      .book #book-half .book-details .col.r-5-4 .col.r-3-2 {
        width: 198.66667px; }
      .book #book-half .book-details .col.r-5-4 .col.r-4-1 {
        width: 62px; }
      .book #book-half .book-details .col.r-5-4 .col.r-4-2 {
        width: 144px; }
      .book #book-half .book-details .col.r-5-4 .col.r-4-3 {
        width: 226px; }
      .book #book-half .book-details .col.r-5-4 .col.r-5-1 {
        width: 45.6px; }
      .book #book-half .book-details .col.r-5-4 .col.r-5-2 {
        width: 111.2px; }
      .book #book-half .book-details .col.r-5-4 .col.r-5-3 {
        width: 176.8px; }
      .book #book-half .book-details .col.r-5-4 .col.r-5-4 {
        width: 242.4px; }
      .book #book-half .book-details .col.r-5-4 *[class*="container"] {
        width: 308px;
        margin-left: auto;
        margin-right: auto; }
      .book #book-half .book-details .col.r-5-4 *[class*="container"] .col, .book #book-half .book-details .col.r-5-4 .container-1 .col {
        width: 308px;
        box-sizing: border-box; }
      @media all and (max-width: 800px) {
        .book #book-half .book-details .col.r-5-4 *[class*="container"] {
          width: auto; } }
      .book #book-half .book-details .col.r-5-4 .container-2 [class*="col"] {
        width: 144px; }
      .book #book-half .book-details .col.r-5-4 .container-3 [class*="col"] {
        width: 89.33333px; }
      .book #book-half .book-details .col.r-5-4 .container-4 [class*="col"] {
        width: 62px; }
      .book #book-half .book-details .col.r-5-4 .container-5 [class*="col"] {
        width: 45.6px; }
    @media (max-width: 870px) and (min-width: 500px) {
      .book #book-half .book-details .col {
        margin-left: 0;
        margin-top: 15px; }
      .book #book-half .book-details .col.r-3-1 {
        width: 116.66667px; }
        .book #book-half .book-details .col.r-3-1 .col.r-3-1 {
          width: 25.55556px; }
        .book #book-half .book-details .col.r-3-1 .col.r-3-2 {
          width: 71.11111px; }
        .book #book-half .book-details .col.r-3-1 .col.r-4-1 {
          width: 14.16667px; }
        .book #book-half .book-details .col.r-3-1 .col.r-4-2 {
          width: 48.33333px; }
        .book #book-half .book-details .col.r-3-1 .col.r-4-3 {
          width: 82.5px; }
        .book #book-half .book-details .col.r-3-1 .col.r-5-1 {
          width: 7.33333px; }
        .book #book-half .book-details .col.r-3-1 .col.r-5-2 {
          width: 34.66667px; }
        .book #book-half .book-details .col.r-3-1 .col.r-5-3 {
          width: 62px; }
        .book #book-half .book-details .col.r-3-1 .col.r-5-4 {
          width: 89.33333px; }
        .book #book-half .book-details .col.r-3-1 *[class*="container"] {
          width: 116.66667px;
          margin-left: auto;
          margin-right: auto; }
        .book #book-half .book-details .col.r-3-1 *[class*="container"] .col, .book #book-half .book-details .col.r-3-1 .container-1 .col {
          width: 116.66667px;
          box-sizing: border-box; } }
  @media all and (max-width: 870px) and (min-width: 500px) and (max-width: 800px) {
    .book #book-half .book-details .col.r-3-1 *[class*="container"] {
      width: auto; } }
    @media (max-width: 870px) and (min-width: 500px) {
        .book #book-half .book-details .col.r-3-1 .container-2 [class*="col"] {
          width: 48.33333px; }
        .book #book-half .book-details .col.r-3-1 .container-3 [class*="col"] {
          width: 25.55556px; }
        .book #book-half .book-details .col.r-3-1 .container-4 [class*="col"] {
          width: 14.16667px; }
        .book #book-half .book-details .col.r-3-1 .container-5 [class*="col"] {
          width: 7.33333px; }
      .book #book-half .book-details .col.r-3-2 {
        width: 253.33333px; }
        .book #book-half .book-details .col.r-3-2 .col.r-3-1 {
          width: 71.11111px; }
        .book #book-half .book-details .col.r-3-2 .col.r-3-2 {
          width: 162.22222px; }
        .book #book-half .book-details .col.r-3-2 .col.r-4-1 {
          width: 48.33333px; }
        .book #book-half .book-details .col.r-3-2 .col.r-4-2 {
          width: 116.66667px; }
        .book #book-half .book-details .col.r-3-2 .col.r-4-3 {
          width: 185px; }
        .book #book-half .book-details .col.r-3-2 .col.r-5-1 {
          width: 34.66667px; }
        .book #book-half .book-details .col.r-3-2 .col.r-5-2 {
          width: 89.33333px; }
        .book #book-half .book-details .col.r-3-2 .col.r-5-3 {
          width: 144px; }
        .book #book-half .book-details .col.r-3-2 .col.r-5-4 {
          width: 198.66667px; }
        .book #book-half .book-details .col.r-3-2 *[class*="container"] {
          width: 253.33333px;
          margin-left: auto;
          margin-right: auto; }
        .book #book-half .book-details .col.r-3-2 *[class*="container"] .col, .book #book-half .book-details .col.r-3-2 .container-1 .col {
          width: 253.33333px;
          box-sizing: border-box; } }
  @media all and (max-width: 870px) and (min-width: 500px) and (max-width: 800px) {
    .book #book-half .book-details .col.r-3-2 *[class*="container"] {
      width: auto; } }
    @media (max-width: 870px) and (min-width: 500px) {
        .book #book-half .book-details .col.r-3-2 .container-2 [class*="col"] {
          width: 116.66667px; }
        .book #book-half .book-details .col.r-3-2 .container-3 [class*="col"] {
          width: 71.11111px; }
        .book #book-half .book-details .col.r-3-2 .container-4 [class*="col"] {
          width: 48.33333px; }
        .book #book-half .book-details .col.r-3-2 .container-5 [class*="col"] {
          width: 34.66667px; }
      .book #book-half .book-details .col.r-4-1 {
        width: 82.5px; }
        .book #book-half .book-details .col.r-4-1 .col.r-3-1 {
          width: 14.16667px; }
        .book #book-half .book-details .col.r-4-1 .col.r-3-2 {
          width: 48.33333px; }
        .book #book-half .book-details .col.r-4-1 .col.r-4-1 {
          width: 5.625px; }
        .book #book-half .book-details .col.r-4-1 .col.r-4-2 {
          width: 31.25px; }
        .book #book-half .book-details .col.r-4-1 .col.r-4-3 {
          width: 56.875px; }
        .book #book-half .book-details .col.r-4-1 .col.r-5-1 {
          width: 0.5px; }
        .book #book-half .book-details .col.r-4-1 .col.r-5-2 {
          width: 21px; }
        .book #book-half .book-details .col.r-4-1 .col.r-5-3 {
          width: 41.5px; }
        .book #book-half .book-details .col.r-4-1 .col.r-5-4 {
          width: 62px; }
        .book #book-half .book-details .col.r-4-1 *[class*="container"] {
          width: 82.5px;
          margin-left: auto;
          margin-right: auto; }
        .book #book-half .book-details .col.r-4-1 *[class*="container"] .col, .book #book-half .book-details .col.r-4-1 .container-1 .col {
          width: 82.5px;
          box-sizing: border-box; } }
  @media all and (max-width: 870px) and (min-width: 500px) and (max-width: 800px) {
    .book #book-half .book-details .col.r-4-1 *[class*="container"] {
      width: auto; } }
    @media (max-width: 870px) and (min-width: 500px) {
        .book #book-half .book-details .col.r-4-1 .container-2 [class*="col"] {
          width: 31.25px; }
        .book #book-half .book-details .col.r-4-1 .container-3 [class*="col"] {
          width: 14.16667px; }
        .book #book-half .book-details .col.r-4-1 .container-4 [class*="col"] {
          width: 5.625px; }
        .book #book-half .book-details .col.r-4-1 .container-5 [class*="col"] {
          width: 0.5px; }
      .book #book-half .book-details .col.r-4-2 {
        width: 185px; }
        .book #book-half .book-details .col.r-4-2 .col.r-3-1 {
          width: 48.33333px; }
        .book #book-half .book-details .col.r-4-2 .col.r-3-2 {
          width: 116.66667px; }
        .book #book-half .book-details .col.r-4-2 .col.r-4-1 {
          width: 31.25px; }
        .book #book-half .book-details .col.r-4-2 .col.r-4-2 {
          width: 82.5px; }
        .book #book-half .book-details .col.r-4-2 .col.r-4-3 {
          width: 133.75px; }
        .book #book-half .book-details .col.r-4-2 .col.r-5-1 {
          width: 21px; }
        .book #book-half .book-details .col.r-4-2 .col.r-5-2 {
          width: 62px; }
        .book #book-half .book-details .col.r-4-2 .col.r-5-3 {
          width: 103px; }
        .book #book-half .book-details .col.r-4-2 .col.r-5-4 {
          width: 144px; }
        .book #book-half .book-details .col.r-4-2 *[class*="container"] {
          width: 185px;
          margin-left: auto;
          margin-right: auto; }
        .book #book-half .book-details .col.r-4-2 *[class*="container"] .col, .book #book-half .book-details .col.r-4-2 .container-1 .col {
          width: 185px;
          box-sizing: border-box; } }
  @media all and (max-width: 870px) and (min-width: 500px) and (max-width: 800px) {
    .book #book-half .book-details .col.r-4-2 *[class*="container"] {
      width: auto; } }
    @media (max-width: 870px) and (min-width: 500px) {
        .book #book-half .book-details .col.r-4-2 .container-2 [class*="col"] {
          width: 82.5px; }
        .book #book-half .book-details .col.r-4-2 .container-3 [class*="col"] {
          width: 48.33333px; }
        .book #book-half .book-details .col.r-4-2 .container-4 [class*="col"] {
          width: 31.25px; }
        .book #book-half .book-details .col.r-4-2 .container-5 [class*="col"] {
          width: 21px; }
      .book #book-half .book-details .col.r-4-3 {
        width: 287.5px; }
        .book #book-half .book-details .col.r-4-3 .col.r-3-1 {
          width: 82.5px; }
        .book #book-half .book-details .col.r-4-3 .col.r-3-2 {
          width: 185px; }
        .book #book-half .book-details .col.r-4-3 .col.r-4-1 {
          width: 56.875px; }
        .book #book-half .book-details .col.r-4-3 .col.r-4-2 {
          width: 133.75px; }
        .book #book-half .book-details .col.r-4-3 .col.r-4-3 {
          width: 210.625px; }
        .book #book-half .book-details .col.r-4-3 .col.r-5-1 {
          width: 41.5px; }
        .book #book-half .book-details .col.r-4-3 .col.r-5-2 {
          width: 103px; }
        .book #book-half .book-details .col.r-4-3 .col.r-5-3 {
          width: 164.5px; }
        .book #book-half .book-details .col.r-4-3 .col.r-5-4 {
          width: 226px; }
        .book #book-half .book-details .col.r-4-3 *[class*="container"] {
          width: 287.5px;
          margin-left: auto;
          margin-right: auto; }
        .book #book-half .book-details .col.r-4-3 *[class*="container"] .col, .book #book-half .book-details .col.r-4-3 .container-1 .col {
          width: 287.5px;
          box-sizing: border-box; } }
  @media all and (max-width: 870px) and (min-width: 500px) and (max-width: 800px) {
    .book #book-half .book-details .col.r-4-3 *[class*="container"] {
      width: auto; } }
    @media (max-width: 870px) and (min-width: 500px) {
        .book #book-half .book-details .col.r-4-3 .container-2 [class*="col"] {
          width: 133.75px; }
        .book #book-half .book-details .col.r-4-3 .container-3 [class*="col"] {
          width: 82.5px; }
        .book #book-half .book-details .col.r-4-3 .container-4 [class*="col"] {
          width: 56.875px; }
        .book #book-half .book-details .col.r-4-3 .container-5 [class*="col"] {
          width: 41.5px; }
      .book #book-half .book-details .col.r-5-1 {
        width: 62px; }
        .book #book-half .book-details .col.r-5-1 .col.r-3-1 {
          width: 7.33333px; }
        .book #book-half .book-details .col.r-5-1 .col.r-3-2 {
          width: 34.66667px; }
        .book #book-half .book-details .col.r-5-1 .col.r-4-1 {
          width: 0.5px; }
        .book #book-half .book-details .col.r-5-1 .col.r-4-2 {
          width: 21px; }
        .book #book-half .book-details .col.r-5-1 .col.r-4-3 {
          width: 41.5px; }
        .book #book-half .book-details .col.r-5-1 .col.r-5-1 {
          width: -3.6px; }
        .book #book-half .book-details .col.r-5-1 .col.r-5-2 {
          width: 12.8px; }
        .book #book-half .book-details .col.r-5-1 .col.r-5-3 {
          width: 29.2px; }
        .book #book-half .book-details .col.r-5-1 .col.r-5-4 {
          width: 45.6px; }
        .book #book-half .book-details .col.r-5-1 *[class*="container"] {
          width: 62px;
          margin-left: auto;
          margin-right: auto; }
        .book #book-half .book-details .col.r-5-1 *[class*="container"] .col, .book #book-half .book-details .col.r-5-1 .container-1 .col {
          width: 62px;
          box-sizing: border-box; } }
  @media all and (max-width: 870px) and (min-width: 500px) and (max-width: 800px) {
    .book #book-half .book-details .col.r-5-1 *[class*="container"] {
      width: auto; } }
    @media (max-width: 870px) and (min-width: 500px) {
        .book #book-half .book-details .col.r-5-1 .container-2 [class*="col"] {
          width: 21px; }
        .book #book-half .book-details .col.r-5-1 .container-3 [class*="col"] {
          width: 7.33333px; }
        .book #book-half .book-details .col.r-5-1 .container-4 [class*="col"] {
          width: 0.5px; }
        .book #book-half .book-details .col.r-5-1 .container-5 [class*="col"] {
          width: -3.6px; }
      .book #book-half .book-details .col.r-5-2 {
        width: 144px; }
        .book #book-half .book-details .col.r-5-2 .col.r-3-1 {
          width: 34.66667px; }
        .book #book-half .book-details .col.r-5-2 .col.r-3-2 {
          width: 89.33333px; }
        .book #book-half .book-details .col.r-5-2 .col.r-4-1 {
          width: 21px; }
        .book #book-half .book-details .col.r-5-2 .col.r-4-2 {
          width: 62px; }
        .book #book-half .book-details .col.r-5-2 .col.r-4-3 {
          width: 103px; }
        .book #book-half .book-details .col.r-5-2 .col.r-5-1 {
          width: 12.8px; }
        .book #book-half .book-details .col.r-5-2 .col.r-5-2 {
          width: 45.6px; }
        .book #book-half .book-details .col.r-5-2 .col.r-5-3 {
          width: 78.4px; }
        .book #book-half .book-details .col.r-5-2 .col.r-5-4 {
          width: 111.2px; }
        .book #book-half .book-details .col.r-5-2 *[class*="container"] {
          width: 144px;
          margin-left: auto;
          margin-right: auto; }
        .book #book-half .book-details .col.r-5-2 *[class*="container"] .col, .book #book-half .book-details .col.r-5-2 .container-1 .col {
          width: 144px;
          box-sizing: border-box; } }
  @media all and (max-width: 870px) and (min-width: 500px) and (max-width: 800px) {
    .book #book-half .book-details .col.r-5-2 *[class*="container"] {
      width: auto; } }
    @media (max-width: 870px) and (min-width: 500px) {
        .book #book-half .book-details .col.r-5-2 .container-2 [class*="col"] {
          width: 62px; }
        .book #book-half .book-details .col.r-5-2 .container-3 [class*="col"] {
          width: 34.66667px; }
        .book #book-half .book-details .col.r-5-2 .container-4 [class*="col"] {
          width: 21px; }
        .book #book-half .book-details .col.r-5-2 .container-5 [class*="col"] {
          width: 12.8px; }
      .book #book-half .book-details .col.r-5-3 {
        width: 226px; }
        .book #book-half .book-details .col.r-5-3 .col.r-3-1 {
          width: 62px; }
        .book #book-half .book-details .col.r-5-3 .col.r-3-2 {
          width: 144px; }
        .book #book-half .book-details .col.r-5-3 .col.r-4-1 {
          width: 41.5px; }
        .book #book-half .book-details .col.r-5-3 .col.r-4-2 {
          width: 103px; }
        .book #book-half .book-details .col.r-5-3 .col.r-4-3 {
          width: 164.5px; }
        .book #book-half .book-details .col.r-5-3 .col.r-5-1 {
          width: 29.2px; }
        .book #book-half .book-details .col.r-5-3 .col.r-5-2 {
          width: 78.4px; }
        .book #book-half .book-details .col.r-5-3 .col.r-5-3 {
          width: 127.6px; }
        .book #book-half .book-details .col.r-5-3 .col.r-5-4 {
          width: 176.8px; }
        .book #book-half .book-details .col.r-5-3 *[class*="container"] {
          width: 226px;
          margin-left: auto;
          margin-right: auto; }
        .book #book-half .book-details .col.r-5-3 *[class*="container"] .col, .book #book-half .book-details .col.r-5-3 .container-1 .col {
          width: 226px;
          box-sizing: border-box; } }
  @media all and (max-width: 870px) and (min-width: 500px) and (max-width: 800px) {
    .book #book-half .book-details .col.r-5-3 *[class*="container"] {
      width: auto; } }
    @media (max-width: 870px) and (min-width: 500px) {
        .book #book-half .book-details .col.r-5-3 .container-2 [class*="col"] {
          width: 103px; }
        .book #book-half .book-details .col.r-5-3 .container-3 [class*="col"] {
          width: 62px; }
        .book #book-half .book-details .col.r-5-3 .container-4 [class*="col"] {
          width: 41.5px; }
        .book #book-half .book-details .col.r-5-3 .container-5 [class*="col"] {
          width: 29.2px; }
      .book #book-half .book-details .col.r-5-4 {
        width: 308px; }
        .book #book-half .book-details .col.r-5-4 .col.r-3-1 {
          width: 89.33333px; }
        .book #book-half .book-details .col.r-5-4 .col.r-3-2 {
          width: 198.66667px; }
        .book #book-half .book-details .col.r-5-4 .col.r-4-1 {
          width: 62px; }
        .book #book-half .book-details .col.r-5-4 .col.r-4-2 {
          width: 144px; }
        .book #book-half .book-details .col.r-5-4 .col.r-4-3 {
          width: 226px; }
        .book #book-half .book-details .col.r-5-4 .col.r-5-1 {
          width: 45.6px; }
        .book #book-half .book-details .col.r-5-4 .col.r-5-2 {
          width: 111.2px; }
        .book #book-half .book-details .col.r-5-4 .col.r-5-3 {
          width: 176.8px; }
        .book #book-half .book-details .col.r-5-4 .col.r-5-4 {
          width: 242.4px; }
        .book #book-half .book-details .col.r-5-4 *[class*="container"] {
          width: 308px;
          margin-left: auto;
          margin-right: auto; }
        .book #book-half .book-details .col.r-5-4 *[class*="container"] .col, .book #book-half .book-details .col.r-5-4 .container-1 .col {
          width: 308px;
          box-sizing: border-box; } }
  @media all and (max-width: 870px) and (min-width: 500px) and (max-width: 800px) {
    .book #book-half .book-details .col.r-5-4 *[class*="container"] {
      width: auto; } }
    @media (max-width: 870px) and (min-width: 500px) {
        .book #book-half .book-details .col.r-5-4 .container-2 [class*="col"] {
          width: 144px; }
        .book #book-half .book-details .col.r-5-4 .container-3 [class*="col"] {
          width: 89.33333px; }
        .book #book-half .book-details .col.r-5-4 .container-4 [class*="col"] {
          width: 62px; }
        .book #book-half .book-details .col.r-5-4 .container-5 [class*="col"] {
          width: 45.6px; } }
  @media (max-width: 500px) {
    .book #book-half {
      padding-left: 0px; }
      .book #book-half .col {
        text-align: center;
        width: 100%;
        margin: auto; } }
  @media (max-width: 870px) and (min-width: 500px) {
    .book #book-half {
      width: 45%; } }
.book #book-image img {
  width: 100px; }
  @media (max-width: 500px) {
    .book #book-image img {
      width: 70%;
      margin: auto; } }
.book #book-info p {
  margin-bottom: 5px; }
@media (max-width: 500px) {
  .book #book-info {
    width: 70%;
    margin: auto; }
    .book #book-info p {
      font-size: 18px; } }
.book #price-half {
  box-sizing: border-box;
  margin-left: -25px;
  text-align: right; }
  @media (max-width: 500px) {
    .book #price-half {
      text-align: center; } }
  @media (max-width: 870px) and (min-width: 500px) {
    .book #price-half {
      width: 50%; } }
.book .price_group h2 {
  margin: 0 0 3px 0; }
.book .price_group .quantity_index {
  font-size: 20px;
  padding-bottom: 10px;
  vertical-align: super; }
.book .price_group .price-font {
  color: #129955;
  font-size: 40px;
  font-weight: 400;
  margin-bottom: 5px; }
.book #quantity {
  padding: 10px 0; }
  .book #quantity .quantity-input {
    margin-left: 10px; }
.book .buy-new-wrapper {
  position: relative;
  bottom: -50px;
  float: right;
  font-size: 16px; }

/********** orders ***************/
.tracking-num {
  background: none;
  color: #333;
  text-decoration: underline;
  padding: 15px;
  font-size: 14px;
  text-align: right; }
  .tracking-num a {
    color: #1C1C1C; }

/********** login **************/
#login_form {
  padding: 0px 20px 0px 20px; }
  #login_form.styled-form {
    margin: 0px; }
    #login_form.styled-form input[type=submit] {
      min-width: 200px; }
  #login_form .styled-input {
    width: 100%;
    max-width: 300px; }
  #login_form a.password-reset {
    display: inline-block;
    padding: 20px 0px 40px 0px; }

/********** account **************/
.account-container {
  width: 95%;
  padding: 20px 0; }

.static {
  padding: 15px; }

/********** loader **************/
.packing_slip_message {
  text-align: center;
  margin-bottom: 10px; }

.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out; }

.loader {
  color: #1C1C1C;
  font-size: 10px;
  margin: 0px 0px 50px 80px;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0; }

.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.loader:after {
  left: 3.5em; }

@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em; }
  40% {
    box-shadow: 0 2.5em 0 0; } }
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em; }
  40% {
    box-shadow: 0 2.5em 0 0; } }
.packing_slip_link {
  width: 100%;
  margin: 10px 0px 10px 0px; }
  .packing_slip_link .errors {
    margin: 20px 0px 0px 0px; }
  .packing_slip_link a {
    color: #F8F8F8;
    text-decoration: none;
    background: #129955;
    padding: 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -border-radius: 5px;
    border: 0;
    font-size: 18px; }

.search-submit-half {
  -webkit-appearance: none;
  float: left;
  padding-top: 0;
  padding-bottom: 0;
  height: 40px;
  border: 0 solid #404040;
  width: 70px;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #FFF; }

.search-submit-half1 {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  color: #FFF;
  background-color: rgba(50, 50, 50, 0.72); }

.search-submit-half2 {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  color: #FFF;
  background-color: rgba(0, 0, 0, 0.72); }

.affiliate {
  padding: 0px 20px; }