/*
  CSS properties for Angular ng-cloak build in directive
  The ngCloak directive is used to prevent the Angular html template from being briefly displayed by the browser
  in its raw (uncompiled) form while your application is loading. Use this directive to avoid the undesirable
  flicker effect caused by the html template display.
  @author: Harrisson Restrepo
  @date: 2016/06/02
*/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

pre {
    overflow: auto;
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

code, kbd, pre, samp {
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
}

button.disabled, a.disabled {
    cursor: not-allowed;
    pointer-events: none;
}
@charset "UTF-8";
/* Grid fix for all columns that do not start with at least a "col-xs-12".
This will will make the col 100% as a default setting */
[class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"], [class*="col-xl-"] { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; min-width: 0; max-width: 100%; }

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

/* ALSO had to comment out .c-select:focus in custom-forms.php */
/* ********************************************** RESPONSIVE FONT MIXIN ************* */
/* ********************************************** END RESPONSIVE FONT MIXIN *********** */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background-color: transparent; }

a:active { outline: 0; }

a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

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

td, th { padding: 0; }

@media print { *, *:before, *:after { text-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } abbr[title]:after { content: " (" attr(title) ")"; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } }

html { -webkit-box-sizing: border-box; box-sizing: border-box; }

*, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; }

@-moz-viewport { width: device-width; }

@-ms-viewport { width: device-width; }

@-o-viewport { width: device-width; }

@-webkit-viewport { width: device-width; }

@viewport { width: device-width; }

html { font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body { font-family: "helvetica neue", helvetica, arial, sans-serif; font-size: 1rem; line-height: 1.6875; color: #414042; background-color: #fff; }

h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; }

p { margin-top: 0; margin-bottom: 1rem; }

abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #818181; }

address { margin-bottom: 1rem; font-style: normal; line-height: inherit; }

ol, ul, dl { margin-top: 0; margin-bottom: 1rem; }

ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; }

dt { font-weight: bold; }

dd { margin-bottom: .5rem; margin-left: 0; }

blockquote { margin: 0 0 1rem; }

a { color: #3D6995; text-decoration: none; }

a:focus, a:hover { color: #27435f; text-decoration: underline; }

a:focus { outline: 1px dashed rgba(15, 105, 194, 0.65); }

pre { margin-top: 0; margin-bottom: 1rem; }

figure { margin: 0 0 1rem; }

img { vertical-align: middle; }

[role="button"] { cursor: pointer; }

table { background-color: transparent; }

caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #818181; text-align: left; caption-side: bottom; }

th { text-align: left; }

label { display: inline-block; margin-bottom: .5rem; }

input, button, select, textarea { margin: 0; line-height: inherit; }

textarea { resize: vertical; }

fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }

legend { display: block; width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; }

input[type="search"] { -webkit-appearance: none; }

output { display: inline-block; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; }

h1, .h1, h2, .h2, h3, .h3 { margin-bottom: 0.5rem; }

h4, .h4, h5, .h5, h6, .h6 { margin-bottom: 0.5rem; }

h1, .h1 { font-size: 2.625rem; }

h2, .h2 { font-size: 1.625rem; }

h3, .h3 { font-size: 1.25rem; }

h4, .h4 { font-size: 1rem; }

h5, .h5 { font-size: 1rem; }

h6, .h6 { font-size: 0.8125rem; }

.lead { font-size: 1.25rem; font-weight: 300; }

.display-1 { font-size: 3.5rem; font-weight: 300; }

.display-2 { font-size: 4.5rem; font-weight: 300; }

.display-3 { font-size: 5.5rem; font-weight: 300; }

.display-4 { font-size: 6rem; font-weight: 300; }

hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 0.0625rem solid rgba(0, 0, 0, 0.1); }

small, .small { font-size: 80%; font-weight: normal; }

mark, .mark { padding: .2em; background-color: #fcec98; }

.list-unstyled { padding-left: 0; list-style: none; }

.list-inline { padding-left: 0; margin-left: -5px; list-style: none; }

.list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; }

.dl-horizontal { margin-right: -1.875rem; margin-left: -1.875rem; }

.dl-horizontal:before, .dl-horizontal:after { content: " "; display: table; }

.dl-horizontal:after { clear: both; }

.initialism { font-size: 90%; text-transform: uppercase; }

.blockquote, blockquote { padding: 0.5rem 1rem; margin-bottom: 1rem; font-size: 1rem; border-left: 0.25rem solid #fdb528; }

.blockquote p:last-child, blockquote p:last-child, .blockquote ul:last-child, blockquote ul:last-child, .blockquote ol:last-child, blockquote ol:last-child { margin-bottom: 0; }

.blockquote footer, blockquote footer { display: block; font-size: 80%; line-height: 1.6875; color: #747474; }

.blockquote footer:before, blockquote footer:before { content: "\2014 \00A0"; }

.blockquote-reverse { padding-right: 1rem; padding-left: 0; text-align: right; border-right: 0.25rem solid #fdb528; border-left: 0; }

.blockquote-reverse footer:before { content: ""; }

.blockquote-reverse footer:after { content: "\00A0 \2014"; }

.figure, figure { display: inline-block; }

.figure > img, figure > img { line-height: 1; margin-bottom: 0.5rem; }

.figure-caption, figcaption { font-size: 90%; color: #818181; }

.img-responsive, .figure > img, figure > img { display: block; max-width: 100%; height: auto; }

.img-rounded { border-radius: 5px; }

.img-thumbnail { padding: 0.25rem; line-height: 1.6875; background-color: #fff; border: 1px solid #ddd; border-radius: 3px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block; max-width: 100%; height: auto; }

.img-circle { border-radius: 50%; }

.container { margin-left: auto; margin-right: auto; padding-left: 0.9375rem; padding-right: 0.9375rem; max-width: 480px; }

@media (min-width: 480px) { .container { max-width: 640px; } }

@media (min-width: 720px) { .container { max-width: 800px; } }

@media (min-width: 960px) { .container { max-width: 960px; } }

@media (min-width: 1140px) { .container { max-width: 1140px; } }

@media (min-width: 1440px) { .container { max-width: 1440px; } }

.container-fluid { margin-left: auto; margin-right: auto; padding-left: 0.9375rem; padding-right: 0.9375rem; }

.row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -0.9375rem; margin-right: -0.9375rem; }

.col-xxl-12, .col-xxl-11, .col-xxl-10, .col-xxl-9, .col-xxl-8, .col-xxl-7, .col-xxl-6, .col-xxl-5, .col-xxl-4, .col-xxl-3, .col-xxl-2, .col-xxl-1, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1 { position: relative; min-height: 1px; padding-left: 0.9375rem; padding-right: 0.9375rem; }

.col-xs-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.3333333333%; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; }

.col-xs-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6666666667%; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; }

.col-xs-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; }

.col-xs-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; }

.col-xs-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.6666666667%; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; }

.col-xs-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; }

.col-xs-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.3333333333%; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; }

.col-xs-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.6666666667%; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; }

.col-xs-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; }

.col-xs-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.3333333333%; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; }

.col-xs-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.6666666667%; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; }

.col-xs-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }

.col-xs-pull-0 { right: auto; }

.col-xs-pull-1 { right: 8.3333333333%; }

.col-xs-pull-2 { right: 16.6666666667%; }

.col-xs-pull-3 { right: 25%; }

.col-xs-pull-4 { right: 33.3333333333%; }

.col-xs-pull-5 { right: 41.6666666667%; }

.col-xs-pull-6 { right: 50%; }

.col-xs-pull-7 { right: 58.3333333333%; }

.col-xs-pull-8 { right: 66.6666666667%; }

.col-xs-pull-9 { right: 75%; }

.col-xs-pull-10 { right: 83.3333333333%; }

.col-xs-pull-11 { right: 91.6666666667%; }

.col-xs-pull-12 { right: 100%; }

.col-xs-push-0 { left: auto; }

.col-xs-push-1 { left: 8.3333333333%; }

.col-xs-push-2 { left: 16.6666666667%; }

.col-xs-push-3 { left: 25%; }

.col-xs-push-4 { left: 33.3333333333%; }

.col-xs-push-5 { left: 41.6666666667%; }

.col-xs-push-6 { left: 50%; }

.col-xs-push-7 { left: 58.3333333333%; }

.col-xs-push-8 { left: 66.6666666667%; }

.col-xs-push-9 { left: 75%; }

.col-xs-push-10 { left: 83.3333333333%; }

.col-xs-push-11 { left: 91.6666666667%; }

.col-xs-push-12 { left: 100%; }

.col-xs-offset-0 { margin-left: 0%; }

.col-xs-offset-1 { margin-left: 8.3333333333%; }

.col-xs-offset-2 { margin-left: 16.6666666667%; }

.col-xs-offset-3 { margin-left: 25%; }

.col-xs-offset-4 { margin-left: 33.3333333333%; }

.col-xs-offset-5 { margin-left: 41.6666666667%; }

.col-xs-offset-6 { margin-left: 50%; }

.col-xs-offset-7 { margin-left: 58.3333333333%; }

.col-xs-offset-8 { margin-left: 66.6666666667%; }

.col-xs-offset-9 { margin-left: 75%; }

.col-xs-offset-10 { margin-left: 83.3333333333%; }

.col-xs-offset-11 { margin-left: 91.6666666667%; }

.col-xs-offset-12 { margin-left: 100%; }

@media (min-width: 480px) { .col-sm-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.3333333333%; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; } .col-sm-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6666666667%; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; } .col-sm-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .col-sm-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; } .col-sm-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.6666666667%; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; } .col-sm-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .col-sm-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.3333333333%; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; } .col-sm-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.6666666667%; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; } .col-sm-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; } .col-sm-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.3333333333%; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; } .col-sm-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.6666666667%; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; } .col-sm-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.3333333333%; } .col-sm-pull-2 { right: 16.6666666667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.3333333333%; } .col-sm-pull-5 { right: 41.6666666667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.3333333333%; } .col-sm-pull-8 { right: 66.6666666667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.3333333333%; } .col-sm-pull-11 { right: 91.6666666667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.3333333333%; } .col-sm-push-2 { left: 16.6666666667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.3333333333%; } .col-sm-push-5 { left: 41.6666666667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.3333333333%; } .col-sm-push-8 { left: 66.6666666667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.3333333333%; } .col-sm-push-11 { left: 91.6666666667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-offset-1 { margin-left: 8.3333333333%; } .col-sm-offset-2 { margin-left: 16.6666666667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.3333333333%; } .col-sm-offset-5 { margin-left: 41.6666666667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.3333333333%; } .col-sm-offset-8 { margin-left: 66.6666666667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.3333333333%; } .col-sm-offset-11 { margin-left: 91.6666666667%; } .col-sm-offset-12 { margin-left: 100%; } }

@media (min-width: 720px) { .col-md-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.3333333333%; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; } .col-md-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6666666667%; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; } .col-md-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .col-md-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; } .col-md-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.6666666667%; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; } .col-md-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .col-md-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.3333333333%; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; } .col-md-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.6666666667%; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; } .col-md-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; } .col-md-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.3333333333%; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; } .col-md-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.6666666667%; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; } .col-md-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.3333333333%; } .col-md-pull-2 { right: 16.6666666667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.3333333333%; } .col-md-pull-5 { right: 41.6666666667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.3333333333%; } .col-md-pull-8 { right: 66.6666666667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.3333333333%; } .col-md-pull-11 { right: 91.6666666667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.3333333333%; } .col-md-push-2 { left: 16.6666666667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.3333333333%; } .col-md-push-5 { left: 41.6666666667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.3333333333%; } .col-md-push-8 { left: 66.6666666667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.3333333333%; } .col-md-push-11 { left: 91.6666666667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0%; } .col-md-offset-1 { margin-left: 8.3333333333%; } .col-md-offset-2 { margin-left: 16.6666666667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.3333333333%; } .col-md-offset-5 { margin-left: 41.6666666667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.3333333333%; } .col-md-offset-8 { margin-left: 66.6666666667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.3333333333%; } .col-md-offset-11 { margin-left: 91.6666666667%; } .col-md-offset-12 { margin-left: 100%; } }

@media (min-width: 960px) { .col-lg-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.3333333333%; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; } .col-lg-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6666666667%; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; } .col-lg-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .col-lg-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; } .col-lg-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.6666666667%; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; } .col-lg-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .col-lg-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.3333333333%; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; } .col-lg-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.6666666667%; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; } .col-lg-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; } .col-lg-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.3333333333%; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; } .col-lg-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.6666666667%; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; } .col-lg-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.3333333333%; } .col-lg-pull-2 { right: 16.6666666667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.3333333333%; } .col-lg-pull-5 { right: 41.6666666667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.3333333333%; } .col-lg-pull-8 { right: 66.6666666667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.3333333333%; } .col-lg-pull-11 { right: 91.6666666667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.3333333333%; } .col-lg-push-2 { left: 16.6666666667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.3333333333%; } .col-lg-push-5 { left: 41.6666666667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.3333333333%; } .col-lg-push-8 { left: 66.6666666667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.3333333333%; } .col-lg-push-11 { left: 91.6666666667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0%; } .col-lg-offset-1 { margin-left: 8.3333333333%; } .col-lg-offset-2 { margin-left: 16.6666666667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.3333333333%; } .col-lg-offset-5 { margin-left: 41.6666666667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.3333333333%; } .col-lg-offset-8 { margin-left: 66.6666666667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.3333333333%; } .col-lg-offset-11 { margin-left: 91.6666666667%; } .col-lg-offset-12 { margin-left: 100%; } }

@media (min-width: 1140px) { .col-xl-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.3333333333%; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; } .col-xl-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6666666667%; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; } .col-xl-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .col-xl-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; } .col-xl-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.6666666667%; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; } .col-xl-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .col-xl-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.3333333333%; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; } .col-xl-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.6666666667%; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; } .col-xl-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; } .col-xl-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.3333333333%; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; } .col-xl-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.6666666667%; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; } .col-xl-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .col-xl-pull-0 { right: auto; } .col-xl-pull-1 { right: 8.3333333333%; } .col-xl-pull-2 { right: 16.6666666667%; } .col-xl-pull-3 { right: 25%; } .col-xl-pull-4 { right: 33.3333333333%; } .col-xl-pull-5 { right: 41.6666666667%; } .col-xl-pull-6 { right: 50%; } .col-xl-pull-7 { right: 58.3333333333%; } .col-xl-pull-8 { right: 66.6666666667%; } .col-xl-pull-9 { right: 75%; } .col-xl-pull-10 { right: 83.3333333333%; } .col-xl-pull-11 { right: 91.6666666667%; } .col-xl-pull-12 { right: 100%; } .col-xl-push-0 { left: auto; } .col-xl-push-1 { left: 8.3333333333%; } .col-xl-push-2 { left: 16.6666666667%; } .col-xl-push-3 { left: 25%; } .col-xl-push-4 { left: 33.3333333333%; } .col-xl-push-5 { left: 41.6666666667%; } .col-xl-push-6 { left: 50%; } .col-xl-push-7 { left: 58.3333333333%; } .col-xl-push-8 { left: 66.6666666667%; } .col-xl-push-9 { left: 75%; } .col-xl-push-10 { left: 83.3333333333%; } .col-xl-push-11 { left: 91.6666666667%; } .col-xl-push-12 { left: 100%; } .col-xl-offset-0 { margin-left: 0%; } .col-xl-offset-1 { margin-left: 8.3333333333%; } .col-xl-offset-2 { margin-left: 16.6666666667%; } .col-xl-offset-3 { margin-left: 25%; } .col-xl-offset-4 { margin-left: 33.3333333333%; } .col-xl-offset-5 { margin-left: 41.6666666667%; } .col-xl-offset-6 { margin-left: 50%; } .col-xl-offset-7 { margin-left: 58.3333333333%; } .col-xl-offset-8 { margin-left: 66.6666666667%; } .col-xl-offset-9 { margin-left: 75%; } .col-xl-offset-10 { margin-left: 83.3333333333%; } .col-xl-offset-11 { margin-left: 91.6666666667%; } .col-xl-offset-12 { margin-left: 100%; } }

@media (min-width: 1440px) { .col-xxl-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.3333333333%; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; } .col-xxl-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6666666667%; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; } .col-xxl-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .col-xxl-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; } .col-xxl-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.6666666667%; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; } .col-xxl-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .col-xxl-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.3333333333%; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; } .col-xxl-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.6666666667%; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; } .col-xxl-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; } .col-xxl-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.3333333333%; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; } .col-xxl-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.6666666667%; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; } .col-xxl-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .col-xxl-pull-0 { right: auto; } .col-xxl-pull-1 { right: 8.3333333333%; } .col-xxl-pull-2 { right: 16.6666666667%; } .col-xxl-pull-3 { right: 25%; } .col-xxl-pull-4 { right: 33.3333333333%; } .col-xxl-pull-5 { right: 41.6666666667%; } .col-xxl-pull-6 { right: 50%; } .col-xxl-pull-7 { right: 58.3333333333%; } .col-xxl-pull-8 { right: 66.6666666667%; } .col-xxl-pull-9 { right: 75%; } .col-xxl-pull-10 { right: 83.3333333333%; } .col-xxl-pull-11 { right: 91.6666666667%; } .col-xxl-pull-12 { right: 100%; } .col-xxl-push-0 { left: auto; } .col-xxl-push-1 { left: 8.3333333333%; } .col-xxl-push-2 { left: 16.6666666667%; } .col-xxl-push-3 { left: 25%; } .col-xxl-push-4 { left: 33.3333333333%; } .col-xxl-push-5 { left: 41.6666666667%; } .col-xxl-push-6 { left: 50%; } .col-xxl-push-7 { left: 58.3333333333%; } .col-xxl-push-8 { left: 66.6666666667%; } .col-xxl-push-9 { left: 75%; } .col-xxl-push-10 { left: 83.3333333333%; } .col-xxl-push-11 { left: 91.6666666667%; } .col-xxl-push-12 { left: 100%; } .col-xxl-offset-0 { margin-left: 0%; } .col-xxl-offset-1 { margin-left: 8.3333333333%; } .col-xxl-offset-2 { margin-left: 16.6666666667%; } .col-xxl-offset-3 { margin-left: 25%; } .col-xxl-offset-4 { margin-left: 33.3333333333%; } .col-xxl-offset-5 { margin-left: 41.6666666667%; } .col-xxl-offset-6 { margin-left: 50%; } .col-xxl-offset-7 { margin-left: 58.3333333333%; } .col-xxl-offset-8 { margin-left: 66.6666666667%; } .col-xxl-offset-9 { margin-left: 75%; } .col-xxl-offset-10 { margin-left: 83.3333333333%; } .col-xxl-offset-11 { margin-left: 91.6666666667%; } .col-xxl-offset-12 { margin-left: 100%; } }

.col-xs-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; }

.col-xs-last { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }

@media (min-width: 480px) { .col-sm-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .col-sm-last { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } }

@media (min-width: 720px) { .col-md-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .col-md-last { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } }

@media (min-width: 960px) { .col-lg-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .col-lg-last { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } }

@media (min-width: 1140px) { .col-xl-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .col-xl-last { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } }

@media (min-width: 1440px) { .col-xxl-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .col-xxl-last { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } }

.row-xs-top { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.row-xs-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.row-xs-bottom { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }

@media (min-width: 480px) { .row-sm-top { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .row-sm-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .row-sm-bottom { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } }

@media (min-width: 720px) { .row-md-top { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .row-md-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .row-md-bottom { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } }

@media (min-width: 960px) { .row-lg-top { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .row-lg-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .row-lg-bottom { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } }

@media (min-width: 1140px) { .row-xl-top { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .row-xl-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .row-xl-bottom { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } }

@media (min-width: 1440px) { .row-xxl-top { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .row-xxl-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .row-xxl-bottom { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } }

.col-xs-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; }

.col-xs-center { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; }

.col-xs-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; }

@media (min-width: 480px) { .col-sm-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .col-sm-center { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .col-sm-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } }

@media (min-width: 720px) { .col-md-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .col-md-center { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .col-md-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } }

@media (min-width: 960px) { .col-lg-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .col-lg-center { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .col-lg-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } }

@media (min-width: 1140px) { .col-xl-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .col-xl-center { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .col-xl-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } }

@media (min-width: 1440px) { .col-xxl-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .col-xxl-center { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .col-xxl-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } }

.table { width: 100%; max-width: 100%; margin-bottom: 1rem; }

.table th, .table td { padding: 0.75rem; line-height: 1.6875; vertical-align: top; border-top: 1px solid #eee; }

.table thead th { vertical-align: bottom; border-bottom: 2px solid #eee; }

.table tbody + tbody { border-top: 2px solid #eee; }

.table .table { background-color: #fff; }

.table-sm th, .table-sm td { padding: 0.3rem; }

.table-bordered { border: 1px solid #eee; }

.table-bordered th, .table-bordered td { border: 1px solid #eee; }

.table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; }

.table-striped tbody tr:nth-of-type(odd) { background-color: #fafafa; }

.table-hover tbody tr:hover { background-color: #f7f7f9; }

.table-active, .table-active > th, .table-active > td { background-color: #f7f7f9; }

.table-hover .table-active:hover { background-color: #e8e8ee; }

.table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: #e8e8ee; }

.table-success, .table-success > th, .table-success > td { background-color: #dff0da; }

.table-hover .table-success:hover { background-color: #cfe9c8; }

.table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #cfe9c8; }

.table-info, .table-info > th, .table-info > td { background-color: #d9edf7; }

.table-hover .table-info:hover { background-color: #c4e3f3; }

.table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #c4e3f3; }

.table-warning, .table-warning > th, .table-warning > td { background-color: #fcec98; }

.table-hover .table-warning:hover { background-color: #fbe77f; }

.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #fbe77f; }

.table-danger, .table-danger > th, .table-danger > td { background-color: #f2dede; }

.table-hover .table-danger:hover { background-color: #ebcccc; }

.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #ebcccc; }

.table-responsive { display: block; width: 100%; overflow-x: auto; }

.thead-inverse th { color: #fff; background-color: #555; }

.thead-default th { color: #646464; background-color: #eee; }

.table-inverse { color: #eee; background-color: #555; }

.table-inverse.table-bordered { border: 0; }

.table-inverse th, .table-inverse td, .table-inverse thead th { border-color: #646464; }

.table-reflow thead { float: left; }

.table-reflow tbody { display: block; white-space: nowrap; }

.table-reflow th, .table-reflow td { border-top: 1px solid #eee; border-left: 1px solid #eee; }

.table-reflow th:last-child, .table-reflow td:last-child { border-right: 1px solid #eee; }

.table-reflow thead:last-child tr:last-child th, .table-reflow thead:last-child tr:last-child td, .table-reflow tbody:last-child tr:last-child th, .table-reflow tbody:last-child tr:last-child td, .table-reflow tfoot:last-child tr:last-child th, .table-reflow tfoot:last-child tr:last-child td { border-bottom: 1px solid #eee; }

.table-reflow tr { float: left; }

.table-reflow tr th, .table-reflow tr td { display: block !important; border: 1px solid #eee; }

.form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.6875; color: #646464; background-color: #fff; background-image: none; border: 0.0625rem solid #ccc; border-radius: 3px; -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; }

.form-control::-ms-expand { background-color: transparent; border: 0; }

.form-control:focus { outline: 1px solid rgba(81, 167, 232, 0.5); border-color: #51a7e8; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5); }

.form-control::-webkit-input-placeholder { color: #999; opacity: 1; }

.form-control::-moz-placeholder { color: #999; opacity: 1; }

.form-control:-ms-input-placeholder { color: #999; opacity: 1; }

.form-control::-ms-input-placeholder { color: #999; opacity: 1; }

.form-control::placeholder { color: #999; opacity: 1; }

.form-control:disabled, .form-control[readonly], fieldset[disabled] .form-control { background-color: #fafafa; opacity: 1; }

.form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; }

.form-control-file, .form-control-range { display: block; }

.form-control-label { padding: 0.4375rem 0.75rem; margin-bottom: 0; }

@media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 2.5625rem; } input[type="date"].input-sm, .input-group-sm input[type="date"].form-control, input[type="time"].input-sm, .input-group-sm input[type="time"].form-control, input[type="datetime-local"].input-sm, .input-group-sm input[type="datetime-local"].form-control, input[type="month"].input-sm, .input-group-sm input[type="month"].form-control { line-height: 1.95rem; } input[type="date"].input-lg, .input-group-lg input[type="date"].form-control, input[type="time"].input-lg, .input-group-lg input[type="time"].form-control, input[type="datetime-local"].input-lg, .input-group-lg input[type="datetime-local"].form-control, input[type="month"].input-lg, .input-group-lg input[type="month"].form-control { line-height: 3.2916666667rem; } }

.form-control-static { min-height: 2.5625rem; padding-top: 0.4375rem; padding-bottom: 0.4375rem; margin-bottom: 0; }

.form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn { padding-right: 0; padding-left: 0; }

.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { padding: 0.275rem 0.75rem; font-size: 0.85rem; line-height: 1.5; border-radius: 2px; }

.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { padding: 0.75rem 1.25rem; font-size: 1.25rem; line-height: 1.3333333333; border-radius: 5px; }

.form-group { margin-bottom: 15px; }

.radio, .checkbox { position: relative; display: block; margin-bottom: 0.75rem; }

.radio label, .checkbox label { padding-left: 1.25rem; margin-bottom: 0; font-weight: normal; cursor: pointer; }

.radio label input:only-child, .checkbox label input:only-child { position: static; }

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-top: .25rem; margin-left: -1.18rem; }

.radio + .radio, .checkbox + .checkbox { margin-top: -.25rem; }

.radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 1.25rem; margin-bottom: 0; font-weight: normal; vertical-align: middle; cursor: pointer; }

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: .85rem; }

input[type="radio"]:disabled, input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"]:disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; }

.radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline { cursor: not-allowed; }

.radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { cursor: not-allowed; }

.form-control-success, .form-control-warning, .form-control-error { padding-right: 2.25rem; background-position: center right 0.640625rem; background-size: 1.665625rem 1.665625rem; background-repeat: no-repeat; }

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #37993F; }

.has-success .form-control { border-color: #37993F; }

.has-success .form-control:focus { background-color: #fff; outline: 1px dashed rgba(15, 105, 194, 0.75); }

.has-success .input-group-addon { color: #37993F; border-color: #37993F; background-color: #b7e5bb; }

.has-success .form-control-feedback { color: #37993F; }

.has-success .form-control-success { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNoZWNrIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYxMiA3OTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYxMiA3OTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiM1Q0I4NUMiIGQ9Ik0yMzMuOCw2MTAuMWMtMTMuMywwLTI1LjktNi4yLTM0LTE2LjlMOTAuNSw0NDguOEM3Ni4zLDQzMCw4MCw0MDMuMyw5OC44LDM4OS4xYzE4LjgtMTQuMyw0NS41LTEwLjUsNTkuOCw4LjNsNzEuOSw5NWwyMjAuOS0yNTAuNWMxMi41LTIwLDM4LjgtMjYuMSw1OC44LTEzLjZjMjAsMTIuNCwyNi4xLDM4LjcsMTMuNiw1OC44TDI3MCw1OTBjLTcuNCwxMi0yMC4yLDE5LjQtMzQuMywyMC4xQzIzNS4xLDYxMC4xLDIzNC41LDYxMC4xLDIzMy44LDYxMC4xeiIvPjwvc3ZnPg=="); }

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #db9900; }

.has-warning .form-control { border-color: #db9900; }

.has-warning .form-control:focus { background-color: #fff; outline: 1px dashed rgba(15, 105, 194, 0.75); }

.has-warning .input-group-addon { color: #db9900; border-color: #db9900; background-color: #ffe5a8; }

.has-warning .form-control-feedback { color: #db9900; }

.has-warning .form-control-warning { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9Ildhcm5pbmciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNjEyIDc5MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjEyIDc5MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI0YwQUQ0RSIgZD0iTTYwMyw2NDAuMmwtMjc4LjUtNTA5Yy0zLjgtNi42LTEwLjgtMTAuNi0xOC41LTEwLjZzLTE0LjcsNC4xLTE4LjUsMTAuNkw5LDY0MC4yYy0zLjcsNi41LTMuNiwxNC40LDAuMiwyMC44YzMuOCw2LjUsMTAuOCwxMC40LDE4LjMsMTAuNGg1NTcuMWM3LjUsMCwxNC41LTMuOSwxOC4zLTEwLjRDNjA2LjYsNjU0LjYsNjA2LjcsNjQ2LjYsNjAzLDY0MC4yeiBNMzM2LjYsNjEwLjJoLTYxLjJWNTQ5aDYxLjJWNjEwLjJ6IE0zMzYuNiw1MDMuMWgtNjEuMlYzMDQuMmg2MS4yVjUwMy4xeiIvPjwvc3ZnPg=="); }

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #A6403E; }

.has-error .form-control { border-color: #A6403E; }

.has-error .form-control:focus { background-color: #fff; outline: 1px dashed rgba(15, 105, 194, 0.75); }

.has-error .input-group-addon { color: #A6403E; border-color: #A6403E; background-color: #eac7c6; }

.has-error .form-control-feedback { color: #A6403E; }

.has-error .form-control-error { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNyb3NzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYxMiA3OTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYxMiA3OTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNEOTUzNEYiIGQ9Ik00NDcsNTQ0LjRjLTE0LjQsMTQuNC0zNy42LDE0LjQtNTEuOSwwTDMwNiw0NTEuN2wtODkuMSw5Mi43Yy0xNC40LDE0LjQtMzcuNiwxNC40LTUxLjksMGMtMTQuNC0xNC40LTE0LjQtMzcuNiwwLTUxLjlsOTIuNC05Ni40TDE2NSwyOTkuNmMtMTQuNC0xNC40LTE0LjQtMzcuNiwwLTUxLjlzMzcuNi0xNC40LDUxLjksMGw4OS4yLDkyLjdsODkuMS05Mi43YzE0LjQtMTQuNCwzNy42LTE0LjQsNTEuOSwwYzE0LjQsMTQuNCwxNC40LDM3LjYsMCw1MS45TDM1NC43LDM5Nmw5Mi40LDk2LjRDNDYxLjQsNTA2LjgsNDYxLjQsNTMwLDQ0Nyw1NDQuNHoiLz48L3N2Zz4="); }

@media (min-width: 480px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } }

.btn { display: inline-block; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 0.0625rem solid transparent; padding: 0.375rem 1rem; font-size: 1rem; line-height: 1.6875; border-radius: 3px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { color: #fff; outline: none; border-color: #51a7e8; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px #51a7e8; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px #51a7e8; }

.btn:focus, .btn:hover { text-decoration: none; }

.btn.focus { text-decoration: none; }

.btn:active, .btn.active { background-image: none; outline: 0; }

.btn.disabled, .btn:disabled, fieldset[disabled] .btn { cursor: not-allowed; opacity: .65; }

a.btn.disaabled, fieldset[disabled] a.btn { pointer-events: none; }

.btn-info { color: #fff; background-color: #66afe9; border-color: #66afe9; }

.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: #fff; background-color: #479fe5; border-color: #3e9ae3; }

.btn-info:hover { color: #fff; background-color: #479fe5; border-color: #3e9ae3; }

.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { background-image: none; }

.btn-info.disabled:hover, .btn-info:disabled:hover, fieldset[disabled] .btn-info:hover { background-color: #66afe9; border-color: #66afe9; }

.btn-success { color: #fff; background-color: #37993F; border-color: #37993F; }

.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: #fff; background-color: #2e7f34; border-color: #2b7731; }

.btn-success:hover { color: #fff; background-color: #2e7f34; border-color: #2b7731; }

.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { background-image: none; }

.btn-success.disabled:hover, .btn-success:disabled:hover, fieldset[disabled] .btn-success:hover { background-color: #37993F; border-color: #37993F; }

.btn-warning { color: #fff; background-color: #db9900; border-color: #db9900; }

.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: #fff; background-color: #b78000; border-color: #ad7900; }

.btn-warning:hover { color: #fff; background-color: #b78000; border-color: #ad7900; }

.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { background-image: none; }

.btn-warning.disabled:hover, .btn-warning:disabled:hover, fieldset[disabled] .btn-warning:hover { background-color: #db9900; border-color: #db9900; }

.btn-danger { color: #fff; background-color: #A6403E; border-color: #A6403E; }

.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: #fff; background-color: #8c3634; border-color: #853332; }

.btn-danger:hover { color: #fff; background-color: #8c3634; border-color: #853332; }

.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { background-image: none; }

.btn-danger.disabled:hover, .btn-danger:disabled:hover, fieldset[disabled] .btn-danger:hover { background-color: #A6403E; border-color: #A6403E; }

.btn-primary-outline { color: #225d99; background-image: none; background-color: transparent; border-color: #225d99; }

.btn-primary-outline:focus, .btn-primary-outline.focus, .btn-primary-outline:active, .btn-primary-outline.active, .open > .btn-primary-outline.dropdown-toggle { outline: 1px solid rgba(81, 167, 232, 0.5); border-color: #51a7e8; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5); }

.btn-primary-outline:hover { color: #fff; background-color: #225d99; border-color: #225d99; }

.btn-secondary-outline { color: #ccc; background-image: none; background-color: transparent; border-color: #ccc; }

.btn-secondary-outline:focus, .btn-secondary-outline.focus, .btn-secondary-outline:active, .btn-secondary-outline.active, .open > .btn-secondary-outline.dropdown-toggle { outline: 1px solid rgba(81, 167, 232, 0.5); border-color: #51a7e8; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5); }

.btn-secondary-outline:hover { color: #fff; background-color: #ccc; border-color: #ccc; }

.btn-info-outline { color: #66afe9; background-image: none; background-color: transparent; border-color: #66afe9; }

.btn-info-outline:focus, .btn-info-outline.focus, .btn-info-outline:active, .btn-info-outline.active, .open > .btn-info-outline.dropdown-toggle { outline: 1px solid rgba(81, 167, 232, 0.5); border-color: #51a7e8; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5); }

.btn-info-outline:hover { color: #fff; background-color: #66afe9; border-color: #66afe9; }

.btn-success-outline { color: #37993F; background-image: none; background-color: transparent; border-color: #37993F; }

.btn-success-outline:focus, .btn-success-outline.focus, .btn-success-outline:active, .btn-success-outline.active, .open > .btn-success-outline.dropdown-toggle { outline: 1px solid rgba(81, 167, 232, 0.5); border-color: #51a7e8; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5); }

.btn-success-outline:hover { color: #fff; background-color: #37993F; border-color: #37993F; }

.btn-warning-outline { color: #db9900; background-image: none; background-color: transparent; border-color: #db9900; }

.btn-warning-outline:focus, .btn-warning-outline.focus, .btn-warning-outline:active, .btn-warning-outline.active, .open > .btn-warning-outline.dropdown-toggle { outline: 1px solid rgba(81, 167, 232, 0.5); border-color: #51a7e8; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5); }

.btn-warning-outline:hover { color: #fff; background-color: #db9900; border-color: #db9900; }

.btn-danger-outline { color: #A6403E; background-image: none; background-color: transparent; border-color: #A6403E; }

.btn-danger-outline:focus, .btn-danger-outline.focus, .btn-danger-outline:active, .btn-danger-outline.active, .open > .btn-danger-outline.dropdown-toggle { outline: 1px solid rgba(81, 167, 232, 0.5); border-color: #51a7e8; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5); }

.btn-danger-outline:hover { color: #fff; background-color: #A6403E; border-color: #A6403E; }

.btn-link { font-weight: normal; color: #3D6995; border-radius: 0; }

.btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled, fieldset[disabled] .btn-link { background-color: transparent; }

.btn-link, .btn-link:focus, .btn-link:active { border-color: transparent; }

.btn-link:hover { border-color: transparent; }

.btn-link:focus, .btn-link:hover { color: #27435f; text-decoration: underline; background-color: transparent; }

.btn-link:disabled:focus, .btn-link:disabled:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover { color: #818181; text-decoration: none; }

.btn-lg, .btn-group-lg > .btn { padding: 0.75rem 1.25rem; font-size: 1.25rem; line-height: 1.3333333333; border-radius: 5px; }

.btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.75rem; font-size: 0.85rem; line-height: 1.5; border-radius: 2px; }

.btn-block { display: block; width: 100%; }

.btn-block + .btn-block { margin-top: 5px; }

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; }

.fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; }

.fade.in { opacity: 1; }

.collapse { display: none; }

.collapse.in { display: block; }

.collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: height; -o-transition-property: height; transition-property: height; }

.dropup, .dropdown { position: relative; }

.dropdown-toggle:after { display: inline-block; width: 0; height: 0; margin-left: .25rem; vertical-align: middle; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-left: 0.3em solid transparent; }

.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 1rem; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 3px; }

.dropdown-divider { height: 1px; margin: 0.5rem 0; overflow: hidden; background-color: #eee; }

.dropdown-item { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.6875; color: #555; white-space: nowrap; text-align: inherit; width: 100%; background: none; border: 0; }

.dropdown-item:focus, .dropdown-item:hover { color: #484848; text-decoration: none; background-color: #f7f7f9; }

.dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover { color: #fff; text-decoration: none; background-color: #225d99; outline: 0; }

.dropdown-item.disabled, .dropdown-item.disabled:focus, .dropdown-item.disabled:hover { color: #818181; }

.dropdown-item.disabled:focus, .dropdown-item.disabled:hover { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; }

.open > .dropdown-menu { display: block; }

.open > a { outline: 0; }

.dropdown-menu-right { right: 0; left: auto; }

.dropdown-menu-left { right: auto; left: 0; }

.dropdown-header { display: block; padding: 3px 20px; font-size: 0.85rem; line-height: 1.6875; color: #818181; white-space: nowrap; }

.dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; }

.pull-right > .dropdown-menu { right: 0; left: auto; }

.dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 0.3em solid; }

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; }

.btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; }

.btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; }

.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 2; }

.btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 2; }

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; }

.btn-toolbar { margin-left: -5px; }

.btn-toolbar:before, .btn-toolbar:after { content: " "; display: table; }

.btn-toolbar:after { clear: both; }

.btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; }

.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; }

.btn-group > .btn:first-child { margin-left: 0; }

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; }

.btn-group > .btn-group { float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; }

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; }

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; }

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; }

.btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; }

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle { padding-right: 12px; padding-left: 12px; }

.btn .caret { margin-left: 0; }

.btn-lg .caret, .btn-group-lg > .btn .caret { border-width: 0.3em 0.3em 0; border-bottom-width: 0; }

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret { border-width: 0 0.3em 0.3em; }

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; }

.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { content: " "; display: table; }

.btn-group-vertical > .btn-group:after { clear: both; }

.btn-group-vertical > .btn-group > .btn { float: none; }

.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; }

.btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; }

.btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 3px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 3px; border-top-right-radius: 0; border-top-left-radius: 0; }

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; }

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; }

[data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; }

.input-group { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.input-group .form-control { position: relative; z-index: 2; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 0; }

.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; }

.input-group-addon, .input-group-btn { white-space: nowrap; vertical-align: middle; }

.input-group-addon { padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: normal; line-height: 1; color: #646464; text-align: center; background-color: #fafafa; border: 1px solid #ccc; border-radius: 3px; }

.input-group-addon.form-control-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: 0.275rem 0.75rem; font-size: 0.85rem; border-radius: 2px; }

.input-group-addon.form-control-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 1.25rem 1.25rem; font-size: 1.25rem; border-radius: 5px; }

.input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; }

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; }

.input-group-addon:first-child { border-right: 0; }

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; }

.input-group-addon:last-child { border-left: 0; }

.input-group-btn { position: relative; font-size: 0; white-space: nowrap; }

.input-group-btn > .btn { position: relative; }

.input-group-btn > .btn + .btn { margin-left: -1px; }

.input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover { z-index: 2; }

.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; }

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; }

.c-input { position: relative; display: inline; padding-left: 1.5rem; color: #555; cursor: pointer; }

.c-input > input { position: absolute; z-index: -1; opacity: 0; }

.c-input > input:checked ~ .c-indicator { color: #fff; background-color: #0074d9; }

.c-input > input:active ~ .c-indicator { color: #fff; background-color: #84c6ff; }

.c-input + .c-input { margin-left: 1rem; }

.c-indicator { position: absolute; top: 0; left: 0; display: block; width: 1rem; height: 1rem; font-size: 65%; line-height: 1rem; color: #eee; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #eee; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; }

.c-checkbox .c-indicator { border-radius: .25rem; }

.c-checkbox input:checked ~ .c-indicator { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=); }

.c-checkbox input:indeterminate ~ .c-indicator { background-color: #0074d9; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K); }

.c-radio .c-indicator { border-radius: 50%; }

.c-radio input:checked ~ .c-indicator { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==); }

.c-inputs-stacked .c-input { display: inline; }

.c-inputs-stacked .c-input:after { display: block; margin-bottom: .25rem; content: ""; }

.c-inputs-stacked .c-input + .c-input { margin-left: 0; }

.c-select { display: inline-block; max-width: 100%; padding: .375rem 1.75rem .375rem .75rem; vertical-align: middle; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right 0.75rem center; background-size: 8px 10px; border: 1px solid #ccc; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: .75rem \9; background-image: none \9; }

.c-select:focus { outline: none; border-color: #51a7e8; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5); }

.c-select::-ms-expand { opacity: 0; }

.c-select-sm { padding-top: 3px; padding-bottom: 3px; font-size: 12px; }

.c-select-sm:not([multiple]) { height: 26px; min-height: 26px; }

.file { position: relative; display: inline-block; height: 2.5rem; cursor: pointer; }

.file input { min-width: 14rem; margin: 0; filter: alpha(opacity=0); opacity: 0; }

.file-custom { position: absolute; top: 0; right: 0; left: 0; z-index: 5; height: 2.5rem; padding: .5rem 1rem; line-height: 1.5; color: #555; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; border: .075rem solid #ddd; border-radius: .25rem; -webkit-box-shadow: inset 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05); box-shadow: inset 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05); }

.file-custom:after { content: "Choose file..."; }

.file-custom:before { position: absolute; top: -.075rem; right: -.075rem; bottom: -.075rem; z-index: 6; display: block; height: 2.5rem; padding: .5rem 1rem; line-height: 1.5; color: #555; content: "Browse"; background-color: #eee; border: .075rem solid #ddd; border-radius: 0 .25rem .25rem 0; }

.file input:focus ~ .file-custom { -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; }

.nav { padding-left: 0; margin-bottom: 0; list-style: none; }

.nav-link { display: inline-block; }

.nav-link:focus, .nav-link:hover { text-decoration: none; }

.nav-link.disabled { color: #818181; }

.nav-link.disabled, .nav-link.disabled:focus, .nav-link.disabled:hover { color: #818181; cursor: not-allowed; background-color: transparent; }

.nav-inline .nav-link + .nav-link { margin-left: 1rem; }

.nav-tabs { border-bottom: 1px solid #ddd; }

.nav-tabs:before, .nav-tabs:after { content: " "; display: table; }

.nav-tabs:after { clear: both; }

.nav-tabs .nav-item { float: left; margin-bottom: -1px; }

.nav-tabs .nav-item + .nav-item { margin-left: .2rem; }

.nav-tabs .nav-link { display: block; padding: 0.5em 1em; border: 1px solid transparent; border-radius: 3px 3px 0 0; }

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #fafafa #fafafa #ddd; }

.nav-tabs .nav-link.disabled, .nav-tabs .nav-link.disabled:focus, .nav-tabs .nav-link.disabled:hover { color: #818181; background-color: transparent; border-color: transparent; }

.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:focus, .nav-tabs .nav-item.open .nav-link:hover { color: #646464; background-color: #fff; border-color: #ddd #ddd transparent; }

.nav-pills .nav-item { float: left; }

.nav-pills .nav-item + .nav-item { margin-left: .2rem; }

.nav-pills .nav-link { display: block; padding: 0.5em 1em; border-radius: 3px; }

.nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover, .nav-pills .nav-item.open .nav-link, .nav-pills .nav-item.open .nav-link:focus, .nav-pills .nav-item.open .nav-link:hover { color: #fff; cursor: default; background-color: #225d99; }

.nav-stacked .nav-item { display: block; float: none; }

.nav-stacked .nav-item + .nav-item { margin-top: .2rem; margin-left: 0; }

.tab-content > .tab-pane { display: none; }

.tab-content > .active { display: block; }

.nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; }

.navbar { position: relative; padding: 0.5rem 1rem; }

.navbar:before, .navbar:after { content: " "; display: table; }

.navbar:after { clear: both; }

@media (min-width: 480px) { .navbar { border-radius: 3px; } }

.navbar-static-top { z-index: 1000; }

@media (min-width: 480px) { .navbar-static-top { border-radius: 0; } }

.navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; margin-bottom: 0; }

@media (min-width: 480px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } }

.navbar-fixed-top { top: 0; }

.navbar-fixed-bottom { bottom: 0; }

.navbar-sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1030; width: 100%; }

@media (min-width: 480px) { .navbar-sticky-top { border-radius: 0; } }

.navbar-brand { float: left; margin-right: 1rem; padding-top: .25rem; padding-bottom: .25rem; font-size: 1.25rem; }

.navbar-brand:focus, .navbar-brand:hover { text-decoration: none; }

.navbar-brand > img { display: block; }

.navbar-divider { float: left; width: 1px; padding-top: .425rem; padding-bottom: .425rem; overflow: hidden; margin-left: 1rem; margin-right: 1rem; }

.navbar-divider:before { content: '\00a0'; }

.navbar-toggler { padding: .5rem .75rem; font-size: 1.25rem; line-height: 1; background: none; border: 0.0625rem solid transparent; border-radius: 3px; }

.navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none; }

@media (min-width: 480px) { .navbar-toggleable-xs { display: block !important; } }

@media (min-width: 720px) { .navbar-toggleable-sm { display: block !important; } }

.navbar-nav .nav-item { float: left; }

.navbar-nav .nav-link { display: block; padding-top: .425rem; padding-bottom: .425rem; }

.navbar-nav .nav-link + .nav-link { margin-left: 1rem; }

.navbar-nav .nav-item + .nav-item { margin-left: 1rem; }

@media only screen and (max-width: 360px) { .navbar-nav .nav-item + .nav-item { margin-left: 0.5rem; } }

.navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.8); }

.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: rgba(0, 0, 0, 0.8); }

.navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.3); }

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0, 0, 0, 0.6); }

.navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .open > .nav-link:focus, .navbar-light .navbar-nav .open > .nav-link:hover, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .active > .nav-link:focus, .navbar-light .navbar-nav .active > .nav-link:hover, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .nav-link.open:focus, .navbar-light .navbar-nav .nav-link.open:hover, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.active:focus, .navbar-light .navbar-nav .nav-link.active:hover { color: rgba(0, 0, 0, 0.8); }

.navbar-light .navbar-divider { background-color: rgba(0, 0, 0, 0.075); }

.navbar-dark .navbar-brand { color: white; }

.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: white; }

.navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); }

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, 0.75); }

.navbar-dark .navbar-nav .open > .nav-link, .navbar-dark .navbar-nav .open > .nav-link:focus, .navbar-dark .navbar-nav .open > .nav-link:hover, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .active > .nav-link:focus, .navbar-dark .navbar-nav .active > .nav-link:hover, .navbar-dark .navbar-nav .nav-link.open, .navbar-dark .navbar-nav .nav-link.open:focus, .navbar-dark .navbar-nav .nav-link.open:hover, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.active:focus, .navbar-dark .navbar-nav .nav-link.active:hover { color: white; }

.navbar-dark .navbar-divider { background-color: rgba(255, 255, 255, 0.075); }

.card { position: relative; margin-bottom: 1.5rem; border: 1px solid #eee; border-radius: 3px; }

.card-block { padding: 1.5rem; }

.card-title { margin-top: 0; margin-bottom: 1.5rem; }

.card-subtitle { margin-top: -0.75rem; margin-bottom: 0; }

.card-text:last-child { margin-bottom: 0; }

.card-link:hover { text-decoration: none; }

.card-link + .card-link { margin-left: 1.5rem; }

.card > .list-group:first-child .list-group-item:first-child { border-radius: 3px 3px 0 0; }

.card > .list-group:last-child .list-group-item:last-child { border-radius: 0 0 3px 3px; }

.card-header { padding: 1.5rem 1.5rem; background-color: #f7f7f9; border-bottom: 1px solid #eee; }

.card-header:first-child { border-radius: 2px 2px 0 0; }

.card-footer { padding: 1.5rem 1.5rem; background-color: #f7f7f9; border-top: 1px solid #eee; }

.card-footer:last-child { border-radius: 0 0 2px 2px; }

.card-primary { background-color: #225d99; border-color: #225d99; }

.card-success { background-color: #37993F; border-color: #37993F; }

.card-info { background-color: #66afe9; border-color: #66afe9; }

.card-warning { background-color: #db9900; border-color: #db9900; }

.card-danger { background-color: #A6403E; border-color: #A6403E; }

.card-inverse .card-header, .card-inverse .card-footer { border-bottom: 0.075rem solid rgba(255, 255, 255, 0.2); }

.card-inverse .card-header, .card-inverse .card-footer, .card-inverse .card-title, .card-inverse .card-blockquote { color: #fff; }

.card-inverse .card-link, .card-inverse .card-text, .card-inverse .card-blockquote > footer { color: rgba(255, 255, 255, 0.65); }

.card-inverse .card-link:focus, .card-inverse .card-link:hover { color: #fff; }

.card-blockquote { padding: 0; margin-bottom: 0; border-left: 0; }

.card-img { border-radius: 0.25rem; }

.card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; }

.card-img-top { border-radius: 0.25rem 0.25rem 0 0; }

.card-img-bottom { border-radius: 0 0 0.25rem 0.25rem; }

.card-deck { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -.625rem; margin-left: -.625rem; }

.card-deck .card { -webkit-box-flex: 1; -webkit-flex: 1 0 0; -ms-flex: 1 0 0px; flex: 1 0 0; margin-right: .625rem; margin-left: .625rem; }

.card-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }

.card-group .card { -webkit-box-flex: 1; -webkit-flex: 1 0 0; -ms-flex: 1 0 0px; flex: 1 0 0; }

.card-group .card + .card { margin-left: 0; border-left: 0; }

.card-group .card:first-child .card-img-top { border-top-right-radius: 0; }

.card-group .card:first-child .card-img-bottom { border-bottom-right-radius: 0; }

.card-group .card:last-child .card-img-top { border-top-left-radius: 0; }

.card-group .card:last-child .card-img-bottom { border-bottom-left-radius: 0; }

.card-group .card:not(:first-child):not(:last-child) { border-radius: 0; }

.card-group .card:not(:first-child):not(:last-child) .card-img-top, .card-group .card:not(:first-child):not(:last-child) .card-img-bottom { border-radius: 0; }

.card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; }

.card-columns .card { display: inline-block; width: 100%; }

.breadcrumb { padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #fafafa; border-radius: 3px; }

.breadcrumb > li { display: inline-block; }

.breadcrumb > li + li:before { padding-right: .5rem; padding-left: .5rem; color: #818181; content: "/ "; }

.breadcrumb > .active { color: #818181; }

.pagination { display: inline-block; padding-left: 0; margin-top: 1rem; margin-bottom: 1rem; border-radius: 3px; }

.pagination > li { display: inline; }

.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.6875; color: #3D6995; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }

.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 3px; border-top-left-radius: 3px; }

.pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; }

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { color: #27435f; background-color: #fafafa; border-color: #ddd; }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { z-index: 2; color: #fff; cursor: default; background-color: #225d99; border-color: #225d99; }

.pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover, .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover { color: #818181; cursor: not-allowed; background-color: #fff; border-color: #ddd; }

.pagination-lg > li > a, .pagination-lg > li > span { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.3333333333; }

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 5px; border-top-left-radius: 5px; }

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-bottom-right-radius: 5px; border-top-right-radius: 5px; }

.pagination-sm > li > a, .pagination-sm > li > span { padding: 0.275rem 0.75rem; font-size: 0.85rem; line-height: 1.5; }

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 2px; border-top-left-radius: 2px; }

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-bottom-right-radius: 2px; border-top-right-radius: 2px; }

.label { display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 3px; }

.label:empty { display: none; }

.btn .label { position: relative; top: -1px; }

a.label:focus, a.label:hover { color: #fff; text-decoration: none; cursor: pointer; }

.label-pill { padding-left: .6em; padding-right: .6em; border-radius: 1rem; }

.label-default { background-color: #818181; }

.label-default[href]:focus, .label-default[href]:hover { background-color: #686868; }

.label-primary { background-color: #225d99; }

.label-primary[href]:focus, .label-primary[href]:hover { background-color: #19446f; }

.label-success { background-color: #37993F; }

.label-success[href]:focus, .label-success[href]:hover { background-color: #2a7330; }

.label-info { background-color: #66afe9; }

.label-info[href]:focus, .label-info[href]:hover { background-color: #3998e3; }

.label-warning { background-color: #db9900; }

.label-warning[href]:focus, .label-warning[href]:hover { background-color: #a87500; }

.label-danger { background-color: #A6403E; }

.label-danger[href]:focus, .label-danger[href]:hover { background-color: #813230; }

.alert { padding: 0.5rem 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 3px; }

.alert > p, .alert > ul { margin-bottom: 0; }

.alert > p + p { margin-top: 5px; }

.alert-heading { margin-top: 0; color: inherit; }

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

.alert-dismissible { padding-right: 0.5rem 1rem20; }

.alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; }

.alert-success { background-color: #dff0da; border-color: #cfe9c8; color: #4D724B; }

.alert-success hr { border-top-color: #c0e1b6; }

.alert-success .alert-link { color: #385337; }

.alert-info { background-color: #d9edf7; border-color: #bcdff1; color: #0F69C2; }

.alert-info hr { border-top-color: #a6d5ec; }

.alert-info .alert-link { color: #0b4f93; }

.alert-warning { background-color: #fcec98; border-color: #fbe77f; color: #805900; }

.alert-warning hr { border-top-color: #fbe366; }

.alert-warning .alert-link { color: #4d3600; }

.alert-danger { background-color: #f2dede; border-color: #ebcccc; color: #70181E; }

.alert-danger hr { border-top-color: #e4b9b9; }

.alert-danger .alert-link { color: #460f13; }

.media { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 1rem; }

.media-body { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.media-object { display: block; }

.media-object.img-thumbnail { max-width: none; }

.media-right { padding-left: 10px; }

.media-left { padding-right: 10px; }

.media-heading { margin-top: 0; margin-bottom: 5px; }

.media-list { padding-left: 0; list-style: none; }

.list-group { padding-left: 0; margin-bottom: 0; }

.list-group-item { position: relative; display: block; padding: .75rem 1.25rem; margin-bottom: -.0625rem; background-color: #fff; border: 0.0625rem solid #ddd; }

.list-group-item:first-child { border-top-right-radius: 3px; border-top-left-radius: 3px; }

.list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }

.list-group-flush .list-group-item { border-width: .0625rem 0; border-radius: 0; }

a.list-group-item, button.list-group-item { width: 100%; text-align: inherit; color: #555; }

a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333; }

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover { color: #555; text-decoration: none; background-color: #f7f7f9; }

.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover { color: #818181; cursor: not-allowed; background-color: #fafafa; }

.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading { color: inherit; }

.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text { color: #818181; }

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { z-index: 2; color: #fff; background-color: #225d99; border-color: #225d99; }

.list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > .small { color: inherit; }

.list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text { color: #9ec3e9; }

.list-group-item-state { color: #4D724B; background-color: #dff0da; }

a.list-group-item-state, button.list-group-item-state { color: #4D724B; }

a.list-group-item-state .list-group-item-heading, button.list-group-item-state .list-group-item-heading { color: inherit; }

a.list-group-item-state:focus, a.list-group-item-state:hover, button.list-group-item-state:focus, button.list-group-item-state:hover { color: #4D724B; background-color: #cfe9c8; }

a.list-group-item-state.active, a.list-group-item-state.active:focus, a.list-group-item-state.active:hover, button.list-group-item-state.active, button.list-group-item-state.active:focus, button.list-group-item-state.active:hover { color: #fff; background-color: #4D724B; border-color: #4D724B; }

.list-group-item-state { color: #0F69C2; background-color: #d9edf7; }

a.list-group-item-state, button.list-group-item-state { color: #0F69C2; }

a.list-group-item-state .list-group-item-heading, button.list-group-item-state .list-group-item-heading { color: inherit; }

a.list-group-item-state:focus, a.list-group-item-state:hover, button.list-group-item-state:focus, button.list-group-item-state:hover { color: #0F69C2; background-color: #c4e3f3; }

a.list-group-item-state.active, a.list-group-item-state.active:focus, a.list-group-item-state.active:hover, button.list-group-item-state.active, button.list-group-item-state.active:focus, button.list-group-item-state.active:hover { color: #fff; background-color: #0F69C2; border-color: #0F69C2; }

.list-group-item-state { color: #805900; background-color: #fcec98; }

a.list-group-item-state, button.list-group-item-state { color: #805900; }

a.list-group-item-state .list-group-item-heading, button.list-group-item-state .list-group-item-heading { color: inherit; }

a.list-group-item-state:focus, a.list-group-item-state:hover, button.list-group-item-state:focus, button.list-group-item-state:hover { color: #805900; background-color: #fbe77f; }

a.list-group-item-state.active, a.list-group-item-state.active:focus, a.list-group-item-state.active:hover, button.list-group-item-state.active, button.list-group-item-state.active:focus, button.list-group-item-state.active:hover { color: #fff; background-color: #805900; border-color: #805900; }

.list-group-item-state { color: #70181E; background-color: #f2dede; }

a.list-group-item-state, button.list-group-item-state { color: #70181E; }

a.list-group-item-state .list-group-item-heading, button.list-group-item-state .list-group-item-heading { color: inherit; }

a.list-group-item-state:focus, a.list-group-item-state:hover, button.list-group-item-state:focus, button.list-group-item-state:hover { color: #70181E; background-color: #ebcccc; }

a.list-group-item-state.active, a.list-group-item-state.active:focus, a.list-group-item-state.active:hover, button.list-group-item-state.active, button.list-group-item-state.active:focus, button.list-group-item-state.active:hover { color: #fff; background-color: #70181E; border-color: #70181E; }

.list-group-item-heading { margin-top: 0; margin-bottom: 5px; }

.list-group-item-text { margin-bottom: 0; line-height: 1.3; }

.embed-responsive { position: relative; display: block; height: 0; padding: 0 0 56.25% 0; overflow: hidden; }

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }

.embed-responsive-21by9 { padding-bottom: 42.8571428571%; }

.embed-responsive-21by9 .vjs-fluid { padding-top: 42.8571428571%; }

.embed-responsive-16by9 { padding-bottom: 56.25%; }

.embed-responsive-16by9 .vjs-fluid { padding-top: 56.25%; }

.embed-responsive-4by3 { padding-bottom: 75%; }

.embed-responsive-4by3 .vjs-fluid { padding-top: 75%; }

.embed-responsive-3by4 { padding-bottom: 133.3333333333%; }

.embed-responsive-3by4 .vjs-fluid { padding-top: 133.3333333333%; }

.embed-responsive-1by1 { padding-bottom: 100%; }

.embed-responsive-1by1 .vjs-fluid { padding-top: 100%; }

.close { float: right; font-size: 1.5rem; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; }

.close:focus, .close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .5; }

button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; }

.modal-open { overflow: hidden; }

.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1052; display: none; overflow: hidden; outline: 0; -webkit-overflow-scrolling: touch; }

.modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform .3s ease-out; transition: -webkit-transform .3s ease-out; -o-transition: transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out; }

.modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

.modal-open .modal { overflow-x: hidden; overflow-y: auto; }

.modal-dialog { position: relative; width: auto; margin: 10px; }

.modal-content { position: relative; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 5px; outline: 0; }

.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1051; background-color: #000; }

.modal-backdrop.fade { opacity: 0; }

.modal-backdrop.in { opacity: 0.5; }

.modal-header { padding: 15px; border-bottom: 1px solid #eee; }

.modal-header:before, .modal-header:after { content: " "; display: table; }

.modal-header:after { clear: both; }

.modal-header .close { margin-top: -2px; }

.modal-title { margin: 0; line-height: 1.6875; }

.modal-body { position: relative; padding: 15px; }

.modal-footer { padding: 15px; text-align: right; border-top: 1px solid #eee; }

.modal-footer:before, .modal-footer:after { content: " "; display: table; }

.modal-footer:after { clear: both; }

.modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; }

.modal-footer .btn-group .btn + .btn { margin-left: -1px; }

.modal-footer .btn-block + .btn-block { margin-left: 0; }

.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }

@media (min-width: 480px) { .modal-dialog { max-width: 600px; margin: 30px auto; width: 100%; } .modal-sm.modal-dialog { max-width: 300px; width: 100%; } }

@media (min-width: 720px) { .modal-lg.modal-dialog { max-width: 900px; width: 100%; } }

.tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: "helvetica neue", helvetica, arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.6875; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 0.85rem; word-wrap: break-word; opacity: 0; }

.tooltip.show { opacity: 0.9; }

.tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; }

.tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; }

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; }

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; }

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; }

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; }

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; }

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; }

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; }

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; }

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; }

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; }

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; }

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; }

.tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 3px; }

.popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: "helvetica neue", helvetica, arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.6875; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 0.85rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 0.0625rem solid rgba(0, 0, 0, 0.2); border-radius: 5px; }

.popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 5px; }

.popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; }

.bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; }

.bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow { bottom: calc((0.5rem + 0.0625rem) * -1); }

.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { border-width: 0.5rem 0.5rem 0; }

.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before { bottom: 0; border-top-color: rgba(0, 0, 0, 0.25); }

.bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { bottom: 0.0625rem; border-top-color: #fff; }

.bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; }

.bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow { left: calc((0.5rem + 0.0625rem) * -1); width: 0.5rem; height: 1rem; margin: 5px 0; }

.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after { border-width: 0.5rem 0.5rem 0.5rem 0; }

.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before { left: 0; border-right-color: rgba(0, 0, 0, 0.25); }

.bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after { left: 0.0625rem; border-right-color: #fff; }

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; }

.bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow { top: calc((0.5rem + 0.0625rem) * -1); }

.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after { border-width: 0 0.5rem 0.5rem 0.5rem; }

.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before { top: 0; border-bottom-color: rgba(0, 0, 0, 0.25); }

.bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after { top: 0.0625rem; border-bottom-color: #fff; }

.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 0.0625rem solid #f7f7f7; }

.bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; }

.bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow { right: calc((0.5rem + 0.0625rem) * -1); width: 0.5rem; height: 1rem; margin: 5px 0; }

.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after { border-width: 0.5rem 0 0.5rem 0.5rem; }

.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before { right: 0; border-left-color: rgba(0, 0, 0, 0.25); }

.bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after { right: 0.0625rem; border-left-color: #fff; }

.popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; color: inherit; background-color: #f7f7f7; border-bottom: 0.0625rem solid #ebebeb; border-top-right-radius: calc(5px - 0.0625rem); border-top-left-radius: calc(5px - 0.0625rem); }

.popover-header:empty { display: none; }

.popover-body { padding: 0.5rem 0.75rem; color: #414042; }

.fade.show { opacity: 1; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.center-block { display: block; margin-left: auto; margin-right: auto; }

.pull-right { float: right !important; }

.pull-left { float: left !important; }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; }

[hidden] { display: none !important; }

.invisible { visibility: hidden; }

.text-hide { font: "0/0" a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

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

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

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

.text-justify { text-align: justify; }

.text-nowrap { white-space: nowrap; }

.text-truncate { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.text-xs-left { text-align: left; }

.text-xs-right { text-align: right; }

.text-xs-center { text-align: center; }

@media (min-width: 480px) { .text-sm-left { text-align: left; } .text-sm-right { text-align: right; } .text-sm-center { text-align: center; } }

@media (min-width: 720px) { .text-md-left { text-align: left; } .text-md-right { text-align: right; } .text-md-center { text-align: center; } }

@media (min-width: 960px) { .text-lg-left { text-align: left; } .text-lg-right { text-align: right; } .text-lg-center { text-align: center; } }

@media (min-width: 1140px) { .text-xl-left { text-align: left; } .text-xl-right { text-align: right; } .text-xl-center { text-align: center; } }

.text-lowercase { text-transform: lowercase; }

.text-uppercase { text-transform: uppercase; }

.text-capitalize { text-transform: capitalize; }

.text-muted { color: #818181; }

.text-primary { color: #225d99; }

a.text-primary:focus, a.text-primary:hover { color: #19446f; }

.text-success { color: #37993F; }

a.text-success:focus, a.text-success:hover { color: #2a7330; }

.text-info { color: #66afe9; }

a.text-info:focus, a.text-info:hover { color: #3998e3; }

.text-warning { color: #db9900; }

a.text-warning:focus, a.text-warning:hover { color: #a87500; }

.text-danger { color: #A6403E; }

a.text-danger:focus, a.text-danger:hover { color: #813230; }

.bg-inverse { color: #eee; background-color: #555; }

.bg-faded { background-color: #fafafa; }

.bg-primary { color: #fff; background-color: #225d99; }

a.bg-primary:focus, a.bg-primary:hover { background-color: #19446f; }

.bg-success { color: #fff; background-color: #37993F; }

a.bg-success:focus, a.bg-success:hover { background-color: #2a7330; }

.bg-info { color: #fff; background-color: #66afe9; }

a.bg-info:focus, a.bg-info:hover { background-color: #3998e3; }

.bg-warning { color: #fff; background-color: #db9900; }

a.bg-warning:focus, a.bg-warning:hover { background-color: #a87500; }

.bg-danger { color: #fff; background-color: #A6403E; }

a.bg-danger:focus, a.bg-danger:hover { background-color: #813230; }

.m-a-0 { margin: 0 !important; }

.m-t-0 { margin-top: 0 !important; }

.m-r-0 { margin-right: 0 !important; }

.m-b-0 { margin-bottom: 0 !important; }

.m-l-0 { margin-left: 0 !important; }

.m-x-0 { margin-right: 0 !important; margin-left: 0 !important; }

.m-y-0 { margin-top: 0 !important; margin-bottom: 0 !important; }

.m-a { margin: 1rem !important; }

.m-t { margin-top: 1rem !important; }

.m-r { margin-right: 1rem !important; }

.m-b { margin-bottom: 1rem !important; }

.m-l { margin-left: 1rem !important; }

.m-x { margin-right: 1rem !important; margin-left: 1rem !important; }

.m-y { margin-top: 1rem !important; margin-bottom: 1rem !important; }

.m-x-auto { margin-right: auto !important; margin-left: auto !important; }

.m-a-md { margin: 1.5rem !important; }

.m-t-md { margin-top: 1.5rem !important; }

.m-r-md { margin-right: 1.5rem !important; }

.m-b-md { margin-bottom: 1.5rem !important; }

.m-l-md { margin-left: 1.5rem !important; }

.m-x-md { margin-right: 1.5rem !important; margin-left: 1.5rem !important; }

.m-y-md { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }

.m-a-lg { margin: 3rem !important; }

.m-t-lg { margin-top: 3rem !important; }

.m-r-lg { margin-right: 3rem !important; }

.m-b-lg { margin-bottom: 3rem !important; }

.m-l-lg { margin-left: 3rem !important; }

.m-x-lg { margin-right: 3rem !important; margin-left: 3rem !important; }

.m-y-lg { margin-top: 3rem !important; margin-bottom: 3rem !important; }

.p-a-0 { padding: 0 !important; }

.p-t-0 { padding-top: 0 !important; }

.p-r-0 { padding-right: 0 !important; }

.p-b-0 { padding-bottom: 0 !important; }

.p-l-0 { padding-left: 0 !important; }

.p-x-0 { padding-left: 0 !important; padding-right: 0 !important; }

.p-y-0 { padding-top: 0 !important; padding-bottom: 0 !important; }

.p-a { padding: 1rem !important; }

.p-t { padding-top: 1rem !important; }

.p-r { padding-right: 1rem !important; }

.p-b { padding-bottom: 1rem !important; }

.p-l { padding-left: 1rem !important; }

.p-x { padding-right: 1rem !important; padding-left: 1rem !important; }

.p-y { padding-top: 1rem !important; padding-bottom: 1rem !important; }

.p-a-md { padding: 1.5rem !important; }

.p-t-md { padding-top: 1.5rem !important; }

.p-r-md { padding-right: 1.5rem !important; }

.p-b-md { padding-bottom: 1.5rem !important; }

.p-l-md { padding-left: 1.5rem !important; }

.p-x-md { padding-right: 1.5rem !important; padding-left: 1.5rem !important; }

.p-y-md { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }

.p-a-lg { padding: 3rem !important; }

.p-t-lg { padding-top: 3rem !important; }

.p-r-lg { padding-right: 3rem !important; }

.p-b-lg { padding-bottom: 3rem !important; }

.p-l-lg { padding-left: 3rem !important; }

.p-x-lg { padding-right: 3rem !important; padding-left: 3rem !important; }

.p-y-lg { padding-top: 3rem !important; padding-bottom: 3rem !important; }

.pos-f-t { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; }

.hidden-xs-up { display: none !important; }

@media (max-width: 479px) { .hidden-xs-down { display: none !important; } }

@media (min-width: 480px) { .hidden-sm-up { display: none !important; } }

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

@media (min-width: 720px) { .hidden-md-up { display: none !important; } }

@media (max-width: 959px) { .hidden-md-down { display: none !important; } }

@media (min-width: 960px) { .hidden-lg-up { display: none !important; } }

@media (max-width: 1139px) { .hidden-lg-down { display: none !important; } }

@media (min-width: 1140px) { .hidden-xl-up { display: none !important; } }

@media (max-width: 1439px) { .hidden-xl-down { display: none !important; } }

@media (min-width: 1440px) { .hidden-xxl-up { display: none !important; } }

.hidden-xxl-down { display: none !important; }

.visible-print-block { display: none !important; }

@media print { .visible-print-block { display: block !important; } }

.visible-print-inline { display: none !important; }

@media print { .visible-print-inline { display: inline !important; } }

.visible-print-inline-block { display: none !important; }

@media print { .visible-print-inline-block { display: inline-block !important; } }

@media print { .hidden-print .hidden-print { display: none !important; } }

/*! Font Awesome Pro 5.13.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */
/*! Font Awesome Pro 5.13.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) */
@font-face { font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 900; font-display: block; src: url("main/fonts/fa-solid-900.eot"); src: url("main/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("main/fonts/fa-solid-900.woff2") format("woff2"), url("main/fonts/fa-solid-900.woff") format("woff"), url("main/fonts/fa-solid-900.ttf") format("truetype"), url("main/fonts/fa-solid-900.svg#fontawesome") format("svg"); }

.fa, .fas { font-family: 'Font Awesome 5 Pro'; font-weight: 900; }

/*! Font Awesome Pro 5.13.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) */
@font-face { font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 400; font-display: block; src: url("main/fonts/fa-regular-400.eot"); src: url("main/fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("main/fonts/fa-regular-400.woff2") format("woff2"), url("main/fonts/fa-regular-400.woff") format("woff"), url("main/fonts/fa-regular-400.ttf") format("truetype"), url("main/fonts/fa-regular-400.svg#fontawesome") format("svg"); }

.far { font-family: 'Font Awesome 5 Pro'; font-weight: 400; }

/*! Font Awesome Pro 5.13.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) */
@font-face { font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 300; font-display: block; src: url("main/fonts/fa-light-300.eot"); src: url("main/fonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("main/fonts/fa-light-300.woff2") format("woff2"), url("main/fonts/fa-light-300.woff") format("woff"), url("main/fonts/fa-light-300.ttf") format("truetype"), url("main/fonts/fa-light-300.svg#fontawesome") format("svg"); }

.fal { font-family: 'Font Awesome 5 Pro'; font-weight: 300; }

/*! Font Awesome Pro 5.13.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) */
@font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: 400; font-display: block; src: url("main/fonts/fa-brands-400.eot"); src: url("main/fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("main/fonts/fa-brands-400.woff2") format("woff2"), url("main/fonts/fa-brands-400.woff") format("woff"), url("main/fonts/fa-brands-400.ttf") format("truetype"), url("main/fonts/fa-brands-400.svg#fontawesome") format("svg"); }

.fab { font-family: 'Font Awesome 5 Brands'; font-weight: 400; }

/*! Font Awesome Pro 5.13.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) */
@font-face { font-family: 'Font Awesome 5 Duotone'; font-style: normal; font-weight: 900; font-display: block; src: url("main/fonts/fa-duotone-900.eot"); src: url("main/fonts/fa-duotone-900.eot?#iefix") format("embedded-opentype"), url("main/fonts/fa-duotone-900.woff2") format("woff2"), url("main/fonts/fa-duotone-900.woff") format("woff"), url("main/fonts/fa-duotone-900.ttf") format("truetype"), url("main/fonts/fa-duotone-900.svg#fontawesome") format("svg"); }

.fad { position: relative; font-family: 'Font Awesome 5 Duotone'; font-weight: 900; }

.fad:before { position: absolute; color: var(--fa-primary-color, inherit); opacity: 1; opacity: var(--fa-primary-opacity, 1); }

.fad:after { color: var(--fa-secondary-color, inherit); opacity: 0.4; opacity: var(--fa-secondary-opacity, 0.4); }

.fa-swap-opacity .fad:before, .fad.fa-swap-opacity:before { opacity: 0.4; opacity: var(--fa-secondary-opacity, 0.4); }

.fa-swap-opacity .fad:after, .fad.fa-swap-opacity:after { opacity: 1; opacity: var(--fa-primary-opacity, 1); }

.fad.fa-inverse { color: #fff; }

.fad.fa-stack-1x, .fad.fa-stack-2x { position: absolute; }

.fad.fa-stack-1x:before, .fad.fa-stack-2x:before, .fad.fa-fw:before { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.fa, .fas, .far, .fal, .fad, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; }

.fa-lg { font-size: 1.3333333333em; line-height: 0.75em; vertical-align: -.0667em; }

.fa-xs { font-size: .75em; }

.fa-sm { font-size: .875em; }

.fa-1x { font-size: 1em; }

.fa-2x { font-size: 2em; }

.fa-3x { font-size: 3em; }

.fa-4x { font-size: 4em; }

.fa-5x { font-size: 5em; }

.fa-6x { font-size: 6em; }

.fa-7x { font-size: 7em; }

.fa-8x { font-size: 8em; }

.fa-9x { font-size: 9em; }

.fa-10x { font-size: 10em; }

.fa-fw { text-align: center; width: 1.25em; }

.fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; }

.fa-ul > li { position: relative; }

.fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; }

.fa-border { border: solid 0.08em #eee; border-radius: .1em; padding: .2em .25em .15em; }

.fa-pull-left { float: left; }

.fa-pull-right { float: right; }

.fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: .3em; }

.fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: .3em; }

.fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; }

.fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

.fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }

.fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); }

.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); }

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(-1, -1); -ms-transform: scale(-1, -1); transform: scale(-1, -1); }

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both { -webkit-filter: none; filter: none; }

.fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; }

.fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; }

.fa-stack-1x { line-height: inherit; }

.fa-stack-2x { font-size: 2em; }

.fa-inverse { color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-book:before { content: "\f02d"; }

.fa-cart-plus:before { content: "\f217"; }

.fa-cc-amex:before { content: "\f1f3"; }

.fa-cc-discover:before { content: "\f1f2"; }

.fa-cc-mastercard:before { content: "\f1f1"; }

.fa-cc-paypal:before { content: "\f1f4"; }

.fa-cc-stripe:before { content: "\f1f5"; }

.fa-cc-visa:before { content: "\f1f0"; }

.fa-check-circle:before { content: "\f058"; }

.fa-chevron-down:before { content: "\f078"; }

.fa-chevron-left:before { content: "\f053"; }

.fa-chevron-right:before { content: "\f054"; }

.fa-circle:before { content: "\f111"; }

.fa-comment:before { content: "\f075"; }

.fa-comments:before { content: "\f086"; }

.fa-cookie-bite:before { content: "\f564"; }

.fa-copy:before { content: "\f0c5"; }

.fa-download:before { content: "\f019"; }

.fa-edit:before { content: "\f044"; }

.fa-ellipsis-v-alt:before { content: "\f39c"; }

.fa-envelope:before { content: "\f0e0"; }

.fa-envelope-square:before { content: "\f199"; }

.fa-exclamation-circle:before { content: "\f06a"; }

.fa-exclamation-triangle:before { content: "\f071"; }

.fa-external-link-square-alt:before { content: "\f360"; }

.fa-eye:before { content: "\f06e"; }

.fa-facebook-f:before { content: "\f39e"; }

.fa-facebook-square:before { content: "\f082"; }

.fa-file-archive:before { content: "\f1c6"; }

.fa-file-audio:before { content: "\f1c7"; }

.fa-file-image:before { content: "\f1c5"; }

.fa-file-pdf:before { content: "\f1c1"; }

.fa-file-search:before { content: "\f865"; }

.fa-file-video:before { content: "\f1c8"; }

.fa-file-word:before { content: "\f1c2"; }

.fa-gift-card:before { content: "\f663"; }

.fa-grip-vertical:before { content: "\f58e"; }

.fa-home:before { content: "\f015"; }

.fa-info-circle:before { content: "\f05a"; }

.fa-instagram:before { content: "\f16d"; }

.fa-instagram-square:before { content: "\f955"; }

.fa-laptop:before { content: "\f109"; }

.fa-linkedin:before { content: "\f08c"; }

.fa-linkedin-in:before { content: "\f0e1"; }

.fa-minus:before { content: "\f068"; }

.fa-pencil-alt:before { content: "\f303"; }

.fa-phone:before { content: "\f095"; }

.fa-phone-laptop:before { content: "\f87a"; }

.fa-phone-square:before { content: "\f098"; }

.fa-pinterest:before { content: "\f0d2"; }

.fa-pinterest-square:before { content: "\f0d3"; }

.fa-play-circle:before { content: "\f144"; }

.fa-plus:before { content: "\f067"; }

.fa-print:before { content: "\f02f"; }

.fa-question-circle:before { content: "\f059"; }

.fa-rss:before { content: "\f09e"; }

.fa-rss-square:before { content: "\f143"; }

.fa-search:before { content: "\f002"; }

.fa-search-minus:before { content: "\f010"; }

.fa-search-plus:before { content: "\f00e"; }

.fa-share-square:before { content: "\f14d"; }

.fa-shopping-cart:before { content: "\f07a"; }

.fa-th-large:before { content: "\f009"; }

.fa-th-list:before { content: "\f00b"; }

.fa-times:before { content: "\f00d"; }

.fa-trash:before { content: "\f1f8"; }

.fa-trash-alt:before { content: "\f2ed"; }

.fa-twitter:before { content: "\f099"; }

.fa-twitter-square:before { content: "\f081"; }

.fa-user:before { content: "\f007"; }

.fa-user-circle:before { content: "\f2bd"; }

/* Core Owl Carousel CSS File v1.3.3 */
/* clearfix */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

/* display none until init */
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }

.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }

.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }

.owl-carousel .owl-item { float: left; }

.owl-controls .owl-page { cursor: pointer; }

.owl-controls { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* mouse grab icon */
.grabbing { cursor: url(main/img/grabbing.png) 8 8, move; }

/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }

/* Owl Carousel Owl Demo Theme v1.3.3 */
.owl-theme .owl-controls { margin-top: 10px; text-align: center; }

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div { position: absolute; opacity: 0.7; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; cursor: pointer; top: 45%; }

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover { opacity: 1; }

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ }

.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); /*IE7 fix*/ opacity: 0.5; border-radius: 20px; background: #869791; }

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; }

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; border-radius: 30px; }

/* preloading images */
.owl-item.loading { min-height: 150px; background: url(main/img/AjaxLoader.gif) no-repeat center center; }

/* Owl Carousel CSS3 Transitions v1.3.2 */
.owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; }

/* fade */
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; }

.owl-fade-in { -webkit-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; }

/* backSlide */
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; }

.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; }

/* goDown */
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; }

.owl-goDown-in { -webkit-animation: goDown .6s ease both; animation: goDown .6s ease both; }

/* scaleUp */
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; }

.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; }

/* Keyframes */
/*empty*/
@-webkit-keyframes empty { 0% { opacity: 1; } }

@keyframes empty { 0% { opacity: 1; } }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

@-webkit-keyframes backSlideOut { 25% { opacity: .5;
    -webkit-transform: translateZ(-500px); }
  75% { opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%); } }

@keyframes backSlideOut { 25% { opacity: .5;
    -webkit-transform: translateZ(-500px);
            transform: translateZ(-500px); }
  75% { opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
            transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
            transform: translateZ(-500px) translateX(-200%); } }

@-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5;
    -webkit-transform: translateZ(-500px); }
  100% { opacity: 1;
    -webkit-transform: translateZ(0) translateX(0); } }

@keyframes backSlideIn { 0%, 25% { opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(200%);
            transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5;
    -webkit-transform: translateZ(-500px);
            transform: translateZ(-500px); }
  100% { opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
            transform: translateZ(0) translateX(0); } }

@-webkit-keyframes scaleToFade { to { opacity: 0;
    -webkit-transform: scale(0.8); } }

@keyframes scaleToFade { to { opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8); } }

@-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } }

@keyframes goDown { from { -webkit-transform: translateY(-100%); transform: translateY(-100%); } }

@-webkit-keyframes scaleUpFrom { from { opacity: 0;
    -webkit-transform: scale(1.5); } }

@keyframes scaleUpFrom { from { opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5); } }

@-webkit-keyframes scaleUpTo { to { opacity: 0;
    -webkit-transform: scale(1.5); } }

@keyframes scaleUpTo { to { opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5); } }

/*

Product Name: Audio + Video Player
Product URI: http://progressionstudios.com/
Description: A video and audio player
Version: 1.5
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Author: Progression Studios
Author URI: http://progressionstudios.com/themeforest
*/
/*  Table of Contents 01. Media Element Player (DO NOT EDIT) 02. Easy Customization 03. Responsive Styles 04. Font Icons + CSS Transitions 05. Main Styles A. Main Container B. Play/Pause Button C. Progress Bar D. Handle and Timer E. Time (Current / Duration) F. Mute/Volume G. FullScreen H. Video Play Button 06. Playlist Styles 07. Small Player Size A. Player Height B. Button Sizes 08. Medium Player Size A. Player Height B. Button Sizes 09. Live Preview Styles */
/*
=============================================== 01. Media Element Player (DO NOT EDIT) ===============================================
*/
.mejs-container { position: relative; background: #000; font-family: Helvetica,Arial; text-align: left; vertical-align: top; text-indent: 0; }

.me-plugin { position: absolute; }

.mejs-embed, .mejs-embed body { width: 100%; height: 100%; margin: 0; padding: 0; background: #000; overflow: hidden; }

.mejs-container-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; }

.mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video { width: 100%; height: 100%; }

.mejs-clear { clear: both; }

.mejs-background { position: absolute; top: 0; left: 0; }

.mejs-mediaelement { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.mejs-poster { position: absolute; top: 0; left: 0; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; }

:root .mejs-poster img { display: none; }

.mejs-poster img { border: 0; padding: 0; border: 0; }

.mejs-overlay { position: absolute; top: 0; left: 0; }

.mejs-overlay-play { cursor: pointer; }

.mejs-overlay-button { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin: -50px 0 0 -50px; background: url(main/img/audio/bigplay.svg) no-repeat; }

.no-svg .mejs-overlay-button { background-image: url(main/img/audio/bigplay.png); }

.mejs-overlay:hover .mejs-overlay-button { background-position: 0 -100px; }

.mejs-overlay-loading { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; background: #333; background: url(main/img/audio/background.png); background: rgba(0, 0, 0, 0.9); background: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 50, 50, 0.9)), to(rgba(0, 0, 0, 0.9))); background: -o-linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); background: linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); }

.mejs-overlay-loading span { display: block; width: 80px; height: 80px; background: transparent url(main/img/audio/loading.gif) 50% 50% no-repeat; }

.mejs-container .mejs-controls { position: absolute; list-style-type: none; margin: 0; padding: 0; bottom: 0; left: 0; background: url(main/img/audio/background.png); background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7))); background: -o-linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); height: 30px; width: 100%; }

.mejs-container .mejs-controls div { list-style-type: none; background-image: none; display: block; float: left; margin: 0; padding: 0; width: 26px; height: 26px; font-size: 11px; line-height: 11px; font-family: Helvetica,Arial; border: 0; }

.mejs-controls .mejs-button button { cursor: pointer; display: block; font-size: 0; line-height: 0; text-decoration: none; margin: 7px 5px; padding: 0; position: absolute; height: 16px; width: 16px; border: 0; background: transparent url(main/img/audio/controls.svg) no-repeat; }

.no-svg .mejs-controls .mejs-button button { background-image: url(main/img/audio/controls.png); }

.mejs-controls .mejs-button button:focus { outline: solid 1px yellow; }

.mejs-container .mejs-controls .mejs-time { color: #fff; display: block; height: 17px; width: auto; padding: 8px 3px 0 3px; overflow: hidden; text-align: center; -webkit-box-sizing: content-box; box-sizing: content-box; }

.mejs-container .mejs-controls .mejs-time span { color: #fff; font-size: 11px; line-height: 12px; display: block; float: left; margin: 1px 2px 0 0; width: auto; }

.mejs-controls .mejs-play button { background-position: 0 0; }

.mejs-controls .mejs-pause button { background-position: 0 -16px; }

.mejs-controls .mejs-stop button { background-position: -112px 0; }

.mejs-controls div.mejs-time-rail { width: 200px; padding-top: 5px; }

.mejs-controls .mejs-time-rail span { display: block; position: absolute; width: 180px; height: 10px; border-radius: 2px; cursor: pointer; }

.mejs-controls .mejs-time-rail .mejs-time-total { margin: 5px; background: #333; background: rgba(50, 50, 50, 0.8); background: -webkit-gradient(linear, left top, left bottom, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8))); background: -o-linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); }

.mejs-controls .mejs-time-rail .mejs-time-buffering { width: 100%; background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 15px 15px; -webkit-animation: buffering-stripes 2s linear infinite; animation: buffering-stripes 2s linear infinite; }

@-webkit-keyframes buffering-stripes { from { background-position: 0 0; }
  to { background-position: 30px 0; } }

@keyframes buffering-stripes { from { background-position: 0 0; }
  to { background-position: 30px 0; } }

.mejs-controls .mejs-time-rail .mejs-time-loaded { background: #3caac8; background: rgba(60, 170, 200, 0.8); background: -webkit-gradient(linear, left top, left bottom, from(rgba(44, 124, 145, 0.8)), to(rgba(78, 183, 212, 0.8))); background: -o-linear-gradient(rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); background: linear-gradient(rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); width: 0; }

.mejs-controls .mejs-time-rail .mejs-time-current { background: #fff; background: rgba(255, 255, 255, 0.8); background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8))); background: -o-linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); width: 0; }

.mejs-controls .mejs-time-rail .mejs-time-handle { display: none; position: absolute; margin: 0; width: 10px; background: #fff; border-radius: 5px; cursor: pointer; border: solid 2px #333; top: -2px; text-align: center; }

.mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; display: none; background: #eee; width: 36px; height: 17px; border: solid 1px #333; top: -26px; margin-left: -18px; text-align: center; color: #111; }

.mejs-controls .mejs-time-rail .mejs-time-float-current { margin: 2px; width: 30px; display: block; text-align: center; left: 0; }

.mejs-controls .mejs-time-rail .mejs-time-float-corner { position: absolute; display: block; width: 0; height: 0; line-height: 0; border: solid 5px #eee; border-color: #eee transparent transparent transparent; border-radius: 0; top: 15px; left: 13px; }

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float { width: 48px; }

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current { width: 44px; }

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner { left: 18px; }

.mejs-controls .mejs-fullscreen-button button { background-position: -32px 0; }

.mejs-controls .mejs-unfullscreen button { background-position: -32px -16px; }

.mejs-controls .mejs-mute button { background-position: -16px -16px; }

.mejs-controls .mejs-unmute button { background-position: -16px 0; }

.mejs-controls .mejs-volume-button { position: relative; }

.mejs-controls .mejs-volume-button .mejs-volume-slider { display: none; height: 115px; width: 25px; background: url(main/img/audio/background.png); background: rgba(50, 50, 50, 0.7); border-radius: 0; top: -115px; left: 0; z-index: 1; position: absolute; margin: 0; }

.mejs-controls .mejs-volume-button:hover { border-radius: 0 0 4px 4px; }

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.5); margin: 0; }

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.9); margin: 0; }

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { position: absolute; left: 4px; top: -3px; width: 16px; height: 6px; background: #ddd; background: rgba(255, 255, 255, 0.9); cursor: N-resize; border-radius: 1px; margin: 0; }

.mejs-controls div.mejs-horizontal-volume-slider { height: 26px; width: 60px; position: relative; }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; border-radius: 2px; background: #333; background: rgba(50, 50, 50, 0.8); background: -webkit-gradient(linear, left top, left bottom, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8))); background: -o-linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; border-radius: 2px; background: #fff; background: rgba(255, 255, 255, 0.8); background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8))); background: -o-linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: none; }

.mejs-controls .mejs-captions-button { position: relative; }

.mejs-controls .mejs-captions-button button { background-position: -48px 0; }

.mejs-controls .mejs-captions-button .mejs-captions-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: url(main/img/audio/background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; border-radius: 0; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label { width: 100px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica,arial; font-size: 10px; }

.mejs-controls .mejs-captions-button .mejs-captions-translations { font-size: 10px; margin: 0 0 5px 0; }

.mejs-chapters { position: absolute; top: 0; left: 0; -xborder-right: solid 1px #fff; width: 10000px; z-index: 1; }

.mejs-chapters .mejs-chapter { position: absolute; float: left; background: #222; background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7))); background: -o-linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#323232,endColorstr=#000000); overflow: hidden; border: 0; }

.mejs-chapters .mejs-chapter .mejs-chapter-block { font-size: 11px; color: #fff; padding: 5px; display: block; border-right: solid 1px #333; border-bottom: solid 1px #333; cursor: pointer; }

.mejs-chapters .mejs-chapter .mejs-chapter-block-last { border-right: none; }

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover { background: #666; background: rgba(102, 102, 102, 0.7); background: -webkit-gradient(linear, left top, left bottom, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6))); background: -o-linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#666666,endColorstr=#323232); }

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title { font-size: 12px; font-weight: bold; display: block; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin: 0 0 3px 0; line-height: 12px; }

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan { font-size: 12px; line-height: 12px; margin: 3px 0 4px 0; display: block; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.mejs-captions-layer { position: absolute; bottom: 0; left: 0; text-align: center; line-height: 22px; font-size: 12px; color: #fff; }

.mejs-captions-layer a { color: #fff; text-decoration: underline; }

.mejs-captions-layer[lang=ar] { font-size: 20px; font-weight: normal; }

.mejs-captions-position { position: absolute; width: 100%; bottom: 15px; left: 0; }

.mejs-captions-position-hover { bottom: 45px; }

.mejs-captions-text { padding: 3px 5px; background: url(main/img/audio/background.png); background: rgba(20, 20, 20, 0.8); }

.me-cannotplay a { color: #fff; font-weight: bold; }

.me-cannotplay span { padding: 15px; display: block; }

.mejs-controls .mejs-loop-off button { background-position: -64px -16px; }

.mejs-controls .mejs-loop-on button { background-position: -64px 0; }

.mejs-controls .mejs-backlight-off button { background-position: -80px -16px; }

.mejs-controls .mejs-backlight-on button { background-position: -80px 0; }

.mejs-controls .mejs-picturecontrols-button { background-position: -96px 0; }

.mejs-contextmenu { position: absolute; width: 150px; padding: 10px; border-radius: 4px; top: 0; left: 0; background: #fff; border: solid 1px #999; z-index: 1001; }

.mejs-contextmenu .mejs-contextmenu-separator { height: 1px; font-size: 0; margin: 5px 6px; background: #333; }

.mejs-contextmenu .mejs-contextmenu-item { font-family: Helvetica,Arial; font-size: 12px; padding: 4px 6px; cursor: pointer; color: #333; }

.mejs-contextmenu .mejs-contextmenu-item:hover { background: #2C7C91; color: #fff; }

.mejs-controls .mejs-sourcechooser-button { position: relative; }

.mejs-controls .mejs-sourcechooser-button button { background-position: -128px 0; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: url(main/img/audio/background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; border-radius: 0; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label { width: 100px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica,arial; font-size: 10px; }

.mejs-postroll-layer { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url(main/img/audio/background.png); background: rgba(50, 50, 50, 0.7); z-index: 1000; overflow: hidden; }

.mejs-postroll-layer-content { width: 100%; height: 100%; }

.mejs-postroll-close { position: absolute; right: 0; top: 0; background: url(main/img/audio/background.png); background: rgba(50, 50, 50, 0.7); color: #fff; padding: 4px; z-index: 100; cursor: pointer; }

/*=============================================== 02. Easy Customization ===============================================*/
.responsive-wrapper { max-width: 8000px; }

/* Responsive Player Maximum Width */
.active-progression { padding-bottom: 0px !important; }

.progression-single-title { max-width: 100%; margin: 0 1px; padding: 5px 15px; color: #666666; font-size: 11px; background: #f8f8f8; border-left: 1px solid #b5b5b5; border-bottom: 1px solid #b5b5b5; border-right: 1px solid #b5b5b5; }

/*=============================================== 03. Responsive Styles ===============================================*/
.responsive-wrapper video, .responsive-wrapper audio { max-width: 100% !important; width: 100% !important; }

.responsive-wrapper { height: auto !important; }

.responsive-wrapper.responsive-audio .mejs-container.progression-skin { height: 40px !important; }

/* -- This Code Removes Audio Controls on Mobile/Tablet -- */
@media only screen and (max-width: 959px) { .progression-skin .mejs-controls .mejs-unmute, .progression-skin .mejs-controls .mejs-mute, .progression-skin .mejs-controls .mejs-horizontal-volume-slider { display: none !important; } .progression-skin .mejs-inner .mejs-controls .mejs-time.mejs-duration-container { margin-right: 0px !important; border-right: 0px !important; } }

/*=============================================== 04. Font Icons+CSS Transitions ===============================================*/
/* FONT AWESOME ICONs */
.progression-skin .mejs-playlist li.current:before, .mejs-controls .mejs-prevtrack button, .mejs-controls .mejs-nexttrack button, .progression-skin .mejs-controls .mejs-show-playlist button, .progression-skin .mejs-controls .mejs-hide-playlist button, .progression-skin .mejs-overlay-button, .progression-skin .mejs-overlay:hover .mejs-overlay-button, .progression-skin .mejs-controls .mejs-fullscreen-button button, .progression-skin .mejs-controls .mejs-unfullscreen button, .progression-skin .mejs-controls .mejs-playpause-button button, .progression-skin .mejs-controls .mejs-mute button, .progression-skin .mejs-controls .mejs-unmute button { font-family: 'Font Awesome 5 Pro'; font-weight: 900; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; }

/* CSS TRANSITIONS */
.progression-skin .mejs-controls button, .progression-skin .mejs-playlist li, .progression-skin .mejs-overlay-button, ul#prog-page-navigation li a { -webkit-transition-duration: 200ms; -webkit-transition-property: background,color; -webkit-transition-timing-function: ease-in-out; -moz-transition-duration: 200ms; -moz-transition-property: background,color; -moz-transition-timing-function: ease-in-out; -o-transition-duration: 200ms; -o-transition-property: background,color; -o-transition-timing-function: ease-in-out; transition-duration: 200ms; transition-property: background,color; }

/*=============================================== 05. Main Styles ===============================================*/
/* -------------------- A. Main Container -------------------- */
.progression-skin.mejs-video .mejs-controls { bottom: -1px; }

.mejs-mediaelement { border-top: 1px solid #b5b5b5; }

.progression-skin .mejs-controls .mejs-playpause-button, .progression-skin .mejs-controls .mejs-prevtrack-button { border-left: 1px solid #b5b5b5; }

.mejs-container.progression-skin { background: #000000; }

.progression-skin button:focus { outline: none !important; }

body .progression-skin .mejs-inner .mejs-controls .mejs-duration-container { padding: 13px 10px 10px 2px; }

body .progression-small .progression-skin .mejs-inner .mejs-controls .mejs-duration-container { padding-bottom: 0px; }

.progression-playlist.progression-skin .mejs-controls .mejs-playpause-button { border-left: none; }

.mejs-container.progression-skin .mejs-controls { height: 40px; background-color: #ffffff; border-top: 1px solid #b5b5b5; border-bottom: 1px solid #b5b5b5; border-right: 1px solid #b5b5b5; background-image: none; /* Opera 11.10+*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#FFFFFF)); background-image: -o-linear-gradient(top, #eeeeee 0%, #FFFFFF 100%); background-image: linear-gradient(to bottom, #eeeeee 0%, #FFFFFF 100%); }

/* Main Button Color */
.progression-skin .mejs-controls button { color: #868686; }

/* Main Button Hover Color */
.progression-skin .mejs-controls button:hover { color: #555555; }

/* -------------------- B. Play/Pause Button -------------------- */
.progression-skin .mejs-controls .mejs-playpause-button:hover { background: #f3f3f3; /* Opera 11.10+*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0)); background-image: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%); }

.progression-skin .mejs-controls .mejs-playpause-button { margin-right: 5px; height: 40px; width: 40px; outline: none; border-right: 1px solid #b5b5b5; }

.progression-playlist.progression-skin .mejs-controls .mejs-playpause-button { margin-right: 0px; }

.progression-skin .mejs-controls .mejs-playpause-button button { width: 40px; height: 40px; margin: 0; padding: 0; outline: none; background-image: none; }

.progression-skin .mejs-controls .mejs-playpause-button button:before { font-size: 17px; content: "\f04b"; line-height: 40px; text-decoration: inherit; display: inline-block; }

/* -------------------- C. Progress Bar -------------------- */
.progression-skin .mejs-controls .mejs-pause button:before { content: "\f04c"; font-size: 15px; position: relative; }

.progression-skin .mejs-controls div.mejs-time-rail { padding-top: 10px; }

.progression-skin .mejs-controls .mejs-time-rail span { height: 10px; border-radius: 6px; }

.progression-skin .mejs-controls .mejs-time-rail .mejs-time-total { background: #d5d5d5; /* Opera 11.10+*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#d5d5d5), to(#c6c6c6)); background-image: -o-linear-gradient(top, #d5d5d5 0%, #c6c6c6 100%); background-image: linear-gradient(to bottom, #d5d5d5 0%, #c6c6c6 100%); -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.15); }

.progression-skin .mejs-controls .mejs-time-rail .mejs-time-loaded { -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.2); background: #aaaaaa; /* Opera 11.10+*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#c6c6c6), to(#aaaaaa)); background-image: -o-linear-gradient(top, #c6c6c6 0%, #aaaaaa 100%); background-image: linear-gradient(to bottom, #c6c6c6 0%, #aaaaaa 100%); }

.progression-skin .mejs-controls .mejs-time-rail .mejs-time-current { -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.2); background: #666666; /* Opera 11.10+*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#444444)); background-image: -o-linear-gradient(top, #666666 0%, #444444 100%); background-image: linear-gradient(to bottom, #666666 0%, #444444 100%); }

/* -------------------- D. Handle and Timer -------------------- */
.progression-skin .mejs-controls .mejs-time-rail .mejs-time-handle { display: block; margin: 0; padding: 0px; border: 0; width: 6px; height: 6px; border-radius: 12px; top: -3px; left: -8px; -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25); border: 5px solid #eaeaea; background: #adadad; /* Opera 11.10+*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#9c9c9c), to(#adadad)); background-image: -o-linear-gradient(top, #9c9c9c 0%, #adadad 100%); background-image: linear-gradient(to bottom, #9c9c9c 0%, #adadad 100%); }

.progression-skin .mejs-controls .mejs-time-rail .mejs-time-float { width: 38px; height: 17px; top: -28px; margin-left: -19px !important; background: #909090; border-color: #909090; background: rgba(0, 0, 0, 0.5); color: #ffffff; border-radius: 3px; }

.progression-skin .mejs-controls .mejs-time-rail .mejs-time-float-current { margin: 3px 4px 4px 4px; font-size: 10px; }

.progression-skin .mejs-controls .mejs-time-rail .mejs-time-float-corner { top: 17px; border: solid 5px #909090; border-color: #909090 transparent transparent transparent; }

/* -------------------- E. Time (Current / Duration) -------------------- */
.progression-skin .mejs-inner .mejs-controls .mejs-time { padding: 13px 2px 0px 2px; margin-left: 5px; margin-right: 8px; }

.progression-skin .mejs-inner .mejs-controls .mejs-duration-container { border-right: 1px solid #b5b5b5; margin-left: 5px; margin-right: 8px; }

.progression-playlist-height .progression-skin .mejs-inner .mejs-controls .mejs-time.mejs-currenttime-container { margin-right: -2px; padding-right: 0px; padding-left: 8px; }

.progression-skin .mejs-inner .mejs-time .mejs-currenttime, .progression-skin .mejs-inner .mejs-time .mejs-duration { color: #aaa; }

/* -------------------- F. Mute/Volume -------------------- */
.progression-skin .mejs-controls .mejs-volume-button .mejs-volume-slider { left: -3px; }

.progression-audio-player .mejs-controls .mejs-mute button:hover { background: none !important; }

.progression-skin .mejs-controls .mejs-mute button { background: none; width: 34px; height: 40px; margin: 0 0 0 -8px; outline: none; background-image: none; }

.progression-skin .mejs-controls .mejs-mute button:hover { background: #ffffff; /* Opera 11.10+*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0)); background-image: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%); }

.progression-skin .mejs-controls .mejs-unmute button { background: none; width: 20px; height: 40px; margin: 0; padding: 0; outline: none; background-image: none; }

.progression-skin .mejs-controls .mejs-mute button:before { position: relative; left: 1px; font-size: 18px; content: "\f028"; line-height: 40px; text-decoration: inherit; display: inline-block; }

.progression-skin .mejs-controls .mejs-unmute button:before { font-size: 18px; content: "\f026"; line-height: 40px; text-decoration: inherit; display: inline-block; position: relative; left: -4px; }

.progression-skin .mejs-controls div.mejs-horizontal-volume-slider { margin-top: 5px; }

.progression-skin .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { border-radius: 6px; -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.2); background: #aaaaaa; /* Opera 11.10+*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#c6c6c6), to(#aaaaaa)); background-image: -o-linear-gradient(top, #c6c6c6 0%, #aaaaaa 100%); background-image: linear-gradient(to bottom, #c6c6c6 0%, #aaaaaa 100%); }

.progression-skin .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { border-radius: 6px; -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.2); background: #666666; /* Opera 11.10+*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#444444)); background-image: -o-linear-gradient(top, #666666 0%, #444444 100%); background-image: linear-gradient(to bottom, #666666 0%, #444444 100%); }

body .progression-skin .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: block; position: absolute; width: 5px; height: 5px; margin-left: -6px; top: 8px; background: #adadad; /* Opera 11.10+*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#9c9c9c), to(#adadad)); background-image: -o-linear-gradient(top, #9c9c9c 0%, #adadad 100%); background-image: linear-gradient(to bottom, #9c9c9c 0%, #adadad 100%); border-radius: 12px; cursor: pointer; -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25); border: 4px solid #eaeaea; text-align: center; }

/* -------------------- G. FullScreen -------------------- */
.progression-skin .mejs-controls .mejs-fullscreen-button { height: 40px; width: 30px; margin: 0px; padding: 0px; border-left: 1px solid #b5b5b5; }

.progression-skin .mejs-controls .mejs-fullscreen-button:hover { background: #ffffff; /* Opera 11.10+*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0)); background-image: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%); }

.progression-skin .mejs-controls .mejs-fullscreen-button button { background-image: none; height: 40px; margin-top: 0px; }

.progression-skin .mejs-controls .mejs-fullscreen-button button:before { position: relative; left: 3px; font-size: 12px; content: "\f0b2"; text-decoration: inherit; display: inline-block; }

.progression-skin .mejs-controls .mejs-unfullscreen button { background-image: none; }

.progression-skin .mejs-controls .mejs-unfullscreen button:before { position: relative; left: 3px; font-size: 12px; content: "\f0b2"; text-decoration: inherit; display: inline-block; }

/* -------------------- H. Video Play Button -------------------- */
.youtube-wrapper .mejs-overlay-button { display: none !important; }

.progression-skin .mejs-overlay-button { background: none; background: #000000; background: rgba(0, 0, 0, 0.75); width: 60px; height: 60px; margin: -30px 0 0 -30px; border-radius: 4px; }

.progression-skin .mejs-overlay-button:before { color: #ffffff; font-size: 30px; content: "\f04b"; text-decoration: inherit; display: inline-block; left: 20px; top: 15px; position: relative; }

.progression-skin .mejs-overlay:hover .mejs-overlay-button { background: none; background: #000000; background: rgba(0, 0, 0, 0.95); }

/*=============================================== 06. Playlist Styles ===============================================*/
.progression-playlist.progression-skin .mejs-controls .mejs-time-rail { margin-left: 15px; }

/* Start:Show/Hide Playlist*/
.progression-skin .mejs-controls .mejs-show-playlist, .progression-skin .mejs-controls .mejs-hide-playlist { border-left: 1px solid #b5b5b5; margin: 0px !important; padding: 0px !important; height: 40px; width: 36px; margin-right: 5px; }

.progression-skin .mejs-controls .mejs-hide-playlist { opacity: 0.8; background: #ffffff; /* Opera 11.10+*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0)); background-image: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%); }

.progression-skin .mejs-controls .mejs-show-playlist button { width: 36px; height: 40px; margin: 0px; padding: 0px; background: none; }

.progression-skin .mejs-controls .mejs-hide-playlist button { width: 36px; height: 40px; margin: 0px; padding: 0px; background: none; }

.progression-skin .mejs-controls .mejs-hide-playlist button:before, .progression-skin .mejs-controls .mejs-show-playlist button:before { font-size: 15px; content: "\f0ca"; text-decoration: inherit; display: inline-block; }

.progression-single.progression-skin .mejs-controls .mejs-hide-playlist button:before, .progression-single.progression-skin .mejs-controls .mejs-show-playlist button:before { font-size: 18px; content: "\f05a"; text-decoration: inherit; display: inline-block; line-height: 40px; }

/* End:Show/Hide Playlist */
/* Start:Previous */
.progression-skin .mejs-controls .mejs-nexttrack, .progression-skin .mejs-controls .mejs-prevtrack { width: 36px; height: 40px; margin: 0px; padding: 0px; }

.progression-skin .mejs-controls .mejs-prevtrack button, .progression-skin .mejs-controls .mejs-nexttrack button { width: 36px; height: 40px; margin: 0px; padding: 0px; border-right: 1px solid #b5b5b5; }

.progression-skin .mejs-controls .mejs-nexttrack:hover, .progression-skin .mejs-controls .mejs-prevtrack:hover, .progression-skin .mejs-controls .mejs-show-playlist:hover, .progression-skin .mejs-controls .mejs-hide-playlist:hover { background: #ffffff; /* Opera 11.10+*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0)); background-image: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%); }

.progression-skin .mejs-controls .mejs-prevtrack button { background: none; }

.progression-skin .mejs-controls .mejs-prevtrack button:before { font-size: 13px; content: "\f04a"; text-decoration: inherit; display: inline-block; position: relative; }

/* End:Previous */
/* Start:Next */
.progression-skin .mejs-controls .mejs-nexttrack button { background: none; }

.progression-skin .mejs-controls .mejs-nexttrack button:before { font-size: 13px; content: "\f04e"; text-decoration: inherit; display: inline-block; position: relative; }

/* End:Next */
/*Start:Playlist*/
.progression-skin .mejs-playlist, .progression-skin .mejs-playlist ul { position: absolute; left: 0; background: #ffffff; }

.progression-skin .mejs-playlist ul { max-height: 174px !important; width: 100%; overflow-y: auto; list-style: none; margin: 0px; padding: 0px; border-bottom: 1px solid #b5b5b5; border-top: 1px solid #b5b5b5; -webkit-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.15); box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.15); }

.progression-skin .mejs-playlist li { margin: 0px; padding: 10px 20px; color: #777777; border-left: 1px solid #b5b5b5; border-right: 1px solid #b5b5b5; font-size: 12px; line-height: 14px; cursor: pointer; display: block; border-bottom: 1px solid #b5b5b5; }

.progression-skin .mejs-playlist li:last-child { border-bottom: none; }

.progression-skin .mejs-playlist li:hover { background-color: rgba(0, 0, 0, 0.06); }

.progression-skin .mejs-playlist li.current { color: #ffffff; background: #bbbbbb; background: rgba(0, 0, 0, 0.35); }

/*End:Playlist*/
/*===============================================
07. Small Player Size
===============================================*/
/* -------------------- A. Player Height -------------------- */
body .progression-small .responsive-wrapper.responsive-audio .mejs-container.progression-skin { height: 30px !important; }

body .progression-small .progression-skin .mejs-controls .mejs-mute button, body .progression-small .progression-skin .mejs-controls .mejs-nexttrack, body .progression-small .progression-skin .mejs-controls .mejs-prevtrack, body .progression-small .progression-skin .mejs-controls .mejs-prevtrack button, body .progression-small .progression-skin .mejs-controls .mejs-nexttrack button, body .progression-small .progression-skin .mejs-controls .mejs-hide-playlist button body .progression-small .progression-skin .mejs-controls .mejs-show-playlist button, body .progression-small .progression-skin .mejs-controls .mejs-show-playlist, body .progression-small .progression-skin .mejs-controls .mejs-hide-playlist, body .progression-small .progression-skin .mejs-controls .mejs-fullscreen-button button, body .progression-small .progression-skin .mejs-controls .mejs-fullscreen-button, body .progression-small .progression-skin .mejs-controls .mejs-unmute button, body .progression-small .mejs-container.progression-skin .mejs-controls { height: 30px; }

body .progression-small .progression-skin .mejs-controls .mejs-playpause-button button, body .progression-small .progression-skin .mejs-controls .mejs-playpause-button { height: 30px; width: 30px; }

body .progression-small .progression-skin .mejs-controls .mejs-prevtrack button, body .progression-small .progression-skin .mejs-controls .mejs-nexttrack button, body .progression-small .progression-skin .mejs-controls .mejs-hide-playlist button:before, body .progression-small .progression-skin .mejs-controls .mejs-show-playlist button:before, body .progression-small .progression-skin .mejs-controls .mejs-unmute button:before, body .progression-small .progression-skin .mejs-controls .mejs-mute button:before, body .progression-small .progression-skin .mejs-controls .mejs-playpause-button button:before, body .progression-small .progression-skin .mejs-controls .mejs-mute button { line-height: 30px; }

body .progression-small .progression-skin .mejs-controls .mejs-hide-playlist button:before, body .progression-small .progression-skin .mejs-controls .mejs-show-playlist button:before { margin-top: -5px; /* Fix for Hide/Show Playlist Button */ }

body .progression-small .progression-skin .mejs-inner .mejs-controls .mejs-time { height: 22px; /* Needs to add to total height */ padding-top: 8px; /* Needs to add to total height */ }

/* Re-position Progress Bar */
body .progression-small .progression-skin .mejs-controls div.mejs-time-rail { padding-top: 5px; }

body .progression-small .progression-skin.progression-fancy .mejs-controls div.mejs-time-rail { padding-top: 6px; /* -- Fancy Skin Adjustments -- */ }

/* Re-position Volume Slider */
body .progression-small .progression-skin .mejs-controls div.mejs-horizontal-volume-slider, body .progression-small .progression-skin.progression-fancy .mejs-controls div.mejs-horizontal-volume-slider { margin-top: 0px; }

/* PlayList Sizes */
body .progression-small .progression-skin .mejs-playlist li { padding: 8px 16px; font-size: 11px; line-height: 13px; }

/* -------------------- B. Button Sizes -------------------- */
/* Play+Pause Buttons */
body .progression-small .progression-skin .mejs-controls .mejs-playpause-button button:before { font-size: 14px; }

body .progression-small .progression-skin .mejs-controls .mejs-pause button:before { font-size: 12px; }

/* Mute Buttons */
body .progression-small .progression-skin .mejs-controls .mejs-mute button:before, body .progression-small .progression-skin .mejs-controls .mejs-unmute button:before { font-size: 16px; }

/* Full Screen Button */
body .progression-small .progression-skin .mejs-controls .mejs-fullscreen-button button:before, body .progression-small .progression-skin .mejs-controls .mejs-unfullscreen button:before { font-size: 12px; }

/* Playlist Button */
body .progression-small .progression-skin .mejs-controls .mejs-hide-playlist button:before, body .progression-small .progression-skin .mejs-controls .mejs-show-playlist button:before { font-size: 15px; }

/* Next/Previous Track Button */
body .progression-small .progression-skin .mejs-controls .mejs-prevtrack button:before, body .progression-small .progression-skin .mejs-controls .mejs-nexttrack button:before { font-size: 13px; }

/*===============================================
08. Medium Player Size
===============================================*/
/* -------------------- A. Player Height -------------------- */
body .progression-large .responsive-wrapper.responsive-audio .mejs-container.progression-skin { height: 40px !important; }

body .progression-large .progression-skin .mejs-controls .mejs-mute button, body .progression-large .progression-skin .mejs-controls .mejs-nexttrack, body .progression-large .progression-skin .mejs-controls .mejs-prevtrack, body .progression-large .progression-skin .mejs-controls .mejs-prevtrack button, body .progression-large .progression-skin .mejs-controls .mejs-nexttrack button, body .progression-large .progression-skin .mejs-controls .mejs-hide-playlist button body .progression-large .progression-skin .mejs-controls .mejs-show-playlist button, body .progression-large .progression-skin .mejs-controls .mejs-show-playlist, body .progression-large .progression-skin .mejs-controls .mejs-hide-playlist, body .progression-large .progression-skin .mejs-controls .mejs-fullscreen-button button, body .progression-large .progression-skin .mejs-controls .mejs-fullscreen-button, body .progression-large .progression-skin .mejs-controls .mejs-unmute button, body .progression-large .mejs-container.progression-skin .mejs-controls { height: 40px; }

body .progression-large .progression-skin .mejs-controls .mejs-playpause-button button, body .progression-large .progression-skin .mejs-controls .mejs-playpause-button { height: 40px; width: 40px; }

body .progression-large .progression-skin .mejs-controls .mejs-hide-playlist button:before, body .progression-large .progression-skin .mejs-controls .mejs-show-playlist button:before, body .progression-large .progression-skin .mejs-controls .mejs-unmute button:before, body .progression-large .progression-skin .mejs-controls .mejs-mute button:before, body .progression-large .progression-skin .mejs-controls .mejs-playpause-button button:before, body .progression-large .progression-skin .mejs-controls .mejs-mute button { line-height: 40px; }

body .progression-large .progression-skin .mejs-inner .mejs-controls .mejs-time { height: 27px; /* Needs to add to total height */ padding-top: 13px; /* Needs to add to total height */ }

/* Re-position Progress Bar */
body .progression-large .progression-skin .mejs-controls div.mejs-time-rail { padding-top: 10px; }

/* Re-position Volume Slider */
body .progression-large .progression-skin .mejs-controls div.mejs-horizontal-volume-slider { margin-top: 5px; }

/* -------------------- B. Button Sizes -------------------- */
/* Play+Pause Buttons */
body .progression-large .progression-skin .mejs-controls .mejs-playpause-button button:before { font-size: 17px; }

body .progression-large .progression-skin .mejs-controls .mejs-pause button:before { font-size: 15px; }

/* Mute Buttons */
body .progression-large .progression-skin .mejs-controls .mejs-mute button:before, body .progression-large .progression-skin .mejs-controls .mejs-unmute button:before { font-size: 18px; }

/* Full Screen Button */
body .progression-large .progression-skin .mejs-controls .mejs-fullscreen-button button:before, body .progression-large .progression-skin .mejs-controls .mejs-unfullscreen button:before { font-size: 12px; }

/* Playlist Button */
body .progression-large .progression-skin .mejs-controls .mejs-hide-playlist button:before, body .progression-large .progression-skin .mejs-controls .mejs-show-playlist button:before { font-size: 15px; }

/* Next/Previous Track Button */
body .progression-large .progression-skin .mejs-controls .mejs-prevtrack button:before, body .progression-large .progression-skin .mejs-controls .mejs-nexttrack button:before { font-size: 13px; }

/*===============================================
09. Live Preview Styles
===============================================*/
body#progression-player-preview .progression-skin { -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.18); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.18); }

body#progression-player-preview { background: url(main/img/audio/cream_pixels.png); max-width: 800px; margin: 0 auto; padding: 20px 20px 50px 20px; font-family: "Helvetica Neue",Helvetica,Arial,Sans-Serif; }

body#progression-player-preview ul#prog-page-navigation { margin: 25px auto 35px auto; padding: 0px; list-style: none; text-align: center; font-weight: bold; font-size: 13px; border-bottom: 1px solid #dddddd; }

body#progression-player-preview ul#prog-page-navigation li { display: inline; padding: 0px; margin: 0px; }

body#progression-player-preview ul#prog-page-navigation li a { position: relative; top: 5px; text-decoration: none; display: inline-block; background: #dddddd; background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), color-stop(59%, #eeeeee)); background-image: -o-linear-gradient(top, #dddddd 0%, #eeeeee 59%); background-image: linear-gradient(to bottom, #dddddd 0%, #eeeeee 59%); color: #999999; text-shadow: 1px 1px 1px rgba(250, 250, 250, 0.5); padding: 7px 8px; margin-bottom: 5px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; }

body#progression-player-preview ul#prog-page-navigation li a:hover, body#progression-player-preview ul#prog-page-navigation li.current-menu-item a { background: #aaaaaa; background-image: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), color-stop(59%, #bbbbbb)); background-image: -o-linear-gradient(top, #aaaaaa 0%, #bbbbbb 59%); background-image: linear-gradient(to bottom, #aaaaaa 0%, #bbbbbb 59%); color: #ffffff; text-shadow: none; }

body#progression-player-preview hr { background: transparent; border-bottom: 1px solid #dddddd; border-top: none; margin: 30px 0px; }

ul#progression-options li { font-size: 14px; padding-bottom: 4px; }

ul#progression-options li span { font-size: 13px; }

body#progression-player-preview pre { background: #e8e8e8; border: 1px solid #c5c5c5; overflow-x: auto; }

/*=============================================== 09. v1.4 Fixes ===============================================*/
.progression-skin .mejs-controls .mejs-time-rail .mejs-time-total, .progression-skin .mejs-controls .mejs-time-rail { min-width: 40%; }

/*=============================================== 10. v1.5 Fixes ===============================================*/
.progression-playlist.progression-skin .mejs-controls .mejs-time-rail, .progression-playlist.progression-skin .mejs-controls .mejs-time-rail .mejs-time-total { min-width: 0%; }

/*
Skin Name: Minimal Light
*/
/*  Table of Contents 
01. Responsive Max Width
02. Main Backgrounds
03. Borders
04. Button/Font Colors
05. Playlist Backgrounds & Fonts
06. Progress/Volume Bar Backgrounds
07. Player Height
08. Button Sizes
*/
/*
=============================================== 01. Responsive Max Width ===============================================
*/
/* body .responsive-wrapper {max-width:550px;} */
/*
=============================================== 02. Main Backgrounds ===============================================
*/
/* Main Background Color */
body .mejs-container.progression-skin.progression-minimal-light .mejs-controls { background: #f7f7f7; /* IE Fall-Back */ }

/* Button Hover Background Color */
body .progression-skin.progression-minimal-light .mejs-controls .mejs-nexttrack:hover, body .progression-skin.progression-minimal-light .mejs-controls .mejs-prevtrack:hover, body .progression-skin.progression-minimal-light .mejs-controls .mejs-show-playlist:hover, body .progression-skin.progression-minimal-light .mejs-controls .mejs-hide-playlist:hover, body .progression-skin.progression-minimal-light .mejs-controls .mejs-mute button:hover, body .progression-skin.progression-minimal-light .mejs-controls .mejs-fullscreen-button:hover, body .progression-skin.progression-minimal-light .mejs-controls .mejs-hide-playlist, body .progression-skin.progression-minimal-light .mejs-controls .mejs-playpause-button:hover { background: #f7f7f7; /* IE Fall-Back */ }

body .progression-skin.progression-minimal-light .mejs-controls .mejs-nexttrack, body .progression-skin.progression-minimal-light .mejs-controls .mejs-prevtrack, body .progression-skin.progression-minimal-light .mejs-controls .mejs-show-playlist, body .progression-skin.progression-minimal-light .mejs-controls .mejs-hide-playlist, body .progression-skin.progression-minimal-light .mejs-controls .mejs-mute button, body .progression-skin.progression-minimal-light .mejs-controls .mejs-fullscreen-button, body .progression-skin.progression-minimal-light .mejs-controls .mejs-hide-playlist, body .progression-skin.progression-minimal-light .mejs-controls .mejs-playpause-button { -webkit-transition-duration: 200ms; -webkit-transition-property: background; -webkit-transition-timing-function: ease-in-out; -moz-transition-duration: 200ms; -moz-transition-property: background; -moz-transition-timing-function: ease-in-out; -o-transition-duration: 200ms; -o-transition-property: background; -o-transition-timing-function: ease-in-out; transition-duration: 200ms; transition-property: background; }

/*
=============================================== 03. Borders ===============================================
*/
/* Main Outline Border */
body .mejs-container.progression-skin.progression-minimal-light, body .mejs-container.progression-skin.progression-minimal-light .mejs-controls { border-color: #c1c1c1; }

/* Button Borders */
body .progression-skin.progression-minimal-light .mejs-controls .mejs-playpause-button, body .progression-skin.progression-minimal-light .mejs-inner .mejs-controls .mejs-time, body .progression-skin.progression-minimal-light .mejs-controls .mejs-fullscreen-button, body .progression-skin.progression-minimal-light .mejs-controls .mejs-show-playlist, body .progression-skin.progression-minimal-light .mejs-controls .mejs-hide-playlist, body .progression-skin.progression-minimal-light .mejs-controls .mejs-prevtrack button, body .progression-skin.progression-minimal-light .mejs-controls .mejs-nexttrack button { border-color: #c1c1c1; }

/*
=============================================== 04. Button/Font Colors ===============================================
*/
/* Main Button Color */
body .progression-skin.progression-minimal-light .mejs-controls button { color: #888888; }

/* Main Button Hover Color */
body .progression-skin.progression-minimal-light .mejs-controls button:hover { color: #555555; }

/* Timer Color 00:00 */
body .progression-skin.progression-minimal-light .mejs-inner .mejs-time .mejs-currenttime, body .progression-skin.progression-minimal-light .mejs-inner .mejs-time .mejs-duration { color: #aaaaaa; }

/*
=============================================== 05. Playlist Backgrounds & Fonts ===============================================
*/
/* PlayList Borders */
body .progression-skin.progression-minimal-light .mejs-playlist ul, body .progression-skin.progression-minimal-light .mejs-playlist li { border-color: #c1c1c1; }

/* PlayList Background */
body .progression-skin.progression-minimal-light .mejs-playlist, body .progression-skin.progression-minimal-light .mejs-playlist ul { background: #ffffff; }

/* PlayList Font Color */
body .progression-skin.progression-minimal-light .mejs-playlist li { color: #888888; }

/* PlayList Hover Background */
body .progression-skin.progression-minimal-light .mejs-playlist li:hover { color: #777777; background: #e9e9e9; }

/* PlayList Current Selected Item */
body .progression-skin.progression-minimal-light .mejs-playlist li.current { color: #666666; background: #e9e9e9; }

/*
=============================================== 06. Progress/Volume Bar Backgrounds ===============================================
*/
/* Main Progress Bar Background */
body .progression-skin.progression-minimal-light .mejs-controls .mejs-time-rail .mejs-time-total { background: #c9c9c9; /* IE Fall-Back */ -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0); box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0); }

/* Main Progress Bar Loading Background */
body .progression-skin.progression-minimal-light .mejs-controls .mejs-time-rail .mejs-time-loaded { -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0); box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0); background: #bbbbbb; /* IE Fall-Back */ }

/* Main Progress Bar Currently Played Background */
body .progression-skin.progression-minimal-light .mejs-controls .mejs-time-rail .mejs-time-current { -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0); box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0); background: #666666; /* IE Fall-Back */ }

/* Main Progress Bar Handle */
body .progression-skin.progression-minimal-light .mejs-controls .mejs-time-rail .mejs-time-handle { display: block; margin: 0; padding: 0px; border: 0; width: 4px; height: 4px; border-radius: 12px; top: -1px; left: -6px; -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15); border: 4px solid #ffffff; background: #ffffff; }

/* Volume Bar Background Default */
body .progression-skin.progression-minimal-light .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: #c9c9c9; /* IE Fall-Back */ -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0); box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0); }

/* Volume Bar Background Volume On */
body .progression-skin.progression-minimal-light .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: #777777; /* IE Fall-Back */ -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0); box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0); }

/* Volume Bar Volume Handle */
body .progression-skin.progression-minimal-light .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: block; position: absolute; width: 4px; height: 4px; margin-left: -3px; top: 10px; background: #ffffff; border-radius: 12px; cursor: pointer; -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15); border: 3px solid #ffffff; text-align: center; }

/*  Responsive Tables
//  Mozilla Firefox Bootstrap Fieldset Fix 
//  http://v4-alpha.getbootstrap.com/content/tables/
*/
@-moz-document url-prefix() { fieldset { display: table-cell; } }

/*  Responsive Tables
//  collapse table rows to vertical table
//  http://codepen.io/pixelchar/pen/rfuqK
*/
/*
$bp-maggie: 15em;  	// xs
$bp-lisa: 30em;		// sm
$bp-bart: 48em; 	// md
$bp-marge: 62em;	// lg
$bp-homer: 75em;	// xl
*/
.responsive-table-cells { width: 100%; margin-bottom: 1.5em; }

@media (min-width: 720px) { .responsive-table-cells { font-size: 1em; } }

@media (min-width: 960px) { .responsive-table-cells { font-size: 1em; } }

.responsive-table-cells thead { position: absolute; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; }

@media (min-width: 960px) { .responsive-table-cells thead { position: relative; clip: auto; height: auto; width: auto; overflow: auto; } }

.responsive-table-cells thead th { background-color: #555; text-align: left; color: white; }

.responsive-table-cells thead th:first-of-type { text-align: left; }

.responsive-table-cells tbody, .responsive-table-cells tr, .responsive-table-cells th, .responsive-table-cells td { display: block; padding: 0; text-align: left; white-space: normal; }

@media (min-width: 960px) { .responsive-table-cells tr { display: table-row; } }

.responsive-table-cells th, .responsive-table-cells td { padding: .5em; }

@media (min-width: 480px) { .responsive-table-cells th, .responsive-table-cells td { padding: .75em .5em; } }

@media (min-width: 960px) { .responsive-table-cells th, .responsive-table-cells td { display: table-cell; padding: .5em; } }

@media (min-width: 960px) { .responsive-table-cells th, .responsive-table-cells td { padding: .75em .5em; } }

@media (min-width: 1140px) { .responsive-table-cells th, .responsive-table-cells td { padding: .75em; } }

.responsive-table-cells caption { font-size: 1rem; font-style: italic; text-align: left; caption-side: top; }

@media (min-width: 720px) { .responsive-table-cells caption { font-size: 1rem; } }

.responsive-table-cells tfoot { font-size: .8em; font-style: italic; }

@media (min-width: 960px) { .responsive-table-cells tfoot { font-size: .9em; } }

@media (min-width: 960px) { .responsive-table-cells tbody { display: table-row-group; } }

.responsive-table-cells tbody tr { margin-bottom: 3em; }

@media (min-width: 960px) { .responsive-table-cells tbody tr { display: table-row; border-width: 1px; margin-bottom: auto; } }

.responsive-table-cells tbody tr:last-of-type { margin-bottom: 0; }

@media (min-width: 960px) { .responsive-table-cells tbody tr:nth-of-type(even) { background-color: #fafafa; } }

.responsive-table-cells tbody th[scope="row"] { background-color: #555; color: white; }

@media (min-width: 960px) { .responsive-table-cells tbody th[scope="row"] { background-color: transparent; color: #5e5d52; text-align: left; font-weight: normal; } }

.responsive-table-cells tbody td { text-align: right; min-height: 3.2em; }

@media (min-width: 960px) { .responsive-table-cells tbody td { text-align: left; min-height: none; } }

.responsive-table-cells tbody td[data-type=currency] { text-align: right; }

.responsive-table-cells tbody td[data-title]:before { content: attr(data-title); float: left; color: rgba(94, 93, 82, 0.75); }

@media (min-width: 960px) { .responsive-table-cells tbody td[data-title]:before { content: none; } }

.responsive-table-cells tbody .list-group { min-width: none; }

.responsive-table-cells tbody .list-group .list-group-item { color: #555; font-weight: normal; }

@media (min-width: 960px) { .responsive-table-cells tbody div.list-group-item { border: none; background-color: transparent; } }

.responsive-table-cells .list-group { min-width: 265px; }

.main-nav { clear: both; font-family: sofia-pro, "helvetica neue", helvetica, arial, sans-serif; padding-top: 0.5rem; }

.main-nav.nav-fade { z-index: 1026; }

@media (min-width: 720px) { .main-nav { left: 0; padding-top: 0; position: absolute; top: 60px; width: 100%; } }

.main-nav-list { position: relative; z-index: 1025; }

@media (max-width: 719px) { .main-nav-list.main-nav-list-mobile .mobile-menu-section { display: none; } .main-nav-list.main-nav-list-mobile div:nth-child(2) { display: block; } .main-nav-list.main-nav-list-mobile .back-link { position: absolute; top: 13px; color: #3D6995; font-size: 14px; left: 8px; padding-left: 0; cursor: pointer; text-decoration: none; background: none; border: none; } }

@media (max-width: 719px) { .main-nav-list { background: #fff; border-radius: 3px; padding-top: 0.25rem; padding-bottom: 0.5rem; } }

.main-nav-list .mobile-primary-nav { margin-bottom: 0.25rem; }

.main-nav-list .mobile-primary-nav .nav-item a.nav-link { padding-right: 0; }

.main-nav-list .mobile-primary-nav .nav-item + .nav-item { margin-left: 4%; }

.main-nav-list .level-one { position: relative; }

.main-nav-list .level-one.nav-item { margin-left: 0; -webkit-transition: background-color .1s 0s linear; -o-transition: background-color .1s 0s linear; transition: background-color .1s 0s linear; position: static; }

.main-nav-list .level-one.nav-item > .nav-link.hover { color: #000; text-decoration: underline; }

@media (max-width: 719px) { .main-nav-list .level-one.nav-item { border-bottom: 1px solid #eee; float: none; } }

@media (max-width: 719px) { .main-nav-list .level-one { border-bottom: 1px solid #eee; } }

.main-nav-list .level-one:not(.dropdown) > .nav-link { padding-right: 1.25rem; }

.main-nav-list .level-one > .nav-link { border-top-left-radius: 10px; border-top-right-radius: 10px; color: #333; font-size: 0.9rem; font-weight: 400; padding: 0.9rem 2rem 0.9rem 1.25rem; text-decoration: none; }

@media (max-width: 1139px) { .main-nav-list .level-one > .nav-link { padding-right: 1rem; } }

@media (min-width: 720px) and (max-width: 959px) { .main-nav-list .level-one > .nav-link { font-size: 0.75rem; padding: 0.9rem 0.8rem 0.9rem 0.75rem; } }

@media (max-width: 719px) { .main-nav-list .level-one > .nav-link { font-size: 1rem; padding: 0.5rem; color: #3D6995; font-weight: 300; } .main-nav-list .level-one > .nav-link.no-link-color { color: #333; } }

.main-nav-list .level-one > .dropdown-menu { display: block; left: 0; margin-left: 0; opacity: 1; -webkit-transition: opacity .1s 0s linear, left 0s .12s linear; -o-transition: opacity .1s 0s linear, left 0s .12s linear; transition: opacity .1s 0s linear, left 0s .12s linear; }

@media (min-width: 720px) { .main-nav-list .level-one > .dropdown-menu { display: none; -webkit-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear; } .main-nav-list .level-one > .nav-link.hover + .dropdown-menu { -webkit-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear; } }

@media (min-width: 720px) { .main-nav-list .level-two .sub-navigation { font-family: sofia-pro, "helvetica neue", helvetica, arial, sans-serif; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 718px; border-left: 0px; border-bottom-right-radius: 25px; border-bottom-left-radius: 25px; border-top-right-radius: 0px; left: 99.75%; min-height: 100%; min-width: 200px; padding: 20px; top: -2px; white-space: normal; border-top: none; } .main-nav-list .level-two .sub-navigation .second-title { padding-top: 1rem; } .main-nav-list .level-two .sub-navigation ul { list-style: none; padding-bottom: 1rem; } .main-nav-list .level-two .sub-navigation ul ul { padding-left: 0; padding-bottom: 0; } .main-nav-list .level-two .sub-navigation ul ul li:last-child { padding-bottom: 0; } .main-nav-list .level-two .sub-navigation li { line-height: 20px; padding-bottom: 0.5rem; } .main-nav-list .level-two .sub-navigation li:first-of-type { padding-bottom: 0; } .main-nav-list .level-two .sub-navigation .nav-feature-img p { line-height: 20px; margin-top: 0.5rem; } .main-nav-list .level-two .sub-navigation a { text-decoration: none; } .main-nav-list .level-two .sub-navigation a:hover { text-decoration: underline; } .main-nav-list .level-two .sub-navigation a:hover .sub-nav-subhead, .main-nav-list .level-two .sub-navigation a:hover h5 { text-decoration: underline; } .main-nav-list .level-two .sub-navigation .sub-nav-subhead, .main-nav-list .level-two .sub-navigation h5 { display: inline-block; color: #333; font-weight: bold; line-height: 1.2; margin-bottom: 0.85rem; } }

@media (min-width: 960px) { .main-nav-list .level-two .sub-navigation { width: 958px; } }

@media (min-width: 1140px) { .main-nav-list .level-two .sub-navigation { width: 1138px; } }

@media (min-width: 1440px) { .main-nav-list .level-two .sub-navigation { width: 1438px; } }

.main-nav-list .level-two .sub-navigation .sub-nav-subhead { font-family: sofia-pro, "helvetica neue", helvetica, arial, sans-serif; font-size: 1.1rem; }

.main-nav-list .level-two .sub-navigation ul li + li .sub-nav-subhead { margin-top: 1rem; }

@media (min-width: 720px) and (max-width: 959px) { .main-nav-list .level-two .sub-navigation { font-size: .8rem; } }

.main-nav-list .level-two .sub-navigation .dropdown-item { background: #f1f1f1; }

.main-nav-list .level-two .sub-navigation .dropdown-item:hover { background: #fff; }

.main-nav-list .level-two .sub-navigation .border-bottom p { border-bottom: 1px solid #eee; padding-bottom: 1rem; }

.main-nav-list .level-two > .nav-link { font-family: "helvetica neue", helvetica, arial, sans-serif; }

.main-nav-list .dropdown-item { padding: 0; }

@media (min-width: 720px) { .main-nav-list .dropdown-item { background: #eee; position: static; } .main-nav-list .dropdown-item .nav-link.hover { background-color: #fff; } .main-nav-list .dropdown-item .nav-link.hover + .dropdown-menu, .main-nav-list .dropdown-item:hover > .dropdown-menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .main-nav-list .dropdown-item:last-of-type > a { border-bottom: 1px solid #ddd; } }

@media (min-width: 720px) and (max-width: 959px) { .main-nav-list .dropdown-item { font-size: .8rem; } }

.main-nav-list .dropdown-item > a { border-bottom: 1.25px solid #f7f7f7; color: #3174a8; cursor: pointer; display: block; font-weight: normal; padding: 0.55rem 1rem; -webkit-text-decoration-line: none; text-decoration-line: none; }

.main-nav-list .dropdown-item > a:hover { color: #255981; }

.main-nav-list .dropdown-item:hover > a { background: #fff; }

.main-nav-list .dropdown-menu { border-bottom: 0; border-color: #ddd; border-radius: 0; margin-top: 0; padding: 0; }

@media (max-width: 719px) { .main-nav-list .dropdown-menu { border: none; display: block; float: none; position: static; } .mobile-nav-js .main-nav-list .dropdown-menu { display: none; } .mobile-nav-js .main-nav-list .dropdown-menu.mobile-on { display: block; } .main-nav-list .dropdown-menu > a { border: 1px solid transparent; border-radius: 3px; } .main-nav-list .dropdown-menu > a:hover { border: 1px solid #f0f0f0; } }

.main-nav-list .dropdown .dropdown-toggle { cursor: default; }

.main-nav-list .dropdown .dropdown-toggle::after { margin-left: 0.5rem; content: "\f078"; font-family: 'Font Awesome 5 Pro'; font-weight: 300; vertical-align: initial; border: none; color: #414042; }

@media (max-width: 719px) { .main-nav-list .dropdown .dropdown-toggle { color: #3D6995; font-weight: 300; padding: 0.5rem; text-decoration: none; cursor: pointer; } .main-nav-list .dropdown .dropdown-toggle::after { position: absolute; right: 21px; content: "\f054"; } }

.main-nav-list .cho { width: 100%; }

@media (min-width: 720px) { .main-nav-list .cho { margin-left: 0; width: auto; } }

.main-nav-list .cho.nav-item { margin-left: 0; }

.main-nav-list .cho .nav-link { color: #225d99; font-size: 0.9rem; font-weight: bold; padding: 0.9rem 1.25rem; text-decoration: none; }

.main-nav-list .cho .nav-link:hover { color: #27435f; }

@media (min-width: 720px) and (max-width: 959px) { .main-nav-list .cho .nav-link { font-size: 0.75rem; } }

@media (max-width: 719px) { .main-nav-list .cho .nav-link { padding: 0.5rem; font-size: 1rem; } }

@media (min-width: 720px) and (max-width: 959px) { .main-nav-list .cho .nav-link { display: none; } }

@media (min-width: 720px) { .main-nav-list .more-menu.level-one:after { content: ''; display: none; } }

.mobile-primary-nav .help-links.navbar-nav { text-align: right; }

.mobile-primary-nav .help-links.navbar-nav .nav-item { display: inline-block; float: none; }

.mobile-primary-nav .help-links.navbar-nav .nav-item .nav-link { color: #3174a8; font-size: 0.875rem; }

.mobile-primary-nav .help-links.navbar-nav .nav-item .nav-link:hover { color: #27435f; }

.main-nav .touch-only { display: none; }

.touchevents .main-nav .touch-only { display: block; }

.main-nav .tab-pane__view-all { padding-top: 0.25rem; padding-bottom: 0.25rem; }

.gift-cards-link .fa-gift-card { margin-left: 0.5rem; }

@media (min-width: 720px) { #main-gift-cards { float: right; } .gift-cards-link { color: #3D6995 !important; } .not-logged-in-vbg .gift-cards-link { color: #fff !important; } .not-logged-in-vbg #head-nav:hover .gift-cards-link { color: #414042 !important; } .gift-cards-link .fal { font-size: 16px !important; margin-top: -4px; } .gift-cards-link:hover { text-decoration: underline !important; } }

@media (min-width: 960px) { .gift-cards-link .fal { font-size: 18px !important; margin-top: -2px; } }

@media (min-width: 1140px) { .gift-cards-link .fal { font-size: 16px !important; margin-top: 0; } }

@media (max-width: 959px) { .gift-cards-link { padding-right: 12px; } }

@media (min-width: 720px) and (max-width: 800px) { .gift-cards-link span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } }

/*
  CONTENTS
  -------------------
  1.0 GLOBALS
    1.1 DEFAULT STYLING
    1.2 AUDIO
    1.3 BLOCKQUOTE & PULLQUOTE
    1.4 BUTTONS
    1.5 FONT MODIFIERS
    1.6 FORMS
    1.7 HEADINGS
    1.8 IMAGE MODIFIERS
    1.9 LINKS
    1.10 LISTS
    1.11 TABLES
    1.12 VIDEO
    1.13 HORIZONTAL RULE
    1.14 S&P CONTAINER
  2.0 COMPONENTS
    2.1 CARDS
    2.2 EMBEDS
    2.3 FIGURES
    2.4 HEADER COMPONENT
    2.5 JUMBOTRON
    2.6 MODALS
    2.7 POPOVERS
    2.8 SIDEBAR-TOGGLE
    2.9 SLIDER
    2.10 TILES
    2.11 CONTAINMENT COMPONENT
    2.12 ARTICLE COLUMN COMPONENT
    2.13 CATEGORY GRID COMPONENT
    2.14 BUNDLE COMPONENT
    2.15 PAGE SUBNAV
    2.16 3RD PARTY GLOBAL SIGNUP BUTTON
  3.0 PAGES SECTIONS
    3.1 BRANDING/MASTHEAD
    3.2 BREADCRUMBS
    3.3 FOOTER
    3.4 LIFEWAY ACCOUNTS
    3.5 NARROW RESULTS
    3.6 PAGINATION
    3.7 RELATED PRODUCTS
    3.8 SEARCH/BROWSE RESULTS LIST
    3.9 SIDEBAR
    3.10 SOCIAL MEDIA ICONS
  4.0 PAGES
    4.1 ACCOUNT
    4.2 ARTICLE
    4.3 ARTICLE LANDING
    4.4 CART
    4.5 DETAIL
    4.6 ERROR PAGES
    4.7 EVENTS
    4.8 GIFT CARD
    4.9 HOMEPAGE
    4.10 QUICK ORDER FORM
    4.11 SERVICES
    4.12 STORE LOCATOR
    4.13 FREQUENTLY ASKED QUESTIONS
    4.14 COOKIE INFORMATION MESSAGE



/* 1.0 GLOBALS
====================================================================== */
/* 1.1 DEFAULT STYLING
---------------------------------------------------------------------- */
* { min-height: 0px; min-width: 0px; }

@media (min-width: 1440px) { body { font-size: 18px; line-height: 1.8333; } }

.inner-max { max-width: 1440px; margin: 0 auto; }

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

.body-content { padding: 1.5rem 0; }

.container-fluid .container-fluid { padding-left: 0; padding-right: 0; }

.container-fluid * { min-width: 0px; }

div .pt-no { padding-top: 0; }

div .pt-sm { padding-top: 1rem; }

div .pt-md { padding-top: 1.5rem; }

div .pt-lg { padding-top: 2rem; }

div .pb-no { padding-bottom: 0; }

div .pb-sm { padding-bottom: 1rem; }

div .pb-md { padding-bottom: 1.5rem; }

div .pb-lg { padding-bottom: 2rem; }

.contain-comp { padding-bottom: 1.5rem; padding-top: 1.5rem; }

.contain-comp, .contain-comp.card--dark { background-size: cover; }

.contain-comp .breadcrumb { margin-top: -1.5rem; padding: 0; }

.contain-comp.pt-no .breadcrumb { margin-top: 0; }

.contain-comp.pt-sm .breadcrumb { margin-top: -1rem; }

.contain-comp.pt-lg .breadcrumb { margin-top: -2rem; }

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

.no-gutter > [class*="col-"] { padding-left: 0; padding-right: 0; }

.visually-hidden { display: block; height: 1px; left: -9999px; position: absolute; top: -9999px; width: 1px; }

@media (min-width: 720px) { .sr-only-md-up { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } }

@media (min-width: 960px) { .sr-only-lg-up { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } }

@media (min-width: 1140px) { .sr-only-xl-up { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } }

.ws-no-wrap { white-space: nowrap; }

.m-x-auto { margin: 0 auto; }

.col-p { position: relative; min-height: 1px; padding-left: 0.9375rem; padding-right: 0.9375rem; }

.col-p h4 { line-height: 30px; }

.color-inverse { color: #eee; }

.color-inverse h1 { color: #eee; }

.color-inverse a:not(.btn) { color: #fff; }

.color-inverse a:not(.btn):hover { color: #ddd; }

.col-xs-1 { max-width: 8.3333333333%; }

.col-xs-2 { max-width: 16.6666666667%; }

.col-xs-3 { max-width: 25%; }

.col-xs-4 { max-width: 33.3333333333%; }

.col-xs-5 { max-width: 41.6666666667%; }

.col-xs-6 { max-width: 50%; }

.col-xs-7 { max-width: 58.3333333333%; }

.col-xs-8 { max-width: 66.6666666667%; }

.col-xs-9 { max-width: 75%; }

.col-xs-10 { max-width: 83.3333333333%; }

.col-xs-11 { max-width: 91.6666666667%; }

.col-xs-12 { max-width: 100%; }

@media (min-width: 480px) { .col-sm-1 { max-width: 8.3333333333%; } .col-sm-2 { max-width: 16.6666666667%; } .col-sm-3 { max-width: 25%; } .col-sm-4 { max-width: 33.3333333333%; } .col-sm-5 { max-width: 41.6666666667%; } .col-sm-6 { max-width: 50%; } .col-sm-7 { max-width: 58.3333333333%; } .col-sm-8 { max-width: 66.6666666667%; } .col-sm-9 { max-width: 75%; } .col-sm-10 { max-width: 83.3333333333%; } .col-sm-11 { max-width: 91.6666666667%; } .col-sm-12 { max-width: 100%; } }

@media (min-width: 720px) { .col-md-1 { max-width: 8.3333333333%; } .col-md-2 { max-width: 16.6666666667%; } .col-md-3 { max-width: 25%; } .col-md-4 { max-width: 33.3333333333%; } .col-md-5 { max-width: 41.6666666667%; } .col-md-6 { max-width: 50%; } .col-md-7 { max-width: 58.3333333333%; } .col-md-8 { max-width: 66.6666666667%; } .col-md-9 { max-width: 75%; } .col-md-10 { max-width: 83.3333333333%; } .col-md-11 { max-width: 91.6666666667%; } .col-md-12 { max-width: 100%; } }

@media (min-width: 960px) { .col-lg-1 { max-width: 8.3333333333%; } .col-lg-2 { max-width: 16.6666666667%; } .col-lg-3 { max-width: 25%; } .col-lg-4 { max-width: 33.3333333333%; } .col-lg-5 { max-width: 41.6666666667%; } .col-lg-6 { max-width: 50%; } .col-lg-7 { max-width: 58.3333333333%; } .col-lg-8 { max-width: 66.6666666667%; } .col-lg-9 { max-width: 75%; } .col-lg-10 { max-width: 83.3333333333%; } .col-lg-11 { max-width: 91.6666666667%; } .col-lg-12 { max-width: 100%; } }

@media (min-width: 1140px) { .col-xl-1 { max-width: 8.3333333333%; } .col-xl-2 { max-width: 16.6666666667%; } .col-xl-3 { max-width: 25%; } .col-xl-4 { max-width: 33.3333333333%; } .col-xl-5 { max-width: 41.6666666667%; } .col-xl-6 { max-width: 50%; } .col-xl-7 { max-width: 58.3333333333%; } .col-xl-8 { max-width: 66.6666666667%; } .col-xl-9 { max-width: 75%; } .col-xl-10 { max-width: 83.3333333333%; } .col-xl-11 { max-width: 91.6666666667%; } .col-xl-12 { max-width: 100%; } }

@media (min-width: 1440px) { .col-xxl-1 { max-width: 8.3333333333%; } .col-xxl-2 { max-width: 16.6666666667%; } .col-xxl-3 { max-width: 25%; } .col-xxl-4 { max-width: 33.3333333333%; } .col-xxl-5 { max-width: 41.6666666667%; } .col-xxl-6 { max-width: 50%; } .col-xxl-7 { max-width: 58.3333333333%; } .col-xxl-8 { max-width: 66.6666666667%; } .col-xxl-9 { max-width: 75%; } .col-xxl-10 { max-width: 83.3333333333%; } .col-xxl-11 { max-width: 91.6666666667%; } .col-xxl-12 { max-width: 100%; } }

.visible-xs { display: none; }

@media (max-width: 479px) { .visible-xs { display: block !important; } }

.visible-sm { display: none; }

@media (min-width: 480px) and (max-width: 719px) { .visible-sm { display: block !important; } }

.visible-md { display: none; }

@media (min-width: 720px) and (max-width: 959px) { .visible-md { display: block !important; } }

.visible-lg { display: none; }

@media (min-width: 960px) and (max-width: 1139px) { .visible-lg { display: block !important; } }

.visible-xl { display: none; }

@media (min-width: 1140px) and (max-width: 1439px) { .visible-xl { display: block !important; } }

.visible-xxl { display: none; }

@media (min-width: 1440px) { .visible-xxl { display: block !important; } }

/* 1.2 AUDIO
---------------------- */
.progression-skin .mejs-controls .mejs-button { height: 38px; }

.sidebar .responsive-wrapper.responsive-audio .mejs-container.progression-skin { height: 24px !important; }

body .progression-skin.progression-minimal-light .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { width: 10px; height: 10px; border-radius: 12px; }

body .progression-skin.progression-minimal-light .mejs-controls .mejs-time-rail .mejs-time-handle { width: 10px; height: 10px; border-radius: 12px; top: 0px; left: 0px; }

.progression-skin .mejs-playlist ul { -webkit-box-shadow: none; box-shadow: none; max-height: 36px !important; overflow: hidden; }

.audio-playlist .progression-skin .mejs-playlist ul { max-height: 126px !important; overflow: auto; }

.audio-player-wrap { margin-bottom: 1.5rem; margin-top: 1rem; }

.audio-player-wrap h3 { margin-top: 0.5rem; }

.audio-player-wrap .responsive-wrapper { margin-top: 0.5rem; padding-bottom: 40px; }

.audio-player-wrap .responsive-wrapper.audio-playlist { padding-bottom: 126px; }

.audio-player-wrap .responsive-wrapper.audio-side { padding-bottom: 0; }

/* 1.3 BLOCKQUOTE & PULLQUOTE
---------------------------------------------------------------------- */
blockquote, .blockquote { border-left-width: 1rem; clear: both; font-family: sofia-pro, "helvetica neue", helvetica, arial, sans-serif; margin-left: 4rem; padding-left: 2rem; }

blockquote cite, .blockquote cite { font-style: normal; font-weight: 600; }

.blockquote-reverse { border-right-width: 1rem; margin-left: 0; margin-right: 4rem; padding-left: 0; padding-right: 2rem; }

.blockquote-reverse footer:after { content: ""; }

.blockquote-reverse footer:before { content: "\2014 \00A0"; }

.pullquote { background: #fdb528; border-left: none; border-radius: 3px; clear: none; color: #414042; float: right; font-size: 1.5rem; font-family: sofia-pro, "helvetica neue", helvetica, arial, sans-serif; margin-left: 1.5rem; margin-right: 1.5rem; padding: 1.5rem; position: relative; }

@media (min-width: 960px) { .pullquote { width: 50%; } }

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

.pullquote footer { color: #414042; text-align: right; }

.pullquote .share { background: #225d99 url(main/img/btn-share.png) no-repeat center center; position: absolute; right: -1rem; text-indent: -9999px; top: -1rem; height: 2.5rem; width: 2.75rem; }

/* 1.4 BUTTONS
---------------------------------------------------------------------- */
.btn--wrap-normal, .btn-block--wrap-normal { white-space: normal; }

.btn-white { color: #747474; background-color: #fff; border-color: #ddd; }

.btn-white:active, .btn-white.active, .open > .btn-white.dropdown-toggle { color: #747474; background-color: #ededed; border-color: #c6c6c6; }

.btn-white:hover { color: #747474; background-color: #ededed; border-color: #c6c6c6; }

.btn-white:active, .btn-white.active, .open > .btn-white.dropdown-toggle { background-image: none; }

.btn-white.disabled:hover, .btn-white:disabled:hover, fieldset[disabled] .btn-white:hover { background-color: #fff; border-color: #ddd; }

.btn-white:active { background-color: #cdcdcd; }

.btn-default { color: #555; background-color: #eee; border-color: #eee; }

.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { color: #555; background-color: gainsboro; border-color: #d7d7d7; }

.btn-default:hover { color: #555; background-color: gainsboro; border-color: #d7d7d7; }

.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { background-image: none; }

.btn-default.disabled:hover, .btn-default:disabled:hover, fieldset[disabled] .btn-default:hover { background-color: #eee; border-color: #eee; }

.btn-default:active { background-color: #cdcdcd; color: #555; }

.btn-default:focus { color: #555; }

.btn-primary { color: #414042; background-color: #fdb528; border-color: #fdb528; }

.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #414042; background-color: #fda905; border-color: #f5a302; }

.btn-primary:hover { color: #414042; background-color: #fda905; border-color: #f5a302; }

.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { background-image: none; }

.btn-primary.disabled:hover, .btn-primary:disabled:hover, fieldset[disabled] .btn-primary:hover { background-color: #fdb528; border-color: #fdb528; }

.btn-primary:active { background-color: #e19502; }

.btn-primary:hover { color: #000; }

.btn-secondary { color: #fff; background-color: #3D6995; border-color: #3D6995; }

.btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle { color: #fff; background-color: #33577c; border-color: #305274; }

.btn-secondary:hover { color: #fff; background-color: #33577c; border-color: #305274; }

.btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle { background-image: none; }

.btn-secondary.disabled:hover, .btn-secondary:disabled:hover, fieldset[disabled] .btn-secondary:hover { background-color: #3D6995; border-color: #3D6995; }

.btn-secondary:active { background-color: #2a4866; }

.btn-alt { color: #fff; background-color: #A6403E; border-color: #A6403E; }

.btn-alt:active, .btn-alt.active, .open > .btn-alt.dropdown-toggle { color: #fff; background-color: #8c3634; border-color: #853332; }

.btn-alt:hover { color: #fff; background-color: #8c3634; border-color: #853332; }

.btn-alt:active, .btn-alt.active, .open > .btn-alt.dropdown-toggle { background-image: none; }

.btn-alt.disabled:hover, .btn-alt:disabled:hover, fieldset[disabled] .btn-alt:hover { background-color: #A6403E; border-color: #A6403E; }

.btn-alt:active { background-color: #762d2c; }

.btn-paypal { background: #ffc439; border-color: #ffc439; -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0); color: #111; display: inline-block; min-width: 136px; position: relative; -webkit-transition: color .2s linear, -webkit-box-shadow .2s linear; transition: color .2s linear, -webkit-box-shadow .2s linear; -o-transition: box-shadow .2s linear, color .2s linear; transition: box-shadow .2s linear, color .2s linear; transition: box-shadow .2s linear, color .2s linear, -webkit-box-shadow .2s linear; }

.btn-paypal__paypal { background: transparent url("main/img/paypal-btn-text.png") no-repeat 50% 50%; background-size: contain; content: ''; display: inline-block; height: 22px; position: relative; text-indent: -9999px; top: 3px; width: 80px; }

.btn-paypal__paypal + .btn-paypal__paypal-text { margin-left: 4px; }

.btn-paypal__paypal-text + .btn-paypal__paypal { margin-left: 4px; }

.btn-paypal__pp { background: transparent url("main/img/paypal-btn-icon.png") no-repeat 50% 50%; background-size: contain; content: ''; display: inline-block; height: 26px; margin-bottom: -5px; position: relative; text-indent: -9999px; width: 24px; }

.btn-paypal:hover, .btn-paypal:focus, .btn-paypal:active { background: #ffc439; border-color: #ffc439; -webkit-box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.05); box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.05); color: #162c6f; }

.btn-venmo { background: #3d95ce url("main/img/venmo-btn-text.png") no-repeat 50% 50%; border-color: #3d95ce; -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0); color: #111; display: inline-block; min-width: 150px; position: relative; text-indent: -9999px; }

.btn-venmo:hover, .btn-venmo:focus, .btn-venmo:active { background: #6fb4e0 url("main/img/venmo-btn-text.png") no-repeat 50% 50%; border-color: #6fb4e0; }

.btn-block + .btn-block { margin-top: 0.5rem; }

/* 1.5 FONT MODIFIERS
---------------------------------------------------------------------- */
.strong { font-weight: bold; }

.em { font-style: italic; }

@media (max-width: 479px) { .fa-3x { font-size: 2em; } }

.font-xs { font-size: 64%; font-weight: normal; }

.font-sm { font-size: 80%; }

@media (min-width: 720px) { .font-sm { font-size: 80%; } }

@media (min-width: 960px) { .font-sm { font-size: 90%; } }

@media (min-width: 1140px) { .font-sm { font-size: 100%; } }

.font-md { font-size: 140%; }

.font-lg { font-size: 100%; }

@media (min-width: 720px) { .font-lg { font-size: 120%; } }

@media (min-width: 960px) { .font-lg { font-size: 140%; } }

@media (min-width: 1140px) { .font-lg { font-size: 160%; } }

@media (min-width: 720px) { .font-xl { font-size: 140%; } }

@media (min-width: 960px) { .font-xl { font-size: 180%; } }

@media (min-width: 1140px) { .font-xl { font-size: 210%; } }

.font-xxl { font-size: 320%; }

.font-light { font-weight: 300; }

.font-bottom { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

/* 1.6 FORMS
---------------------------------------------------------------------- */
/* ALSO had to comment out .c-select:focus in custom-forms.php */
form { margin-bottom: 1rem; }

.input-required { color: #A6403E; }

.required-note { margin: 0.25rem 0 0; }

.required-note__asterisk { color: #A6403E; font-size: 1rem; }

.required-asterisk { color: #A6403E; font-size: 1rem; }

.input-group-addon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

label { font-weight: bold; margin-bottom: 0.25rem; }

label.checkbox, label.radio { font-weight: normal; }

.aem-form-wrap { padding-bottom: 1.5rem; padding-top: 1.5rem; }

.aem-form-wrap form { margin-bottom: 0; }

.aem-form-wrap div#guideContainer-rootPanel___guide-item-container div.toolbar { margin-bottom: 0; }

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { -webkit-transform: translateY(0.6px); -ms-transform: translateY(0.6px); transform: translateY(0.6px); }

/* 1.7 HEADINGS
---------------------------------------------------------------------- */
h1, .h1 { font-size: 2.625rem; color: #000; }

h2, .h2 { font-size: 1.625rem; }

h3, .h3 { font-size: 1.25rem; }

h4, .h4 { font-size: 1rem; color: #000; }

h5, .h5 { font-size: 1rem; }

h6, .h6 { font-size: 0.8125rem; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: sofia-pro, "helvetica neue", helvetica, arial, sans-serif; }

@media (max-width: 719px) { h1, .h1 { font-size: 2.125rem; } }

.section-title { margin: 1.5rem 0 1rem; }

.section-head { border-bottom: 1px solid #ddd; margin: 1.5rem 0 1rem; padding-bottom: 0.5rem; }

.card .section-head { margin: 0 0 1rem; }

.card--light .section-head { border-bottom-color: #999; }

.section-head .fa-stack { margin-right: 0.5rem; }

.shop-by-circle__list { padding-left: 0; margin-bottom: 0; list-style-type: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

@media (min-width: 1140px) { .shop-by-circle__list { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } }

.shop-by-circle__list li { border-radius: 50%; padding: 1.5rem; -webkit-box-flex: 0; -webkit-flex: 0 0 50px; -ms-flex: 0 0 50px; flex: 0 0 50px; position: relative; max-width: 70px; background-color: #eee; cursor: pointer; font-size: 1rem; margin-top: 0.5rem; margin-right: 0.5rem; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; }

.shop-by-circle__list li:hover { background-color: #ddd; }

.shop-by-circle__list li.small { font-size: 70%; }

@media (min-width: 720px) { .shop-by-circle__list li { font-size: 1.5rem; -webkit-box-flex: 0; -webkit-flex: 0 0 70px; -ms-flex: 0 0 70px; flex: 0 0 70px; padding: 2.15rem 1rem; } .shop-by-circle__list li.small { font-size: 100%; } }

@media (min-width: 1140px) { .shop-by-circle__list li { font-size: 1.5rem; margin-right: 0; } }

.shop-by-circle__list a { text-decoration: none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-weight: bold; padding: 1rem 1.25rem; }

.shop-by-circle__list::after { content: ""; display: table; clear: both; }

/* 1.8 IMAGE MODIFIERS
---------------------------------------------------------------------- */
.img-responsive.force, .figure > img.force, figure > img.force { width: 100%; }

img.figure__img { margin: 0 auto 1rem; }

@media (min-width: 480px) { img.small { margin: 0 auto 1rem; max-width: 45%; } img.small.left { float: left; margin: 0 2rem 1rem 0; } img.small.right { float: right; margin: 0 0 1rem 2rem; } img.large { margin: 0 auto 1rem; max-width: 100%; } }

@media (min-width: 720px) { img.small { max-width: 30%; } img.medium { margin: 0 auto 1rem; max-width: 45%; } img.medium.left { float: left; margin: 0 2rem 1rem 0; } img.medium.right { float: right; margin: 0 0 1rem 2rem; } }

@media (min-width: 960px) { img.small { max-width: 30%; } img.medium { max-width: 55%; } img.large { padding-left: 4rem; padding-right: 4rem; } }

/* 1.9 LINKS
---------------------------------------------------------------------- */
a { text-decoration: underline; -webkit-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; }

a:hover { text-decoration: none; }

a.btn, a.navbar-brand, .navbar-nav > .nav-item > a.nav-link { text-decoration: none; }

a:active { outline: 0; }

a.a-white { color: #fff; }

/* 1.10 LISTS
---------------------------------------------------------------------- */
dl { margin-left: 2rem; }

/* 1.11 TABLES
---------------------------------------------------------------------- */
.thead-default th { color: #fff; background-color: #646464; }

/* 1.12 VIDEO
---------------------- */
@media (max-width: 959px) { #bgvid { display: none; } }

.video_wrapper { background-color: #000; overflow: hidden; position: relative; }

.video_wrapper video { -o-object-fit: cover; object-fit: cover; width: 100%; height: auto; max-width: 100%; max-height: 600px; display: block; z-index: -100; background: url("") no-repeat; background-size: cover; -webkit-transition: 1s opacity; -o-transition: 1s opacity; transition: 1s opacity; opacity: 0.5; }

@media (max-width: 1139px) { .video_wrapper video { min-height: 480px; } }

@media (max-width: 719px) { .video_wrapper video { min-height: 420px; } }

#video_content { width: 100%; position: absolute; top: 0px; padding-top: 32px; color: #fff; }

@media (max-width: 1139px) { #video_content { padding-top: 24px; } }

@media (max-width: 959px) { #video_content { background-position: 50% 50%; background-repeat: no-repeat; padding-top: 18px; position: static; } }

@media (max-width: 719px) { #video_content { padding-top: 0px; } }

@media (min-width: 960px) { #video_content { background-image: none !important; } }

@media (max-width: 1439px) { #video_content .video-content__header { padding: 60px 0px 0px; } }

@media (max-width: 1139px) { #video_content .video-content__header { padding: 32px 0px 0px; } }

@media (max-width: 959px) { #video_content .video-content__header { padding: 0px 0px 0px; } }

#video_content h1 { color: #fff; }

@media (max-width: 719px) { .video-content__logo { display: none; visibility: hidden; } }

@media (max-width: 959px) { .video-content__logo img { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); } }

.video-content .subtext { margin-bottom: 0.5rem; }

.embed-responsive > .video-js { height: 0; padding-bottom: 56.25%; width: 100%; }

.embed-responsive .playlist-arrow { background: black; border-radius: 5px 0 0 5px; color: #fff; cursor: pointer; display: block; font-size: 40px; height: 48px; right: 0; line-height: 1; margin-top: -24px; opacity: 0; position: absolute; text-align: center; top: -100px; -webkit-transition: opacity .25s 0s linear, background .25s 0s linear, right .25s 0s linear, top 0s .25s linear; -o-transition: opacity .25s 0s linear, background .25s 0s linear, right .25s 0s linear, top 0s .25s linear; transition: opacity .25s 0s linear, background .25s 0s linear, right .25s 0s linear, top 0s .25s linear; vertical-align: bottom; width: 30px; z-index: 1; }

.embed-responsive .playlist-arrow:before { content: '<'; display: inline-block; }

.embed-responsive .playlist-arrow:hover { background: #225d99; }

.vjs-playlist { position: absolute; top: 0; right: -29%; height: 100%; width: 29%; -webkit-transition: right .25s linear; -o-transition: right .25s linear; transition: right .25s linear; }

.vjs-playlist .vjs-selected, .vjs-playlist.vjs-mouse .vjs-selected { background-color: #225d99; }

@media (min-width: 720px) { .vjs-playlist { right: -220px; width: 220px; } .article__content .vjs-playlist, .col-wide .vjs-playlist, .main-col .vjs-playlist, .media-text-2-col__media.col-md-6 .vjs-playlist, .multi-col__col.col-md-6 .vjs-playlist { right: -29%; width: 29%; } }

@media (min-width: 1140px) { .article__content .vjs-playlist, .col-wide .vjs-playlist, .main-col .vjs-playlist { right: -220px; width: 220px; } }

.vjs-playlist .vjs-playlist-item-list { height: 100%; overflow: auto; }

.vjs-playlist.vjs-mouse { overflow: visible; }

.vjs-playlist.vjs-mouse .vjs-playlist-name { font-size: 13px; line-height: 16px; }

.vjs-playlist.vjs-mouse .vjs-up-next .vjs-up-next-text + .vjs-playlist-name { max-height: 1.5em; }

.vjs-playlist.vjs-mouse .vjs-playlist-title-container { padding: .4rem .4rem; }

.vjs-playlist.vjs-mouse time { font-size: .7em; padding: 0px 5px 0px; }

.vjs-playlist li.vjs-playlist-item:not(.vjs-selected) .vjs-playlist-thumbnail .vjs-playlist-now-playing-text, .vjs-playlist li.vjs-playlist-item:not(.vjs-selected) .vjs-playlist-thumbnail .vjs-playlist-title-container { z-index: 1; }

.vjs-playlist li.vjs-playlist-item:not(.vjs-selected) .vjs-playlist-thumbnail:after { background-color: rgba(0, 0, 0, 0.3); bottom: 0; content: ''; left: 0; position: absolute; right: 0; top: 0; z-index: 0; }

@media (min-width: 480px) { .vjs-playlist.vjs-mouse .vjs-selected .vjs-playlist-thumbnail .vjs-playlist-now-playing-text { display: block; margin: 0; padding: .5rem .5rem; } .vjs-playlist.vjs-mouse .vjs-playlist-title-container { padding: .5rem .5rem; text-shadow: none; } .vjs-playlist.vjs-mouse .vjs-playlist-name { font-size: 15px; line-height: 19px; } }

@media (min-width: 720px) and (max-width: 959px) { .media-text-2-col__media.col-md-6 .vjs-playlist.vjs-mouse .vjs-playlist-now-playing-text, .multi-col__col.col-md-6 .vjs-playlist.vjs-mouse .vjs-playlist-now-playing-text { display: none; } }

.embed-responsive .vjs-has-playlist + script + .vjs-playlist .playlist-arrow, .embed-responsive .vjs-has-playlist + .vjs-playlist .playlist-arrow { display: block; }

.embed-responsive .vjs-has-playlist + script + .vjs-playlist .playlist-arrow:hover, .embed-responsive .vjs-has-playlist + .vjs-playlist .playlist-arrow:hover { background-color: #ba222a; }

.embed-responsive.touched .playlist-arrow { opacity: 1; top: 50%; -webkit-transition: opacity .25s 0s linear, background .25s 0s linear, right .25s 0s linear, top 0s 0s linear; -o-transition: opacity .25s 0s linear, background .25s 0s linear, right .25s 0s linear, top 0s 0s linear; transition: opacity .25s 0s linear, background .25s 0s linear, right .25s 0s linear, top 0s 0s linear; }

.embed-responsive.playlist-open .vjs-playlist { right: 0; }

.embed-responsive.playlist-open .playlist-arrow { opacity: 1; right: 29%; top: 50%; }

.embed-responsive.playlist-open .playlist-arrow:before { content: '>'; }

@media (min-width: 1140px) { .embed-responsive.playlist-open .playlist-arrow { right: 220px; } .media-text-2-col__media.col-md-6 .embed-responsive.playlist-open .playlist-arrow, .multi-col__col.col-md-6 .embed-responsive.playlist-open .playlist-arrow { right: 29%; } }

.vjs-big-play-button { -webkit-transition: border-color .4s, outline .4s,background-color .4s, left .25s linear !important; -o-transition: border-color .4s, outline .4s,background-color .4s, left .25s linear !important; transition: border-color .4s, outline .4s,background-color .4s, left .25s linear !important; }

.touchevents .vjs-big-play-button { background-color: #ba222a; }

@media (max-width: 479px) { .playlist-open .vjs-big-play-button { left: 40%; } }

@media (min-width: 720px) and (max-width: 1139px) { .playlist-open .vjs-big-play-button { left: 40%; } }

/* 1.13 HORIZONTAL RULE
---------------------- */
hr { clear: both; margin-bottom: 1.5rem; margin-top: 1.5rem; }

/* 1.14 S&P CONTAINER
---------------------- */
.sp-container { margin-bottom: 1.5rem; }

/* 1.15 GLOBAL BANNER
---------------------- */
/* ALSO had to comment out .c-select:focus in custom-forms.php */
/* ********************************************** RESPONSIVE FONT MIXIN ************* */
/* ********************************************** END RESPONSIVE FONT MIXIN *********** */
.global-banner { background-color: #fdb528; color: #414042; padding-bottom: 0.25rem; padding-top: 0.25rem; text-align: center; }

.global-banner .slider.full { max-width: 1110px; margin-left: auto; margin-right: auto; padding-left: 2.5rem; padding-right: 2.5rem; }

.global-banner .slider.full .slide { padding-left: .25rem; padding-right: .25rem; }

.global-banner a { color: #414042; display: block; line-height: 22px; font-size: 16px; text-decoration: none; }

.global-banner a:hover { color: #000; }

@media (max-width: 719px) { .global-banner a { display: block; font-size: 12px; line-height: 16px; } }

.global-banner__view-details { display: inline-block; font-style: italic; margin-left: 0.5rem; text-decoration: underline; }

.global-banner .owl-wrapper { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; min-height: 27px; }

.global-banner .owl-controls { left: 0; max-width: 1110px; position: absolute; top: 50%; width: 100%; }

@media (min-width: 1140px) { .global-banner .owl-controls { left: 50%; margin-left: -555px; } }

.global-banner .owl-controls .owl-buttons { margin-top: -13px; position: relative; }

@media (min-width: 1440px) { .global-banner .owl-controls .owl-buttons { margin-top: -16px; } }

.global-banner .owl-controls .owl-buttons .owl-next, .global-banner .owl-controls .owl-buttons .owl-prev { margin-left: -.5rem; margin-right: -.5rem; padding-left: .5rem; padding-right: .5rem; }

.no-touchevents .global-banner .owl-controls .owl-buttons .owl-next, .no-touchevents .global-banner .owl-controls .owl-buttons .owl-prev { opacity: 0; -webkit-transition: opacity .2s linear; -o-transition: opacity .2s linear; transition: opacity .2s linear; }

.no-touchevents .global-banner .owl-controls .owl-buttons .owl-next:focus, .no-touchevents .global-banner .owl-controls .owl-buttons .owl-prev:focus { opacity: 1; outline: 1px dashed #fff; }

.global-banner .owl-controls .owl-buttons .owl-next:focus, .global-banner .owl-controls .owl-buttons .owl-prev:focus { outline: 1px dashed #fff; }

.global-banner .owl-controls .fa-2x { font-size: 1em; font-weight: 700; }

.no-touchevents .global-banner:hover .owl-controls .owl-buttons .owl-next, .no-touchevents .global-banner:hover .owl-controls .owl-buttons .owl-prev { opacity: 1; }

.skip-links.skip-links--focused .skip-links__link { clip: auto; display: block; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* 1.17 IMERSONATION BANNER
----------------------------- */
.impersonation-banner { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 0; -webkit-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.4); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; overflow: hidden; padding: 1rem; position: -webkit-sticky; position: sticky; top: 0; z-index: 10000; }

.impersonation-banner__message { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.impersonation-banner__message, .impersonation-banner__message strong { color: #000; }

.impersonation-banner i { color: #e8070d; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; vertical-align: middle; }

.impersonation-banner__btn { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; font-weight: bold; margin-left: 20px; }

@media (max-width: 719px) { .impersonation-banner { -webkit-box-pack: flext-start; -webkit-justify-content: flext-start; -ms-flex-pack: flext-start; justify-content: flext-start; line-height: 1.2; padding: .25rem .5rem; } .impersonation-banner i { font-size: 1.5rem; } }

/* 2.0 COMPONENTS
======================================================================*/
/* 2.1 CARDS
---------------------------------------------------------------------- */
.card--light { background: #eee; border-color: #eee; color: #646464; }

.card--dark { background: #646464; border-color: #646464; color: #eee; }

.card--dark h1, .card--dark h4 { color: #eee; }

.card--dark a { color: #9dcaf4; }

.card--dark a:hover { color: #6fb1ef; }

.card--dark a.btn.btn-secondary, .card--dark a.btn.btn-primary, .card--dark a.btn.btn-alt { color: #fff; }

.card--dark a.btn.btn-secondary:hover, .card--dark a.btn.btn-primary:hover, .card--dark a.btn.btn-alt:hover { color: #fff; }

.card--dark a.btn.btn-default { color: #747474; }

.card--dark a.btn.btn-default:hover { color: #747474; }

.card--darkest { background: #333; border-color: #333; border-color: #333; }

@media (max-width: 959px) { .card-columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } }

@media (max-width: 479px) { .card-columns { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } }

.card-img-top { border-radius: 2px 2px 0 0; }

.card-img-bottom { border-radius: 0 0 2px 2px; }

/* 2.2 EMBEDS
---------------------------------------------------------------------- */
.embed-responsive { margin-bottom: 1rem; }

.embed-responsive__inner { bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; }

/* 2.3 FIGURES
---------------------------------------------------------------------- */
figure, .figure { border-radius: 3px; color: #fff; display: block; margin: 0 auto 1rem; }

figure > img, .figure > img { margin-bottom: 0.5rem; }

figure .credit, .figure .credit { font-size: .8rem; text-align: right; text-transform: uppercase; }

figure cite, .figure cite { color: #fff; display: block; font-size: 0.8125rem; text-align: right; }

figure.small, .figure.small { max-width: 16rem; }

figure.medium, .figure.medium { max-width: 30rem; }

figure.large, .figure.large { clear: both; }

@media (min-width: 480px) { figure.small, .figure.small { float: left; margin: 0 2rem 1rem 0; max-width: 45%; } figure.small.right, .figure.small.right { float: right; margin: 0 0 1rem 2rem; } figure.large, .figure.large { width: auto; } }

@media (min-width: 720px) { figure.small, .figure.small { max-width: 30%; } figure.medium, .figure.medium { float: left; margin: 0 2rem 1rem 0; max-width: 45%; } figure.medium.right, .figure.medium.right { float: right; margin: 0 0 1rem 2rem; } }

@media (min-width: 960px) { figure.small, .figure.small { max-width: 30%; } figure.medium, .figure.medium { max-width: 55%; } figure.large, .figure.large { margin-left: 4rem; margin-right: 4rem; } }

figcaption, .figure-caption { color: #999; font-size: 0.875rem; }

/* 2.4 HEADER COMPONENT
---------------------------------------------------------------------- */
.header-min-height { min-height: 240px; min-height: 240px; }

@media (min-width: 720px) { .header-min-height { min-height: 360px; } }

.header-comp { background-repeat: no-repeat; background-position: center center; background-size: cover; margin-bottom: 2rem; }

.body-content .header-comp { margin-top: -1.5rem; }

.header-comp__btns { display: inline-block; }

.header-comp__btns .btn { margin: 0 0 0.5rem 0.5rem; }

.header-comp .img-wrap { margin: 1rem auto; }

.header-comp img { margin: 0 auto; }

.header-comp-sm { position: relative; }

.header-comp-sm h3.norman-window { position: absolute; bottom: 1rem; right: 0; margin-bottom: 0; line-height: 1; background-color: #fff; padding: 0.5rem 1rem 0.5rem 0.5rem; border-top-left-radius: 30px; border-bottom-left-radius: 30px; }

@media (min-width: 960px) { .header-comp-sm h3.norman-window { font-size: 2.5rem; padding: 0.5rem 1.5rem 0.5rem 0.25rem; border-top-left-radius: 35px; border-bottom-left-radius: 35px; } .header-comp-sm h3.norman-window .fa-stack { font-size: 1.75rem; margin-right: 0.25rem; } }

.header-comp-sm h3.norman-window .text { vertical-align: middle; }

/* 2.5 JUMBOTRON
---------------------------------------------------------------------- */
/* 2.6 MODALS
---------------------------------------------------------------------- */
/* iOS fix for modal links/triggers that are not buttons/anchors,
but instead are a non-clickable (initially) element
like a div or span */
*[data-toggle="modal"] { cursor: pointer; }

/* Bootstrap fix for modals containing objects - modals cannot be display:none onload when containing objects because the objuect won't render for iOS or legacy browsers */
.modal .container-fluid { padding-left: 0; padding-right: 0; }

.modal-header { padding-left: 15px; padding-right: 2.5rem; }

.modal-header h5 { font-weight: 600; }

.modal-header .close { position: absolute; right: 1rem; top: 1rem; }

[data-namespace='s7classic'].s7videoplayer { background: transparent; }

@media (min-width: 480px) { .modal.in { padding: 0 1rem !important; } }

.video-modal .embed-responsive { margin-bottom: 0; }

.ebook-modal img { margin: 0 auto 1rem; }

.ebook-modal__available .app-store-btns { display: block; width: 100%; }

.ebook-modal__available .app-store-btns a { display: inline-block; max-width: 48%; }

.ebook-modal__available .app-store-btns img { display: inline-block; margin: 10px 10px 0; }

.ebook-modal__available .app-store-btns a:first-child img { margin-left: 0; }

.ebook-modal__lwreader { margin-bottom: 1rem; margin-top: 1rem; }

.ebook-modal__mywsb { margin-top: 1rem; }

.ebook-modal__or { font-size: 1.25rem; font-weight: bold; text-align: center; vertical-align: middle; position: relative; }

.ebook-modal__or p { display: inline-block; margin-left: -10px; }

.ebook-modal__or p:before, .ebook-modal__or p:after { background-color: #648b5b; content: ''; display: inline-block; height: 2px; margin: 0 30px; vertical-align: middle; width: 20px; }

@media (min-width: 720px) { .ebook-modal__or div { bottom: 0; height: 100%; position: absolute; top: 0; width: 100%; } .ebook-modal__or div:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; width: 0; } .ebook-modal__or p:before, .ebook-modal__or p:after { display: block; margin: 0 auto; height: 30px; width: 2px; } }

/* HELP THUMB */
.help-thumb { bottom: 0; position: fixed; width: 100%; z-index: 1040; }

.help-thumb a { background: #555; border-top: 1px solid white; color: white; display: block; padding: 0 15px; text-decoration: none; -webkit-transition: background .2s linear; -o-transition: background .2s linear; transition: background .2s linear; }

.help-thumb a:hover { background: #3c3c3c; }

.help-thumb .fa { margin-left: 6px; }

.help-thumb { border: 1px solid #fff; border-radius: 100%; bottom: 1rem; right: 1rem; top: auto; width: auto; }

.help-thumb a { background: #fff; border: 2px solid #555; border-radius: 100%; -webkit-box-shadow: 0px 0px 2px 1px white; box-shadow: 0px 0px 2px 1px white; color: #555; display: block; font-size: 18px; height: 40px; padding-left: 0; padding-right: 0; text-indent: -9999px; width: 40px; -webkit-transition: background .2s linear 0s, border-color .2s linear 0s, color .2s linear 0s; -o-transition: background .2s linear 0s, border-color .2s linear 0s, color .2s linear 0s; transition: background .2s linear 0s, border-color .2s linear 0s, color .2s linear 0s; }

.help-thumb a:hover, .help-thumb a:focus { background: #eee; border-color: #414042; }

.help-thumb a:hover .fa, .help-thumb a:focus .fa { color: #414042; }

.help-thumb .fa { color: #555; font-weight: 400; left: 10009px; margin-left: 0; position: absolute; top: 10px; -webkit-transition: color .2s linear 0s; -o-transition: color .2s linear 0s; transition: color .2s linear 0s; }

/* HELP CENTER MODAL */
.helpcenter { z-index: 9002; }

.helpcenter .modal-body { padding-bottom: 0; padding-top: 0; }

.helpcenter__chat-row { background: #39bfc2; background: -webkit-gradient(linear, left top, left bottom, from(#39bfc2), to(#06adcf)); background: -o-linear-gradient(top, #39bfc2 0%, #06adcf 100%); background: linear-gradient(to bottom, #39bfc2 0%, #06adcf 100%); padding-bottom: 1rem; padding-top: 1rem; }

.helpcenter__chat-row > .col-xs-12:before, .helpcenter__chat-row > .col-xs-12:after { content: " "; display: table; }

.helpcenter__chat-row > .col-xs-12:after { clear: both; }

.helpcenter__chat-content { color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.helpcenter__chat-content__icon { -webkit-box-flex: 0; -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; padding-bottom: 0.5rem; padding-top: 0.5rem; }

.helpcenter__chat-content__text { -webkit-box-flex: 0; -webkit-flex: 0 0 70%; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; padding-left: 20px; }

.helpcenter__chat-btns { padding-bottom: 1rem; }

.helpcenter__chat-btns .row { margin-left: -0.25rem; margin-right: -0.25rem; }

.helpcenter__chat-btns .row > div { margin-top: 0.5rem; padding-left: 0.25rem; padding-right: 0.25rem; }

.helpcenter__chat-btns .btn { color: #3174a8; }

.helpcenter__chat-btns .btn:hover { color: #204b6d; }

.helpcenter__chat-btns .btn .slash { display: none; }

@media screen and (min-width: 720px) and (max-width: 820px) { .helpcenter__chat-btns .btn .and { display: none; } .helpcenter__chat-btns .btn .slash { display: inline; } }

.helpcenter__customer-service { clear: both; color: white; }

.helpcenter__customer-service *:last-child { margin-bottom: 0; }

.helpcenter__customer-service, .helpcenter__customer-service a, .helpcenter__customer-service a:hover { color: #fff; }

.helpcenter__other-row { padding-bottom: 1rem; padding-top: 1rem; }

.helpcenter__faq, .helpcenter__email { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.helpcenter__faq-icon, .helpcenter__email-icon { -webkit-box-flex: 0; -webkit-flex: 0 0 15%; -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15%; padding-top: 0.25rem; }

.helpcenter__faq-content, .helpcenter__email-content { -webkit-box-flex: 0; -webkit-flex: 0 0 85%; -ms-flex: 0 0 85%; flex: 0 0 85%; max-width: 85%; padding-left: 15px; }

.helpcenter__faq { margin-bottom: 1.5rem; }

@media screen and (min-width: 600px) { .helpcenter__faq, .helpcenter__email { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .helpcenter__faq-icon, .helpcenter__email-icon { padding-top: 0; } .helpcenter__faq { margin-bottom: 0; } .helpcenter__chat-btns .row > div { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } }

.helpcenter__email-content__link { word-break: break-all; }

@media screen and (max-width: 600px) { .helpcenter .btn { border-radius: 2px; font-size: 0.85rem; line-height: 1.5; padding: 0.25rem 0.75rem; } }

@media (min-width: 720px) { .helpcenter__chat-row { padding-bottom: 2rem; padding-top: 2rem; } .helpcenter__chat-btns { float: left; width: 60%; } .helpcenter__chat-content { float: left; padding-right: 30px; width: 40%; } .helpcenter__other-row { padding-bottom: 2rem; padding-top: 2rem; } .helpcenter__faq-icon, .helpcenter__email-icon { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .helpcenter__faq-content, .helpcenter__email-content { -webkit-box-flex: 0; -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; padding-left: 20px; } }

@media (min-width: 960px) { .helpcenter__chat-row, .helpcenter__other-row { padding-left: 1rem; padding-right: 1rem; } .helpcenter__chat-btns { width: 57%; } .helpcenter__chat-content { width: 43%; } .helpcenter__chat-content__icon { -webkit-box-flex: 0; -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; } .helpcenter__chat-content__text { -webkit-box-flex: 0; -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; padding-left: 30px; } .helpcenter__faq-icon, .helpcenter__email-icon { -webkit-box-flex: 0; -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; padding-top: 0.5rem; } .helpcenter__faq-content, .helpcenter__email-content { -webkit-box-flex: 0; -webkit-flex: 0 0 70%; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; padding-left: 30px; } }

.contain-comp .modal-component .multi-col, .contain-comp .modal-component .media-text-2-col { margin-left: 0; margin-right: 0; }

.modal-component .tile .product-tag b { display: none; }

.modal-component .modal-sm .owl-pagination { display: none; }

.quick-view__modal .modal-dialog { max-width: 1040px; }

.quick-view__modal .modal-header { border-bottom: none; min-height: 50px; }

.quick-view__modal .modal-header button.close { font-weight: 100; font-size: 3rem; top: 0; -webkit-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; }

.quick-view__modal .modal-body { padding-top: 0; }

.make-list .quick-view__modal .tile__price { float: none; width: auto; text-align: left; display: inline-block; }

.make-list .quick-view__modal .tile__availability { float: none; width: 100%; text-align: left; }

.quick-view__modal .tile__price { text-align: left; display: inline-block; margin-right: 0.5rem; font-size: 1.5rem; }

.quick-view__modal .tile__price--reg { font-size: 0.85rem; }

.quick-view__modal .qv-product-image { border: 1px solid #ccc; margin-bottom: 1rem; }

.quick-view__modal .qv--product-info { padding-right: 2rem; color: #646464; line-height: 1.2rem; }

.quick-view__modal .qv-product-description { border-top: 1px solid #eee; clear: both; margin-bottom: 1.5rem; margin-top: 1.5rem; max-height: 220px; overflow-y: scroll; padding-top: 1rem; position: relative; }

.quick-view__modal .qv-product-description::after { background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); bottom: 0; content: ''; display: block; height: 60px; left: 0; position: absolute; -webkit-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; width: 100%; z-index: 10; opacity: 0; }

.quick-view__modal .qv-product-description.active::after { opacity: 1; }

.quick-view__modal .qv-btn-container .btn { width: 49%; }

.quick-view__modal .modal-footer { padding-bottom: 0; }

/* 2.7 POPOVERS
---------------------------------------------------------------------- */
[data-toggle="popover"] { display: inline-block; }

/* 2.8 SIDEBAR-TOGGLE
---------------------------------------------------------------------- */
html.sidebar-on { overflow: hidden; }

.sidebar-toggle__close { color: #eee; cursor: pointer; display: none; float: right; font-size: 1rem; font-weight: bold; padding-right: 25px; position: relative; top: -0.5rem; z-index: 1002; }

.sidebar-toggle__close:after { background: #eee; border-radius: 100%; content: ''; display: block; height: 20px; position: absolute; top: 4px; right: 0; width: 20px; z-index: 1003; }

.sidebar-toggle__close:before { content: '\00d7'; color: #747474; display: block; font-size: 19px; font-weight: bold; height: 20px; line-height: 20px; position: absolute; right: 0; text-align: center; top: 2px; width: 20px; z-index: 1004; }

.sidebar-toggle__close:hover { color: #fff; }

.sidebar-toggle__close:hover:after { background: #fff; }

.sidebar-toggle .sticky-panel { display: none; }

@media (max-width: 719px) { .sidebar-toggle { background-color: rgba(30, 30, 30, 0.85); height: 100%; left: -9999px; opacity: 0; padding: 0 1rem 1rem; position: fixed; top: 0; width: 100%; -webkit-transition: opacity .3s ease-in-out, left 0s .35s linear; -o-transition: opacity .3s ease-in-out, left 0s .35s linear; transition: opacity .3s ease-in-out, left 0s .35s linear; z-index: 1030; } .sidebar-toggle.on { left: 0; opacity: 1; -webkit-transition: opacity .3s ease-in-out, left 0s 0s linear; -o-transition: opacity .3s ease-in-out, left 0s 0s linear; transition: opacity .3s ease-in-out, left 0s 0s linear; } .sidebar-toggle .sticky-panel { display: block; padding: 1rem 0; } .sidebar-toggle__close { color: #fff; display: block; } .sidebar-toggle__close:after { background: #fff; } .sidebar-toggle__close:before { color: #747474; } .sidebar-toggle__close:hover { color: #ddd; } .sidebar-toggle__close:hover:after { background: #ddd; } .sidebar-toggle .card { margin-bottom: 0; } .sidebar-toggle .card.card-block { background: transparent; } .sidebar-toggle .card a { font-size: 0.85rem; } .sidebar-toggle__inner { background: #fff; max-height: 90%; width: 100%; overflow-x: hidden; } .sidebar-toggle .sticky-panel { display: block; padding: 1rem 0; } .sidebar-toggle .sticky-panel:before, .sidebar-toggle .sticky-panel:after { content: " "; display: table; } .sidebar-toggle .sticky-panel:after { clear: both; } .sidebar-toggle .sticky-panel__btns-group { float: left; } }

.sidebar-toggle .results-filters { margin-bottom: 1rem; }

.sidebar-toggle .results-filters form { margin-bottom: 0.5rem; }

.sidebar-toggle .results-filters form > div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.sidebar-toggle .results-filters label { font-weight: 700; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; margin-right: 1rem; width: 60px; }

.sidebar-toggle .results-filters select { -webkit-box-flex: 5; -webkit-flex-grow: 5; -ms-flex-positive: 5; flex-grow: 5; }

.sidebar-togglers-wrap:before, .sidebar-togglers-wrap:after { content: " "; display: table; }

.sidebar-togglers-wrap:after { clear: both; }

/* 2.9 SLIDER
---------------------------------------------------------------------- */
/* SLIDER STYLES */
.slider > .slide { display: none; }

.slider { padding: 0 2rem; }

.slider.full, .slider.full .slide { padding: 0; }

.slider.owl-theme .owl-controls, .slider .owl-theme .owl-controls { margin-top: 0; }

.slider.owl-theme .owl-controls .owl-page span, .slider .owl-theme .owl-controls .owl-page span { margin-bottom: 1rem; margin-top: 1rem; }

.slider.owl-theme .owl-controls .owl-buttons .owl-prev, .slider .owl-theme .owl-controls .owl-buttons .owl-prev { left: 0; }

.full.slider.owl-theme .owl-controls .owl-buttons .owl-prev, .slider .owl-theme .owl-controls .owl-buttons .owl-prev { left: 1rem; }

.slider.owl-theme .owl-controls .owl-buttons .owl-next, .slider .owl-theme .owl-controls .owl-buttons .owl-next { right: 0; }

.full.slider.owl-theme .owl-controls .owl-buttons .owl-next, .slider .owl-theme .owl-controls .owl-buttons .owl-next { right: 1rem; }

.slide { padding: 1rem; width: 100%; }

.collapsed .slide { padding: 0; }

.slide .atc-btn-wrap { padding: 1rem 0 0; text-align: center; width: 100%; }

.slide .tile__digital-callout { margin-top: 0; }

.slide .tile__price + .tile__digital-callout { margin-top: 1rem; }

.gallery { margin-bottom: 1.5rem; padding: 0; }

.gallery .main { background-color: #fafafa; }

.gallery .main .tile-image img { vertical-align: middle; }

.gallery .nav .owl-item { border: 5px solid transparent; -webkit-transition: border .2s linear; -o-transition: border .2s linear; transition: border .2s linear; }

.gallery .nav .owl-item.synced { border: 5px solid #db9900; }

.slider-wrap { padding-top: 1.5rem; }

.col-wide .slider-wrap:first-child { padding-top: 0; }

.slider-wrap .owl-wrapper-outer { padding-bottom: 1.5rem; }

.slider-wrap.color-inverse .tile__price { color: #fff; }

.slider-wrap.color-inverse .tile__price--reg { color: #bbb; }

@media (min-width: 480px) { .slider-wrap { padding-bottom: 0.5rem; } .slider-wrap .owl-wrapper-outer { padding-bottom: 0; } }

.btn-bottom .owl-wrapper, .btn-bottom .owl-item { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; }

.btn-bottom .slide { padding-bottom: 4.25rem; }

.btn-bottom .atc-btn-wrap { bottom: 1rem; left: 0; padding: 1rem 15px 0; position: absolute; }

@media (max-width: 479px) { .slider:not(.full):not(.gallery) { padding-left: 0; padding-right: 0; width: auto; } .container-fluid .slider:not(.full):not(.gallery) { margin-left: -15px; margin-right: -15px; } .slider:not(.full):not(.gallery) h3 { padding-left: 15px; padding-right: 15px; } .slider:not(.full):not(.gallery) .owl-controls { display: none !important; } .slider:not(.full):not(.gallery) .owl-wrapper-outer { overflow: scroll; overflow-y: hidden; width: 100%; -webkit-overflow-scrolling: touch; } .slider:not(.full):not(.gallery) .owl-wrapper { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; left: 0 !important; -webkit-transform: translate3d(0px, 0px, 0px) !important; transform: translate3d(0px, 0px, 0px) !important; white-space: nowrap; width: auto !important; } .slider:not(.full):not(.gallery).owl-carousel .owl-item { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-flex: 0 !important; -webkit-flex: 0 0 43% !important; -ms-flex: 0 0 43% !important; flex: 0 0 43% !important; float: none; white-space: normal; } }

@media screen and (max-width: 390px) { .slider:not(.full):not(.gallery).owl-carousel .owl-item { -webkit-box-flex: 0 !important; -webkit-flex: 0 0 67% !important; -ms-flex: 0 0 67% !important; flex: 0 0 67% !important; } }

.full-width-slider { color: #333; }

.body-content > .contentPar.parsys:first-child > .full-width-slider:first-child { margin-top: -1.5rem; }

.body-content > .contentPar.parsys:first-child > .full-width-slider:first-child .slider-wrap { padding-top: 0; padding-bottom: 0; }

.body-content > .contentPar.parsys:first-child > .full-width-slider:first-child .overlay-link { top: 0; }

.full-width-slider .owl-theme .owl-controls { margin-top: 0; }

.full-width-slider .slider__slide { background-position: center center; background-repeat: no-repeat; background-size: cover; }

.full-width-slider .slider__slide img { width: 100%; }

.full-width-slider .slider__slide.middle-align > .row.inner-max { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.full-width-slider > .row.inner-max:first-child { background-color: red; height: 0; }

.full-width-slider .overlay-link { margin: 0 auto; max-width: 71.25rem; padding: 0; position: relative; top: 1.5rem; z-index: 3; }

.full-width-slider .overlay-link a { background: #aaa; background: rgba(0, 0, 0, 0.25); border-radius: 3px; color: #fff; position: absolute; right: 12px; text-decoration: none; top: 10px; z-index: 2; }

#merch-content .full-width-slider .overlay-link a, .full-width-slider .overlay-link a { padding: 5px 5px 5px 8px; }

.full-width-slider .overlay-link a, .full-width-slider .overlay-link a span { -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

.full-width-slider .overlay-link a span { background: #eee; border-radius: 3px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); color: #6B8299; display: inline-block; margin-left: 5px; padding: 5px; text-shadow: none; }

.full-width-slider .overlay-link a:hover { background: #888; background: rgba(0, 0, 0, 0.4); }

.full-width-slider .overlay-link a:hover span { background: #6B8299; color: #eee; }

/* 2.10 TILES
---------------------------------------------------------------------- */
.tiled { margin-bottom: 1.5rem; }

.tile { text-align: center; position: relative; }

.tile--article { text-align: left; }

.tile__title { border: 1px solid transparent; line-height: 1.25rem; margin-top: 1rem; }

.tile__link:focus .tile__title { border: 1px dashed rgba(15, 105, 194, 0.65); }

.tile.tile__title { margin-top: 0; }

.tile__desc { font-size: 0.8125rem; line-height: 1.25em; }

.tile__dates { font-size: 0.8125rem; line-height: 1em; text-align: center; }

.tile__price { color: #A6403E; font-size: 1.25rem; line-height: 1em; margin: 0; text-align: center; }

.tile__price--starting { display: block; font-size: 0.75rem; }

.tile__price--reg { color: #747474; font-size: 0.8125rem; margin-top: 0.25rem; text-decoration: line-through; }

.tile__availability { color: #333; font-size: 0.8125rem; margin-top: 0.25rem; }

.tile .btn { margin-top: 1rem; }

.tile > p:last-child { margin-bottom: 0; }

@media (min-width: 720px) { .tile__details-wrap { position: relative; } .make-list .tile .tile__quick-view { width: 27%; float: left; bottom: 0; padding: 0; } .tile__quick-view { position: absolute; padding: 0 0 100%; width: 100%; left: 0; } .tile__quick-view a:focus .quick-view { border-color: #51a7e8; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px #51a7e8; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px #51a7e8; } .no-touchevents .tile__quick-view a:focus .quick-view { padding-left: 5.75rem; -webkit-transition: padding 0.2s ease-out 0s; -o-transition: padding 0.2s ease-out 0s; transition: padding 0.2s ease-out 0s; } .no-touchevents .tile__quick-view a:focus .quick-view .quick-view__text { left: 0.5rem; opacity: 1; -webkit-transition: left 0.2s ease-in 0s, opacity 0.2s ease-in 0.1s; -o-transition: left 0.2s ease-in 0s, opacity 0.2s ease-in 0.1s; transition: left 0.2s ease-in 0s, opacity 0.2s ease-in 0.1s; } .no-touchevents .tile__quick-view a:focus .quick-view { outline: 1px dashed #0f69c2; } .tile__quick-view .quick-view { background-color: rgba(255, 255, 255, 0.85); border: 2px solid #ddd; border-radius: 3px; bottom: 0; color: #999; display: inline-block; font-size: 16px; padding-right: 0.5rem; padding-left: 0.5rem; position: absolute; right: 0; -webkit-transition: padding 0.2s ease-out 0s; -o-transition: padding 0.2s ease-out 0s; transition: padding 0.2s ease-out 0s; z-index: 1; } .no-touchevents .tile__quick-view .quick-view:focus { outline: 1px dashed rgba(15, 105, 194, 0.65); } .no-touchevents .tile__quick-view .quick-view:focus, .no-touchevents .tile__quick-view .quick-view:hover { -webkit-transition: padding 0.2s ease-out 0s; -o-transition: padding 0.2s ease-out 0s; transition: padding 0.2s ease-out 0s; padding-left: 5.75rem; transition: padding 0.2s ease-out 0s; } .no-touchevents .tile__quick-view .quick-view:focus .quick-view__text, .no-touchevents .tile__quick-view .quick-view:hover .quick-view__text { left: 0.5rem; opacity: 1; -webkit-transition: left 0.2s ease-in 0s, opacity 0.2s ease-in 0.1s; -o-transition: left 0.2s ease-in 0s, opacity 0.2s ease-in 0.1s; transition: left 0.2s ease-in 0s, opacity 0.2s ease-in 0.1s; } .tile__quick-view .fa-search-plus { color: #aaa; margin-left: 0.5rem; } .no-touchevents .tile__quick-view .quick-view__text { position: absolute; white-space: nowrap; left: -99999px; opacity: 0; -webkit-transition: left 0.2s ease-out 0s, opacity 0.05s ease-out 0s; -o-transition: left 0.2s ease-out 0s, opacity 0.05s ease-out 0s; transition: left 0.2s ease-out 0s, opacity 0.05s ease-out 0s; } .no-touchevents .tile__quick-view .fa-search-plus { margin-left: 0; } }

@media (max-width: 959px) { .make-list .tile .tile__quick-view .quick-view .quick-view__text { display: none; } .make-list .tile .tile__quick-view .quick-view:hover { padding-left: 0.5rem; } .make-list .tile .tile__quick-view .quick-view:hover .quick-view__text { left: -99999px; opacity: 0; } .make-list .tile .tile__quick-view { top: 16px; bottom: auto; } .make-list .tile .fa-search-plus { margin-left: 0; } }

/* TILE IMAGE
---------------------------------------------------------------------- */
.tile-image { height: 0; padding: 0 0 100%; position: relative; width: 100%; }

a.tile-image { display: block; }

.tile-image--3x4 { padding: 0 0 133.3333%; }

.tile-image--9x16 { padding: 0 0 56.25%; }

.tile-image--2x3 { padding: 0 0 66.666%; }

.tile-image > div { position: absolute; height: 100%; width: 100%; font-size: 0px; text-align: center; }

.tile-image > div:before { content: ''; display: inline-block; height: 100%; width: 0; vertical-align: middle; }

.tile-image img { max-height: 100%; max-width: 100%; display: inline-block; vertical-align: bottom; }

.article__content .tile-image img, .tile-image img { margin-bottom: 0; }

.tile-image--cover { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; overflow: hidden; }

.tile-image--cover > div { white-space: nowrap; }

.tile-image--cover > div:before { display: none; }

.tile-image--cover img { display: none; max-height: 200%; max-width: 200%; min-height: 100%; min-width: 100%; }

.no-backgroundsize .tile-image--cover img { display: block; }

/* 2.11 CONTAINMENT COMPONENT
---------------------------------------------------------------------- */
.containment-comp { padding: 2rem 0; }

/* 2.12 ARTICLE COLUMN COMPONENT
---------------------------------------------------------------------- */
.article-col-comp { background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 2rem 0; }

.article-col-comp.background-fixed { background-attachment: fixed; }

.article-col-comp__article { padding-bottom: 1rem; padding-top: 1rem; }

.article-col-comp__img-wrap { margin-bottom: 1rem; }

.article-col-comp__byline { margin-bottom: 0.5rem; }

.article-col-comp__excerpt *:last-child { margin-bottom: 0; }

.article-col-comp__more { margin-bottom: 0; }

.article-col-comp.target-pop { display: none; }

.article-col-comp.target-pop.populated { display: block; }

.col-wide .article-col-comp.card--dark, .col-wide .article-col-comp[style*='background-image: url'], .col-wide .article-col-comp[style*='background-color: #']:not([style*='background-color: #ffffff']), .contain-comp .article-col-comp.card--dark, .contain-comp .article-col-comp[style*='background-image: url'], .contain-comp .article-col-comp[style*='background-color: #']:not([style*='background-color: #ffffff']) { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; }

@media (min-width: 720px) { .col-wide .article-col-comp.card--dark, .col-wide .article-col-comp[style*='background-image: url'], .col-wide .article-col-comp[style*='background-color: #']:not([style*='background-color: #ffffff']), .contain-comp .article-col-comp.card--dark, .contain-comp .article-col-comp[style*='background-image: url'], .contain-comp .article-col-comp[style*='background-color: #']:not([style*='background-color: #ffffff']) { margin-left: 0; margin-right: 0; padding-left: 1rem; padding-right: 1rem; } }

@media (min-width: 960px) { .col-wide .article-col-comp.card--dark, .col-wide .article-col-comp[style*='background-image: url'], .col-wide .article-col-comp[style*='background-color: #']:not([style*='background-color: #ffffff']), .contain-comp .article-col-comp.card--dark, .contain-comp .article-col-comp[style*='background-image: url'], .contain-comp .article-col-comp[style*='background-color: #']:not([style*='background-color: #ffffff']) { padding-left: 1.5rem; padding-right: 1.5rem; } }

@media (min-width: 1140px) { .col-wide .article-col-comp.card--dark, .col-wide .article-col-comp[style*='background-image: url'], .col-wide .article-col-comp[style*='background-color: #']:not([style*='background-color: #ffffff']), .contain-comp .article-col-comp.card--dark, .contain-comp .article-col-comp[style*='background-image: url'], .contain-comp .article-col-comp[style*='background-color: #']:not([style*='background-color: #ffffff']) { padding-left: 2rem; padding-right: 2rem; } }

.detail-full .article-col-comp { margin-left: 0; margin-right: 0; padding-left: 15px; padding-right: 15px; width: 100%; }

@media (min-width: 1140px) { .detail-full .article-col-comp.card--dark, .detail-full .article-col-comp[style*='background-image: url'], .detail-full .article-col-comp[style*='background-color: #']:not([style*='background-color: #ffffff']) { margin-left: 15px; margin-right: 15px; padding-left: 2rem; padding-right: 2rem; width: auto; } }

/* 2.12 LIFEWAY TEXT GENERAL COMPONENT
---------------------------------------------------------------------- */
@media (min-width: 960px) { .text.parbase > .text__lg-padding-sides { padding-left: 8.333%; padding-right: 8.333%; } .text.parbase > .text__lg-padding-right { padding-right: 16.67%; } }

/* 2.13 CATEGORY GRID COMPONENT
---------------------------------------------------------------------- */
/* 2.14 BUNDLE COMPONENT
---------------------------------------------------------------------- */
.bundle__btn { text-align: right; }

@media (max-width: 479px) { .bundle__btn .btn { padding: 0.25rem 0.75rem; font-size: 0.85rem; line-height: 1.5; } }

@media only screen and (min-width: 770px) { .bundle__btn .btn { display: block; width: 100%; } }

.bundle__price { color: #A6403E; }

@media (min-width: 720px) { .bundle__price { text-align: right; } }

.bundle__saved { line-height: 0.75; color: #4D724B; }

@media (min-width: 720px) { .bundle__saved { text-align: right; } }

/* 2.15 PAGE SUBNAV */
.header-comp + .page-subnav, .video-wrapper + .page-subnav { margin-top: -2rem; }

/* 2.16 3RD PARTY GLOBAL SIGNUP BUTTON */
@media (max-width: 479px) { #attentive_creative[style*="bottom: 16px"] { -webkit-transform: translateY(-1rem); -ms-transform: translateY(-1rem); transform: translateY(-1rem); } }

/* 3.0 PAGES SECTIONS
======================================================================*/
/* 3.1 BRANDING/MASTHEAD
---------------------------------------------------------------------- */
#header { margin-bottom: 30px; }

@media (min-width: 720px) { body::after { content: ''; background: rgba(0, 0, 0, 0.15); bottom: 0; left: 0; opacity: 0; position: fixed; right: 100%; top: 0; -webkit-transition: opacity .15s 0s linear, right 0s .17s linear; -o-transition: opacity .15s 0s linear, right 0s .17s linear; transition: opacity .15s 0s linear, right 0s .17s linear; } body.nav-fade:after { opacity: 1; right: 0; z-index: 1024; -webkit-transition: opacity .1s .1s linear, right 0s .1s linear; -o-transition: opacity .1s .1s linear, right 0s .1s linear; transition: opacity .1s .1s linear, right 0s .1s linear; } .nav-cover { background: rgba(0, 0, 0, 0.08); bottom: 0; display: none; height: 100vh; position: fixed; right: 0; width: 100vw; z-index: 1050; } }

.global-search { font-weight: 400; font-family: arial, sans-serif; clear: both; margin-bottom: 0; padding-top: 0.5rem; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; z-index: 1025; }

.global-search-wrap { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; }

.global-search__btn { color: #3D6995; background-color: transparent; border-color: #ccc; border-left: none; padding-right: 1rem; border-bottom-right-radius: 25px; border-top-right-radius: 25px; }

.global-search__btn:hover { color: #27435f; background-color: transparent; border-color: #ccc; }

.global-search__btn:focus, .global-search__btn:active, .global-search__btn:active:focus { color: #27435f; background-color: transparent; border-color: #51a7e8; -webkit-box-shadow: rgba(81, 167, 232, 0.5); box-shadow: rgba(81, 167, 232, 0.5); }

.global-search__btn i { font-size: 1.25rem; }

@media (max-width: 479px) { .global-search .input-group { height: 30px; font-size: 12px; } .global-search .input-group .global-search__btn { font-size: 12px; padding-top: 0.25rem; padding-bottom: 0.25rem; } }

.global-search .input-group { position: relative; }

.global-search .input-group input { background-color: transparent; border-top-left-radius: 25px; border-bottom-left-radius: 25px; border-right: none; padding-left: 1.25rem; padding-right: 1.25rem; color: #414042; }

.global-search .type-ahead { background: #fff; border: 1px solid #ccc; border-radius: 0 0 3px 3px; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); color: #414042; display: none; top: 100%; top: calc(100% - 2px); left: 0; position: absolute; width: 100%; z-index: 1025; }

.global-search .type-ahead.show { display: block; }

.global-search .type-ahead__list { margin-bottom: 0; }

.global-search .type-ahead__list-tiem { position: relative; font-weight: normal; padding-right: 1rem; }

.global-search .type-ahead__list-tiem:hover, .global-search .type-ahead__list-tiem.highlight { background: #ddd; font-weight: bold; }

.global-search .type-ahead__list-tiem:hover .type-ahead__list-link:before, .global-search .type-ahead__list-tiem.highlight .type-ahead__list-link:before { background: -webkit-gradient(linear, left top, right top, from(rgba(221, 221, 221, 0)), to(#dddddd)); background: -o-linear-gradient(left, rgba(221, 221, 221, 0) 0%, #dddddd 100%); background: linear-gradient(to right, rgba(221, 221, 221, 0) 0%, #dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dddddd', endColorstr='#dddddd',GradientType=1 ); /* IE6-9 */ }

.global-search .type-ahead__list-tiem.category a { margin-left: 2rem; font-style: italic; }

.global-search .type-ahead__list-link { color: #646464; display: block; font-size: 0.875rem; font-weight: normal; overflow: hidden; padding: 0.5rem 1rem 0.5rem 1rem; position: relative; text-decoration: none; white-space: nowrap; }

.global-search .type-ahead__list-link span { font-weight: 900; color: #3c3c3b; }

.global-search .type-ahead__list-link:before { background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white)); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ content: '|'; text-indent: -9999px; display: block; right: 0; position: absolute; width: 1.5rem; z-index: 1000; }

.global-search .type-ahead__list-link:hover:before { background: -webkit-gradient(linear, left top, right top, from(rgba(247, 247, 249, 0)), to(#f7f7f9)); background: -o-linear-gradient(left, rgba(247, 247, 249, 0) 0%, #f7f7f9 100%); background: linear-gradient(to right, rgba(247, 247, 249, 0) 0%, #f7f7f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f7f7f4', endColorstr='#f7f7f4',GradientType=1 ); /* IE6-9 */ }

@media (min-width: 720px) { .global-search .type-ahead { left: 0; width: 100%; } .global-search .type-ahead__list-tiem { font-size: 1rem; } }

.global-search .form-group { margin-bottom: 0; }

.global-search .global-search__select { border-left: none; -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 15rem; }

@media (min-width: 720px) { .global-search { clear: none; padding-top: 0; } .global-search .btn-group > .global-search__btn.btn { padding-left: 1.5rem; padding-right: 1rem; } }

.account-drop__mobile, .appsmenu-global__mobile { clear: both; padding-top: 0.5rem; }

.account-drop__mobile ul, .appsmenu-global__mobile ul { background-color: #fff; border-radius: 3px; margin-bottom: 0; padding: 0rem 1rem; text-align: right; }

.account-drop__mobile li, .appsmenu-global__mobile li { border-top: 1px solid #eee; margin: 0; padding: 0.5rem; }

.account-drop__mobile li:first-of-type, .appsmenu-global__mobile li:first-of-type { border-top: none; }

.account-drop__mobile li a, .appsmenu-global__mobile li a { -webkit-text-decoration-line: none; text-decoration-line: none; }

.account-drop__mobile .welcome-title, .appsmenu-global__mobile .welcome-title { border-bottom: 1px solid #bbb; font-style: italic; color: #747474; white-space: nowrap; }

.head-nav { border-radius: 0; padding: 0.5rem 0; background: #fff; }

.head-nav__logo { margin-bottom: 0.5rem; margin-top: 0; padding: 1px 0 0; width: 126px; }

.head-nav__logo img { display: block; width: 100%; }

.head-nav__right-links { float: right; font-size: 0.875rem; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-top: 0.35rem; position: relative; z-index: 1026; }

.head-nav__account { padding-bottom: 3px; position: relative; z-index: 1051; }

.head-nav__account .nav-link { border: none; color: #878787; height: 28px; padding: 0; position: relative; }

.head-nav__account .nav-link.hover { color: #414042; }

.head-nav__account .nav-link.hover .logged-in-circle { border: 2px solid #414042; color: #414042; margin: 0; }

.head-nav__account .nav-link.hover + .account-drop { opacity: 1; -webkit-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear; top: 30px; }

.head-nav__account .nav-link:focus { outline: 1px dashed rgba(9, 110, 194, 0.65); }

.head-nav__account .logged-in-circle { border: 2px solid #878787; border-radius: 50%; height: 30px; text-align: center; color: #878787; display: block; line-height: 1.59; padding-top: 2px; position: relative; text-transform: uppercase; top: -1px; width: 30px; }

.head-nav__account .welcome-title { border-bottom: 1px solid #bbb; color: #747474; font-style: italic; padding-bottom: 0.25rem; white-space: nowrap; }

.head-nav__account i { font-size: 1.85rem; }

.head-nav__account .fa-user { position: relative; top: 1px; }

@media (max-width: 719px) { .head-nav__account.active .nav-link:after { background-position: left -56px; } }

.head-nav__cart { height: 28px; position: relative; text-indent: -9999px; top: 0; width: 30px; z-index: 1051; }

.head-nav__cart .label-pill { padding-bottom: 3px; position: absolute; right: -5px; text-indent: 0; top: -3px; }

.head-nav__cart .nav-link { height: 29px; padding-bottom: 0; position: relative; }

.head-nav__cart .nav-link i { color: #878787; font-size: 29px; font-weight: 300; position: absolute; right: 0; text-indent: 0; top: 0; -webkit-transition: color 0.25s; -o-transition: color 0.25s; transition: color 0.25s; }

.head-nav__cart .nav-link.hover { background-position-y: 0; }

.head-nav__cart .nav-link.hover + .cart-drop { top: 30px; -webkit-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear; }

.head-nav__cart .nav-link.hover i { color: #414042; }

.head-nav__menu { cursor: pointer; position: relative; width: 29px; z-index: 1051; }

.head-nav__menu .appsmenu-global { min-width: 250px; padding-right: 0.5rem !important; padding-left: 0.5rem !important; }

.head-nav__menu .appsmenu-global ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.head-nav__menu .appsmenu-global ul a { display: block; }

.head-nav__menu .nav-link { background: url("main/img/lw-global-menu.svg") no-repeat; background-size: cover; padding-top: 0; padding-bottom: 0; height: 29px; -webkit-transition: -webkit-filter 0.25s; transition: -webkit-filter 0.25s; -o-transition: filter 0.25s; transition: filter 0.25s; transition: filter 0.25s, -webkit-filter 0.25s; }

.head-nav__menu .nav-link.hover { -webkit-filter: brightness(30%); filter: brightness(30%); }

.head-nav__menu .nav-link.hover + .appsmenu-global { top: 30px; }

.head-nav__menu li { -webkit-flex-basis: 33.33%; -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; text-align: center; }

.head-nav__menu img { display: block; margin-left: auto; margin-right: auto; }

.head-nav .appsmenu-global__mobile ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; padding-top: 0.5rem; padding-bottom: 0.5rem; text-align: center; }

.head-nav .appsmenu-global__mobile ul li { border: none; -webkit-flex-basis: 33.33%; -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; }

.head-nav .appsmenu-global__mobile ul span { display: block; }

.head-nav .appsmenu-global__mobile ul .appsmenu-global__mobile-close-item { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; }

@media (min-width: 720px) { .head-nav .appsmenu-global__mobile ul .appsmenu-global__mobile-close-item { display: none; } }

.head-nav .appsmenu-global__mobile-close { padding: 0.5rem; }

@media (min-width: 720px) { .head-nav { padding-bottom: 43px; z-index: 1051; } .head-nav__logo { margin: 0 1.5rem 0 0; } .head-nav__right-links { padding-left: 1.5rem; } .head-nav__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 0.5rem; padding-bottom: 0.5rem; } }

@media (min-width: 960px) { .head-nav { padding-bottom: 50px; } }

.head-nav .primary-nav-toggler { cursor: pointer; height: 29px; padding: 0; width: 28px; }

.head-nav .primary-nav-toggler:focus { outline: 1px dashed rgba(9, 110, 194, 0.65); }

.head-nav .primary-nav-toggler .menu-button { display: block; height: 28px; line-height: 0; max-width: 100%; position: relative; padding-top: 3px; top: 0; width: 28px; }

.head-nav .primary-nav-toggler .menu-button .middle, .head-nav .primary-nav-toggler .menu-button:after, .head-nav .primary-nav-toggler .menu-button:before { background: #878787; border-radius: 5px; content: ''; display: block; height: 2px; margin: 0 auto; max-width: 100%; position: relative; top: 0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: top 0.15s linear 0.25s, -webkit-transform 0.25s ease 0s; transition: top 0.15s linear 0.25s, -webkit-transform 0.25s ease 0s; -o-transition: top 0.15s linear 0.25s, transform 0.25s ease 0s; transition: top 0.15s linear 0.25s, transform 0.25s ease 0s; transition: top 0.15s linear 0.25s, transform 0.25s ease 0s, -webkit-transform 0.25s ease 0s; width: 28px; }

.head-nav .primary-nav-toggler .menu-button:hover .middle, .head-nav .primary-nav-toggler .menu-button:hover:after, .head-nav .primary-nav-toggler .menu-button:hover:before { background: #414042; }

.head-nav .primary-nav-toggler .menu-button .middle { -webkit-transition: width 0.15s ease 0.15s; -o-transition: width 0.15s ease 0.15s; transition: width 0.15s ease 0.15s; }

.head-nav .primary-nav-toggler .menu-button:before, .head-nav .primary-nav-toggler .menu-button .middle { margin-bottom: 7px; }

.head-nav .primary-nav-toggler[aria-expanded="true"] .menu-button .middle { width: 0; -webkit-transition: width 0s ease 0.15s; -o-transition: width 0s ease 0.15s; transition: width 0s ease 0.15s; }

.head-nav .primary-nav-toggler[aria-expanded="true"] .menu-button:before { top: 8px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transition: top 0.25s ease, -webkit-transform 0.25s ease 0.15s; transition: top 0.25s ease, -webkit-transform 0.25s ease 0.15s; -o-transition: top 0.25s ease, transform 0.25s ease 0.15s; transition: top 0.25s ease, transform 0.25s ease 0.15s; transition: top 0.25s ease, transform 0.25s ease 0.15s, -webkit-transform 0.25s ease 0.15s; }

.head-nav .primary-nav-toggler[aria-expanded="true"] .menu-button:after { top: -10px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: top 0.25s ease, -webkit-transform 0.25s ease 0.15s; transition: top 0.25s ease, -webkit-transform 0.25s ease 0.15s; -o-transition: top 0.25s ease, transform 0.25s ease 0.15s; transition: top 0.25s ease, transform 0.25s ease 0.15s; transition: top 0.25s ease, transform 0.25s ease 0.15s, -webkit-transform 0.25s ease 0.15s; }

.head-nav .account-drop, .head-nav .cart-drop, .head-nav .appsmenu-global { position: absolute; background-color: #fff; border: 1px solid #eee; padding-left: 1.5rem; padding-right: 1.5rem; padding-bottom: 0.75rem; margin-top: 15px; right: 0; display: none; -webkit-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear; }

.head-nav .account-drop::before, .head-nav .cart-drop::before, .head-nav .appsmenu-global::before { content: ""; border-bottom: 0.7rem solid #fff; border-right: 0.65rem solid transparent; border-left: 0.65rem solid transparent; top: -9px; position: absolute; right: 0.35rem; }

.head-nav .account-drop::after, .head-nav .cart-drop::after, .head-nav .appsmenu-global::after { content: ""; position: absolute; left: 0; top: -15px; border-top: 15px solid transparent; width: 100%; }

.head-nav .account-drop li, .head-nav .cart-drop li, .head-nav .appsmenu-global li { padding-top: 0.75rem; margin: 0; }

.head-nav .account-drop { top: 30px; }

.head-nav .account-drop a { white-space: nowrap; }

.head-nav .cart-drop { text-indent: 0; min-width: 360px; }

.head-nav .cart-drop .row { margin-left: 0; margin-right: 0; }

.head-nav .cart-drop .btn { width: 100%; }

.head-nav .cart-drop__subhead, .head-nav .cart-drop h3 { border-bottom: 1px solid #ccc; font-size: 1.25rem; font-weight: 500; line-height: 1.2; margin-bottom: 0.75rem; padding-top: 0.75rem; padding-bottom: 0.5rem; }

.head-nav .cart-drop__subhead.subtotal, .head-nav .cart-drop h3.subtotal { color: #555; border-top: 1px solid #ccc; padding-bottom: 0.75rem; margin-bottom: 1.25rem; }

.head-nav .cart-drop__subhead span, .head-nav .cart-drop h3 span { float: right; }

.head-nav .cart-drop__item-container { max-height: 275px; overflow-y: auto; margin-right: -10px; padding-right: 10px; }

.head-nav .cart-drop__item-image, .head-nav .cart-drop__item-quantity { padding-left: 0; padding-right: 0; }

.head-nav .cart-drop__item-quantity [type="number"] { -moz-appearance: textfield; }

.head-nav .cart-drop__item-quantity [type="number"]::-webkit-inner-spin-button, .head-nav .cart-drop__item-quantity [type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

.head-nav .cart-drop__item-quantity .form-control { width: 65%; padding-left: 0.5rem; padding-right: 0.5rem; text-align: center; }

.head-nav .cart-drop__item-details, .head-nav .cart-drop__item-image { padding-left: 0; padding-right: 0.5rem; }

.head-nav .cart-drop__item-title { font-size: 12px; }

.head-nav .cart-drop__item-title a { display: inline-block; }

.head-nav .cart-drop__item-price { font-weight: 100; }

.head-nav .cart-drop__add-item, .head-nav .cart-drop__minus-item { background-color: transparent; border: 0.0625rem solid #ccc; border-radius: 50%; color: #555; font-size: 8px; padding: 0.175rem 0.4rem; position: absolute; right: 0; top: 0; -webkit-transition: background-color .1s linear, color .1s linear; -o-transition: background-color .1s linear, color .1s linear; transition: background-color .1s linear, color .1s linear; }

.head-nav .cart-drop__add-item:hover, .head-nav .cart-drop__minus-item:hover { background-color: #225d99; color: #fff; }

.head-nav .cart-drop__add-item:focus, .head-nav .cart-drop__minus-item:focus { background-color: #225d99; border-color: #51a7e8; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5); color: #fff; outline: none; }

.head-nav .cart-drop__minus-item { top: 22px; }

.head-nav .cart-drop__remove { border: none; margin-left: 0.25rem; padding: 0; text-align: left; text-decoration: underline; }

.head-nav .cart-drop__remove:hover { text-decoration: none; }

.head-nav .cart-drop__remove:focus { outline: 1px dashed rgba(9, 110, 194, 0.65); text-decoration: none; }

.primary-nav { background-color: #555; border-radius: 0; font-size: 0.8125rem; padding: 0; }

.primary-nav.navbar { border-radius: 0; }

.primary-nav .navbar-nav { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; }

.primary-nav .navbar-nav > .nav-item { margin-left: 0; }

.primary-nav .navbar-nav > .nav-item > .nav-link { vertical-align: middle; padding: 0.25rem 0.5rem; }

.primary-nav .navbar-nav > .nav-item > .nav-link { color: #fff; }

.primary-nav .navbar-nav > .nav-item:hover > .nav-link { color: #ddd; }

.primary-nav .navbar-nav > .nav-item.cho .nav-link { font-weight: bold; }

.primary-nav .navbar-nav > .nav-item:first-child > .nav-link { margin-left: -0.5rem; }

.primary-nav .navbar-nav.help-links { background-color: #646464; position: relative; z-index: 5; }

@media (min-width: 720px) { .primary-nav .navbar-nav.help-links { background-color: transparent; float: right; } .primary-nav .navbar-nav.help-links > .nav-item:last-child > .nav-link { margin-right: -0.5rem; } }

.primary-nav .navbar-nav.main-nav > .nav-item:first-child > .nav-link { margin-left: 0; /* was sm */ }

@media (min-width: 720px) { .primary-nav .navbar-nav.main-nav > .nav-item:first-child > .nav-link { margin-left: -0.5rem; } }

.main-nav-close { padding: 0.5rem; }

.navbar-nav .nav-item + .main-nav-close-item.nav-item { margin-left: 0; }

@media (min-width: 720px) { .navbar-nav .nav-item + .main-nav-close-item.nav-item { display: none; } }

@media (min-width: 960px) { .primary-nav .navbar-nav > .nav-item { margin-left: 0; } .primary-nav .navbar-nav > .nav-item .nav-link { vertical-align: middle; padding: 0.25rem 1rem; } .primary-nav .main-nav > .nav-item > .nav-link { padding: 0.25rem 1rem; } .main-nav > .nav-item.cho > .nav-link:after { display: none; } .primary-nav .navbar-nav.help-links > .nav-item:last-child > .nav-link { margin-right: -0.9375rem; } }

.category-area { background: #fff; -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1); font-size: 0.6875rem; }

.category-areas__areas .form-group { margin: 0.5rem 0; }

.category-areas__areas form, .category-areas__areas select { margin-bottom: 0; width: 100%; }

/* NEW NAVIGATION
---------------------------------------------------------------------- */
@media (max-width: 959px) { .head-nav__logo { margin: 0 1rem 0 0; padding-top: .35rem; width: 120px; } }

#SearchForm { float: right; width: 706px; }

#search_ahead { left: 231px; width: 599px; }

#search_wrapper .keywords { width: 600px; }

.navbar-nav .head-nav__account .nav-link { margin-left: 0; text-align: right; }

/* 3.2 BREADCRUMBS
---------------------------------------------------------------------- */
.breadcrumb { background: none; font-size: 0.75rem; }

/* 3.3 FOOTER
---------------------------------------------------------------------- */
.grecaptcha-badge { display: none !important; }

.footer_nav { background: #414042; }

.footer_nav h3 { color: #dedad3; text-shadow: rgba(0, 0, 0, 0.498039) 0px 1px 0px; }

.footer_nav a { border: none; color: #ddd; text-decoration: none; }

.footer_nav a.live_chat { color: #e1b243; }

.footer_nav a:hover { color: #fff; -webkit-transition: color .15s linear; -o-transition: color .15s linear; transition: color .15s linear; }

.footer_nav ul { padding-left: 0px; }

.footer_nav li { list-style: none; }

.footer_nav .link-list-groups, .footer_nav .link-list-groups + .nav_group { margin-bottom: 1.5rem; }

.footer-mailinglist { clear: both; }

.footer-mailinglist__input, .footer-mailinglist__name { margin-left: -0.25rem; margin-right: -0.25rem; }

.footer-mailinglist .form-group { line-height: 0; padding-left: 0.25rem; padding-right: 0.25rem; margin-bottom: 0.5rem; }

.footer-mailinglist .form-group label { font-size: 1px; line-height: 0.1px; text-indent: -9999px; margin-top: 0.25rem; margin-bottom: 0.1rem; }

.footer-mailinglist .form-group .form-control { border-radius: 2px; }

.footer-mailinglist .form-group .btn { margin-top: 0.5rem; margin-left: -0.25rem; }

.footer-mailinglist [for='footer-mailinglist__label'] { color: #dedad3; }

.footer-mailinglist .alert { margin-top: 1rem; }

.footer-mailinglist label { color: #dedad3; }

.footer-mailinglist__name { margin-left: -0.25rem; margin-right: -0.25rem; }

.footer-mailinglist__name .form-group { margin-bottom: 0.5rem; padding-left: 0.25rem; padding-right: 0.25rem; }

.footer_nav .social { margin-top: 2rem; text-align: center; }

@media (min-width: 720px) { .footer_nav .social { text-align: left; } }

.footer_nav .social a { font-size: 1.25rem; color: #555; }

.footer_nav .social a:hover { color: #999; }

.footer_nav .social .fa-facebook-f:before { content: "\f39e"; }

.lw-network__networks { /* lw-network__networks nav close */ }

.lw-network__networks .nav { width: 100%; /* media-breakpoint-down close */ /* nav-link close */ /* collapseMoreMenu */ }

@media (max-width: 479px) { .lw-network__networks .nav { margin-top: 0; } }

.lw-network__networks .nav .nav-label { color: #ccc; font-weight: bold; }

.lw-network__networks .nav .nav-link { padding: 0 0.5rem; position: relative; /* nav-link after close */ /* more link close */ }

.lw-network__networks .nav .nav-link:after { content: "|"; color: #fff; display: block; position: absolute; right: -2px; top: 0; }

.lw-network__networks .nav .nav-link:last-child, .lw-network__networks .nav .nav-link.more-link { border-top-left-radius: 3px; border-top-right-radius: 3px; padding-right: 1.5em; }

.lw-network__networks .nav .nav-link:last-child:after, .lw-network__networks .nav .nav-link.more-link:after { content: ""; border-left: 0.3em solid transparent; border-right: 0.3em solid transparent; border-top: 0.3em solid #fff; display: inline-block; height: 0; position: absolute; margin-top: -2px; right: 0.5em; top: 50%; vertical-align: middle; width: 0; }

.lw-network__networks .nav .nav-link:last-child[aria-expanded="true"], .lw-network__networks .nav .nav-link.more-link[aria-expanded="true"] { background: #555; }

.lw-network__networks .nav .nav-link.more-link[aria-expanded="true"] { color: #fff; }

.lw-network__networks .nav #collapseMoreMenu { background: #555; border-radius: 3px; text-align: left; }

.lw-network__networks .nav #collapseMoreMenu .nav_group { border-right: none; }

/* lw-network__networks */
.lifeway-serving { background-color: #414042; color: #fff; padding: 1rem; }

.lifeway-serving .inner-max { padding-top: 2rem; padding-bottom: 2rem; border-top: 1px solid #707070; border-bottom: 1px solid #707070; }

@media (min-width: 960px) { .lifeway-serving .inner-max { border-bottom: 0px; padding-bottom: 0px; } }

.lifeway-serving .col-centered { float: none; margin: 0 auto; }

.lifeway-serving img { position: relative; z-index: 1; max-width: 100%; }

@media (min-width: 960px) { .lifeway-serving img { margin-bottom: -12rem; } }

.lifeway-serving .audience { text-align: center; padding: 2rem; }

.lifeway-serving .audience h3 { color: #dedad3; font-family: font-family-serif-special; font-size: 38px; line-height: 1.2; font-weight: bold; }

.lifeway-serving .audience p { font-size: 15px; font-family: sofia-pro, "helvetica neue", helvetica, arial, sans-serif; }

.lifeway-values { background-color: #414042; color: #fff; font-size: 0.85rem; padding: 1rem; text-align: center; }

.lifeway-values .inner-max { padding: 8rem 3rem 4rem; border-top: 1px solid #707070; border-bottom: 1px solid #707070; }

@media (min-width: 480px) { .lifeway-values { padding: 0 15px 2rem; } }

.lifeway-values h2 { color: #dedad3; margin-bottom: 75px; text-transform: uppercase; text-align: center; }

.lifeway-values span { display: block; margin-top: 1rem; font-family: sofia-pro, "helvetica neue", helvetica, arial, sans-serif; }

.lifeway-values .col-centered { float: none; margin: 0 auto; }

/* lifeway-values close */
.footer_confidence { padding: 2rem 0; background-color: #414042; color: #fff; /* close h3 define */ /* lw_account__logo close */ }

.footer_confidence .payment-label { margin-top: 0.18em; }

.footer_confidence .lw_account__logo { background-color: transparent; background-position: center center; background-repeat: no-repeat; display: inline-block; padding: 0; text-indent: -9999px; width: 130px; margin-bottom: 0.5rem; }

.footer_confidence i[class^="fa-cc-"], .footer_confidence i[class*="fa-cc-"] { font-size: 1.625rem; text-align: center; }

.footer_confidence .trust, .footer_confidence #bbblink, .footer_confidence .verisign, .footer_confidence .copyright, .footer_confidence .payment { text-align: center; }

.footer_confidence .bbb, .footer_confidence .verisign { display: inline-block; }

.footer_confidence .verisign { display: inline-block; height: 72px; margin-top: -18px; margin-left: 12px; vertical-align: top; width: 100px; }

.footer_confidence .payment { margin-bottom: 1rem; }

@media (min-width: 480px) { .footer_confidence .payment__options { display: inline-block; } .footer_confidence .payment__lw-account { display: inline-block; margin-left: 1rem; } .footer_confidence .payment__credit-cards { display: inline-block; margin-left: 1rem; } }

@media (min-width: 720px) { .footer_confidence .payment { text-align: left; } .footer_confidence .payment__options { display: inline-block; } }

.footer_confidence .trust { margin-bottom: 1rem; }

@media (min-width: 720px) { .footer_confidence .trust { text-align: right; } }

.footer_confidence .copyright { font-size: 0.75rem; margin-bottom: 1rem; text-align: center; }

@media (min-width: 720px) { .footer_confidence .copyright { text-align: right; } }

/* footer_confidence close */
/* EMAIL POPUP STYLES */
.email-pop { background-color: #1e5c9b; bottom: 0; color: #fff; line-height: 1.3; padding-bottom: 30px; position: fixed; right: 0; text-align: center; width: 100%; z-index: 5; max-height: 500px; overflow: hidden; -webkit-transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; -o-transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; }

.cookies-show .email-pop { display: none; }

.email-pop .container-fluid { padding-bottom: 1rem; padding-top: 1rem; }

@media (min-width: 480px) { .email-pop { border-top-left-radius: 3px; padding-bottom: 0; width: 300px; z-index: 1045; } }

.email-pop h3, .email-pop h4 { color: #63aeec; }

.email-pop__close { color: #fff; cursor: pointer; display: block; font-size: 20px; height: 36px; line-height: 1; padding: 7px 12px 7px 12px; position: absolute; right: 0; top: 0; vertical-align: middle; z-index: 2; text-decoration: none; -webkit-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; }

.email-pop__close:hover { color: #ddd; }

.email-pop__later-state { padding: 0 1rem; max-height: 50px; overflow: hidden; -webkit-transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; -o-transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; }

.email-pop__later-state a { cursor: pointer; text-decoration: none; }

.email-pop__later-state a:hover h3 { color: #eee; }

.email-pop__later-state a:hover h3:before { -webkit-filter: grayscale(100) contrast(298%); filter: grayscale(100) contrast(298%); }

.email-pop__later-state h3 { margin-bottom: 0; -webkit-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; }

.email-pop__later-state h3:before { background: transparent url(https://zlwtest.s3.amazonaws.com/big-email-offer-arrow-2019_2x.png) 50% 50% no-repeat; background-size: contain; bottom: 5px; content: ''; display: inline-block; height: 20px; margin: -10px 7px -10px 0; position: relative; width: 20px; top: -7px; -webkit-transition: -webkit-filter .2s linear; transition: -webkit-filter .2s linear; -o-transition: filter .2s linear; transition: filter .2s linear; transition: filter .2s linear, -webkit-filter .2s linear; }

.email-pop__before-title { margin-bottom: 0; padding-bottom: 0.25rem; max-height: 60px; overflow: hidden; -webkit-transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; -o-transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; }

.email-pop__title { margin-bottom: 0; padding-bottom: 0.5rem; max-height: 60px; overflow: hidden; -webkit-transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; -o-transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; }

.email-pop form { margin-bottom: 0; }

.email-pop fieldset .col-xs-12 { margin-bottom: 0.5rem; }

.email-pop__form-text { color: #6f95bf; font-size: 13px; margin-bottom: 0; margin-top: -0.5rem; padding-bottom: 1rem; max-height: 60px; overflow: hidden; -webkit-transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; -o-transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; }

.email-pop__form-wrap { max-height: 300px; overflow: hidden; -webkit-transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; -o-transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; }

.email-pop__required { font-size: 13px; margin-bottom: 0; padding: 0.5rem 0; text-align: right; }

.email-pop .btn { min-width: 200px; }

.email-pop__other-btn { padding-bottom: 0.5rem; padding-top: 0.5rem; max-height: 60px; overflow: hidden; -webkit-transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; -o-transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; }

.email-pop__later-link { cursor: pointer; margin-bottom: 0; padding-bottom: 0.25rem; padding-top: 0.25rem; max-height: 60px; overflow: hidden; -webkit-transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; -o-transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; }

.email-pop__later-link a { color: #fff; }

.email-pop__later-link a:hover { color: #eee; }

.email-pop__note, .email-pop__success-note { color: #6f95bf; font-size: 13px; margin-bottom: 0; padding-bottom: 0.5rem; padding-top: 0.25rem; max-height: 60px; overflow: hidden; -webkit-transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; -o-transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; }

.email-pop__success { max-height: 200px; overflow: hidden; -webkit-transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; -o-transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; }

.email-pop__success-text { margin-bottom: 0; padding-bottom: 0.25rem; max-height: 60px; overflow: hidden; -webkit-transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; -o-transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; }

.email-pop__success-code { margin-bottom: 0; max-height: 60px; overflow: hidden; -webkit-transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; -o-transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; }

.email-pop__success-code-label { display: none; color: #fff; }

.email-pop__success-code-code { display: inline-block; margin-left: 5px; margin-right: 5px; -webkit-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; }

.email-pop__success-code-copy { cursor: pointer; display: none; -webkit-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; }

.email-pop__success-code-copy:hover { color: #fff; }

.email-pop__success-code-copy:active { color: #dddddd; }

.email-pop__success-code-copied, .email-pop__success-code-copy-fail { background: #1e5c9b; bottom: -1rem; left: -9999px; opacity: 0; position: absolute; top: -0.5rem; padding: 0.5rem 0 0.5rem; width: 100%; -webkit-transition: opacity .5s 0s linear, left 0s .7s linear, color 0s .7s linear; -o-transition: opacity .5s 0s linear, left 0s .7s linear, color 0s .7s linear; transition: opacity .5s 0s linear, left 0s .7s linear, color 0s .7s linear; }

.email-pop__success-code-copied.active, .email-pop__success-code-copy-fail.active { color: #fff; left: 0; opacity: 1; -webkit-transition: opacity .5s 0s linear, left 0s 0s linear, color .5s .5s linear; -o-transition: opacity .5s 0s linear, left 0s 0s linear, color .5s .5s linear; transition: opacity .5s 0s linear, left 0s 0s linear, color .5s .5s linear; }

.email-pop__success-code-copy-fail { background: #888888; }

.email-pop__success-close { margin-bottom: 0; padding-bottom: 1rem; max-height: 60px; overflow: hidden; -webkit-transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; -o-transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; transition: max-height .2s linear, padding-bottom .2s linear, padding-top .2s linear; }

.email-pop__success-close a { cursor: pointer; color: #fff; }

.email-pop__success-close a:hover { color: #eee; }

.ep-1-show .ep-1-hide { padding-bottom: 0; padding-top: 0; max-height: 0; }

.ep-2-show .ep-2-hide { padding-bottom: 0; padding-top: 0; max-height: 0; }

.ep-3-show .container-fluid { padding-top: 0.5rem; }

.ep-3-show .ep-3-hide { padding-bottom: 0; padding-top: 0; max-height: 0; }

.ep-4-show .ep-4-hide { padding-bottom: 0; padding-top: 0; max-height: 0; }

.ep-5-show .email-pop__success-code-label, .ep-5-show .email-pop__success-code-copy { display: inline-block; }

.ep-5-show .email-pop__close { display: none; }

.ep-5-show .container-fluid { padding-top: 0.5rem; padding-top: 0.5rem; }

.ep-5-show .ep-5-hide { padding-bottom: 0; padding-top: 0; max-height: 0; }

.ep-no-show { padding-bottom: 0; padding-top: 0; max-height: 0; }

/* 3.4 LIFEWAY ACCOUNTS
---------------------------------------------------------------------- */
/* 3.5 NARROW RESULTS
---------------------------------------------------------------------- */
.result-types a { text-decoration: none; }

.result-types .active a { color: #ccc; cursor: default; }

.result-types ul { border-right: 1px solid #ddd; margin-right: 2rem; padding: 0.5rem 1.5rem 0.5rem 0.5rem; text-align: right; }

@media (max-width: 719px) { .result-types .section-head { display: block; margin: 1rem 1.5rem 0; } .result-types ul { border-bottom: 1px solid #ddd; border-right: none; margin: 0; padding: 1.5rem; text-align: left; } }

.narrow-results .panel { margin-bottom: 1rem; }

.narrow-results .panel-title { display: block; text-decoration: none; }

.narrow-results .panel-title:hover { color: #000; cursor: pointer; }

.narrow-results .panel-title:before { content: ""; display: inline-block; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #3174a8; margin-right: 5px; margin-bottom: 2px; width: 5px; height: 5px; }

.narrow-results .panel-title.collapsed:before { content: ""; display: inline-block; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #3174a8; margin-right: 5px; margin-bottom: 2px; width: 5px; height: 5px; }

.narrow-results #results-accordion li { list-style-type: none; }

.narrow-results label { font-weight: normal; margin-bottom: 0; }

.narrow-results label input { margin-right: 0.25rem; }

.narrow-results .panel-collapse li { opacity: 1; overflow: hidden; max-height: 150px; }

.narrow-results .panel-collapse li.hide-filter { opacity: 0; margin-top: 0; max-height: 0; }

.narrow-results .panel-collapse li.hidden-filter { display: none; }

@media (min-width: 720px) { .narrow-results .panel-collapse li { -webkit-transition: opacity .25s .1s linear, max-height .25s 0s linear, margin-top .25s 0s linear; -o-transition: opacity .25s .1s linear, max-height .25s 0s linear, margin-top .25s 0s linear; transition: opacity .25s .1s linear, max-height .25s 0s linear, margin-top .25s 0s linear; } .narrow-results .panel-collapse li.hide-filter { -webkit-transition: opacity .25s 0s linear, max-height .25s .15s linear, margin-top .22s .15s linear; -o-transition: opacity .25s 0s linear, max-height .25s .15s linear, margin-top .22s .15s linear; transition: opacity .25s 0s linear, max-height .25s .15s linear, margin-top .22s .15s linear; } }

.narrow-results .filter-view-more { display: block; font-size: 80%; font-weight: 600; }

.ajax-loading-cart .ajax-loading__cart-drop { left: 0; top: 0; opacity: 1; -webkit-transition: left 0s 0s linear, top 0s 0s linear, opacity .2s 0s linear; -o-transition: left 0s 0s linear, top 0s 0s linear, opacity .2s 0s linear; transition: left 0s 0s linear, top 0s 0s linear, opacity .2s 0s linear; position: absolute; }

.ajax-loading__img-wrap, .ajax-loading__cart-drop { background: #ddd; background: rgba(255, 255, 255, 0.5); display: block; position: fixed; left: -9999px; right: 0; top: -9999px; bottom: 0; opacity: 0; height: 100%; width: 100%; z-index: 2000; -webkit-transition: left 0s .25s linear, top 0s .25s linear, opacity .2s 0s linear; -o-transition: left 0s .25s linear, top 0s .25s linear, opacity .2s 0s linear; transition: left 0s .25s linear, top 0s .25s linear, opacity .2s 0s linear; }

.ajax-loading .ajax-loading__img-wrap, .ajax-loading .ajax-loading__cart-drop { left: 0; top: 0; opacity: 1; -webkit-transition: left 0s 0s linear, top 0s 0s linear, opacity .2s 0s linear; -o-transition: left 0s 0s linear, top 0s 0s linear, opacity .2s 0s linear; transition: left 0s 0s linear, top 0s 0s linear, opacity .2s 0s linear; }

.ajax-loading__img-wrap img, .ajax-loading__cart-drop img { position: absolute; top: 50%; left: 50%; margin: -16px 0 0 -16px; }

html.ajax-loading { overflow: hidden; }

/* 3.6 PAGINATION
---------------------------------------------------------------------- */
.pagination-nav { background-color: #eee; font-size: .75rem; padding: .25rem .75rem 0; position: relative; text-align: center; }

.pagination-nav .results-filters form { margin-bottom: 0; }

.pagination-nav .results-filters label { margin-bottom: 0; }

.pagination-nav .results-filters select { margin-left: 0.25rem; }

.pagination-nav .result-numbers, .pagination-nav .results-display { margin-right: 1rem; }

.pagination-nav .result-numbers { display: inline-block; margin-bottom: 0; margin-right: 0.5rem; margin-top: 2px; vertical-align: top; }

.pagination-nav .pagination-sm { display: inline-block; margin-bottom: 0; margin-top: 0; }

.pagination-nav .results-display { display: inline-block; margin-bottom: 0.25rem; margin-top: 0.25rem; }

.pagination-nav .sort { display: inline-block; margin-bottom: 0.25rem; margin-top: 0.25rem; }

.pagination-nav .sort select { width: 80px; }

@media screen and (min-width: 350px) { .pagination-nav .sort select { width: auto; } }

@media (min-width: 720px) { .pagination-nav.grid-list-nav-top { text-align: left; } .pagination-nav.grid-list-nav-top .pagination-group { display: block; float: left; } .pagination-nav.grid-list-nav-top .result-numbers { display: block; } .pagination-nav.grid-list-nav-top .pagination-sm { display: block; } .pagination-nav.grid-list-nav-top .results-filters { display: block; float: right; padding-right: 40px; text-align: right; } .pagination-nav.grid-list-nav-top .results-display { margin-bottom: 0; margin-right: 0; margin-top: 0; } .pagination-nav.grid-list-nav-top .sort { display: block; margin-bottom: 0; } .pagination-nav.grid-list-nav-top .sort select { width: 85px; } }

@media screen and (min-width: 640px) and (max-width: 719px) { .pagination-nav { padding-bottom: 0.25rem; padding-top: 0.5rem; } .pagination-nav .pagination-group { margin-top: 0; width: auto; } }

@media screen and (min-width: 1050px) { .pagination-nav { padding-bottom: 0.5rem; padding-top: 0.5rem; } .pagination-nav .pagination-group { margin-top: 0; width: auto; } .pagination-nav.grid-list-nav-top .result-numbers { display: block; float: left; } .pagination-nav.grid-list-nav-top .pagination-sm { display: block; float: left; } .pagination-nav .results-filters { float: right; margin-top: 2px; width: auto; } .pagination-nav .results-display { margin-right: 0.5rem; } .pagination-nav.grid-list-nav-top .sort { display: inline-block; margin-top: 0; margin-left: 0.5rem; } .pagination-nav.grid-list-nav-top .sort select { width: 85px; } }

@media (min-width: 1140px) { .pagination-nav .results-display, .pagination-nav .result-numbers { margin-right: 1rem; } .pagination-nav.grid-list-nav-top .sort { margin-left: 1rem; } .pagination-nav.grid-list-nav-top .sort select { width: auto; } }

.pagination-group:before, .pagination-group:after, .results-filters:before, .results-filters:after { content: " "; display: table; }

.pagination-group:after, .results-filters:after { clear: both; }

.pagination-sm > li > a, .pagination-sm > li > a:hover, .pagination-sm > li > a:focus, .pagination-sm > li > span, .pagination-sm > li > span:hover, .pagination-sm > li > span:focus, .pagination-sm > .disabled > a, .pagination-sm > .disabled > a:hover, .pagination-sm > .disabled > a:focus, .pagination-sm > .disabled > span, .pagination-sm > .disabled > span:hover, .pagination-sm > .disabled > span:focus, .pagination-sm > .active > a, .pagination-sm > .active > a:hover, .pagination-sm > .active > a:focus, .pagination-sm > .active > span, .pagination-sm > .active > span:hover, .pagination-sm > .active > span:focus { background-color: transparent; border: none; font-weight: 600; padding: .25rem .333rem; font-size: .75rem; line-height: 1.25em; }

.pagination-sm .ellipsis span, .pagination-sm .ellipsis span:hover, .pagination-sm .ellipsis span:focus { color: #747474; cursor: default; padding: .25rem 0; }

.pagination-sm > .active > a, .pagination-sm > .active > a:hover { color: #000; }

.pagination-sm .pagination--prev > a, .pagination-sm .pagination--next > a { text-indent: -9999px; position: relative; }

.pagination-sm .pagination--prev > a, .pagination-sm .pagination--prev > a:hover, .pagination-sm .pagination--prev > a:focus, .pagination-sm .pagination--prev > a:active, .pagination-sm .pagination--next > a, .pagination-sm .pagination--next > a:hover, .pagination-sm .pagination--next > a:focus, .pagination-sm .pagination--next > a:active { padding-left: .5rem; padding-right: .5rem; }

.pagination-sm .pagination--prev > a:before, .pagination-sm .pagination--next > a:before { content: ' '; height: 0rem; width: 0rem; display: block; position: absolute; top: .45rem; left: 50%; border: none; border-top: 0.45em inset rgba(255, 255, 255, 0); border-bottom: 0.45em inset rgba(255, 255, 255, 0); margin-left: -3px; }

.pagination-sm .pagination--prev > a:before { border-right: 0.6em solid #db9900; }

.pagination-sm .pagination--prev.disabled > a:before { opacity: .33; }

.pagination-sm .pagination--next > a:before { border-left: 0.6em solid #db9900; }

.pagination-sm .pagination--next.disabled > a:before { opacity: .33; }

.list-grid-toggle { background: transparent; border: none; cursor: pointer; display: block; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; margin-left: 1rem; padding: 0; text-align: right; }

.sidebar-togglers-wrap .list-grid-toggle { float: right; margin-left: 0.25rem; }

.pagination-nav .list-grid-toggle { margin-top: -10px; position: absolute; right: 15px; top: 50%; }

.list-grid-toggle:hover { color: #464750; }

.list-grid-toggle .fal { font-size: 24px; line-height: 0; position: relative; top: -1px; vertical-align: middle; -webkit-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; }

.list-grid-toggle .fa-th-large { display: none; }

.list-grid-toggle[aria-pressed="true"] .fa-th-large { display: inline-block; }

.list-grid-toggle[aria-pressed="true"] .fa-th-list { display: none; }

/* 3.7 RELATED PRODUCTS
---------------------------------------------------------------------- */
.related-products { margin-bottom: 1.5rem; /* Media query to make sure related products are situated correctly */ }

.related-products .section-head { margin-top: 0; }

.related-products .related-products__single { text-align: center; }

.related-products .related-products__single[class*="col"] { padding: 0 0.9375rem 0 0; }

.related-products__single { margin-bottom: 1rem; }

.related-products__single:last-child { margin-bottom: 0; }

.related-products .tile__image { height: 0; padding: 0 0 100%; position: relative; width: 100%; text-align: center; }

.related-products .tile__image > div { position: absolute; height: 100%; width: 100%; font-size: 0px; white-space: nowrap; }

.related-products .tile__image > div:before { content: ''; display: inline-block; height: 100%; width: 0px; vertical-align: bottom; }

.related-products .tile__image img { max-height: 100%; max-width: 100%; display: inline-block; padding-bottom: 0.75rem; }

@media (min-width: 720px) { .related-products .related-products__single { text-align: left; } .related-products .related-products__single[class*="col"] { padding: 0 0.9375rem; } .related-products .related-products__single div[class*="col"]:last-of-type { padding-left: 0; } .related-products .tile__image { height: auto; padding: 0; } .related-products .tile__image > div { position: relative; height: auto; } .related-products .tile__image > div:before { display: none; } }

/* 3.8 SEARCH/BROWSE RESULTS LISTS
---------------------------------------------------------------------- */
.results-filter-wrap { margin-top: 2rem; }

.pagination-nav { z-index: 1; }

.results-list .tile, .results-list .results-list__item { padding-bottom: 1.5rem; padding-top: 1.5rem; }

.results-list .tile { position: relative; }

.results-list .tile .ebook-badge { height: 0; padding: 0 0 100%; position: absolute; width: 100%; }

.results-list .tile .ebook-badge > span { bottom: -5px; display: block; position: absolute; right: 0; z-index: 10; }

.results-list .tile .ebook-badge > span img { display: block; }

.results-list .results-list__item { border-bottom: 1px solid #ddd; }

.results-list .results-list__item:last-child { border-bottom: none; }

.results-list img { vertical-align: top; }

@media (max-width: 479px) { .event-list .event-item { text-align: center; } }

.event-list .event-item__excerpt, .event-list .event-item__guests { font-size: 0.875rem; }

.event-list .event-item__price { color: #A6403E; font-size: 1.25rem; line-height: 1em; margin: 0; text-align: center; }

@media (max-width: 479px) { .event-list .event-item__price { margin-bottom: 1rem; } }

@media (min-width: 720px) and (max-width: 959px) { .event-list .event-item__price { margin-bottom: 1.5rem; } .col-wide .event-list .event-item__price { margin-bottom: 0.5rem; } }

@media (min-width: 960px) and (max-width: 1139px) { .col-wide .event-list .event-item__price { margin-bottom: 1.5rem; } }

.event-list .event-item__price--starting { display: block; font-size: 0.75rem; }

.event-list .event-item__register { text-align: center; }

.event-list .event-item__register .btn { margin-bottom: 0.25rem; }

.event-list .event-item__register .form-inline { margin-bottom: 0; }

.event-list .event-item__register .form-group { margin-bottom: 1rem; }

@media (min-width: 960px) { .event-list .event-item__guests { margin-bottom: 0; } }

.event-list .event-item__quantity { display: inline-block; margin-left: 0.25rem; max-width: 60px; text-align: center; }

.event-list .event-item__quantity::-webkit-inner-spin-button, .event-list .event-item__quantity::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

.event-list .event-item__view-details { margin-bottom: 0; }

@media (max-width: 479px) { .event-list .tile-image { margin-bottom: 1rem; padding-bottom: 180px; } }

.article-list .article-item { border-bottom: 1px solid #ddd; }

.article-list .article-item__excerpt { margin-bottom: 0; }

@media (max-width: 479px) { .general-list { text-align: justify; } .general-list .tile-image { margin-bottom: 1rem; padding-bottom: 180px; } }

.product-list-grid { clear: both; margin-top: -0.25rem; overflow: hidden; position: relative; }

.product-list-grid .row > [class*="col-"] { border-top: 1px solid #ddd; }

.product-list-grid .tile { padding-top: 1.75rem; }

.product-list-grid .tile__description { display: none; }

.product-list-grid img { vertical-align: bottom; }

.product-list-grid.absolute .row > [class*="col-"] { position: relative; }

.product-list-grid.absolute .tile { height: 100%; padding-bottom: 70px; position: static; }

.product-list-grid.absolute p.tile__availability { margin-bottom: 0; margin-top: 0; }

.product-list-grid.absolute p.tile__price { margin-top: 0; margin-bottom: 0.5rem; }

.product-list-grid.absolute p.tile__price--reg { margin-top: -0.25rem; margin-bottom: 0.25rem; }

.product-list-grid.absolute .btn { bottom: 1.75rem; position: absolute; width: 86%; width: calc(100% - 30px); -webkit-transition: background-color 0.2s ease-in-out, border 0.2s ease-in-out, color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out, border 0.2s ease-in-out, color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out, border 0.2s ease-in-out, color 0.2s ease-in-out; }

/* GRID TO LIST STYLES
____________________________________________ */
.make-list .tile__description { display: none; margin-bottom: 0; }

.make-list .tile__description { display: block; line-height: 1.5rem; }

.make-list .col-xs-6.col-sm-4.col-lg-3 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }

.make-list .tile:before, .make-list .tile:after { content: " "; display: table; }

.make-list .tile:after { clear: both; }

.make-list .tile__price, .make-list .tile__availability { clear: right; display: block; float: right; text-align: center; width: 25%; }

.make-list .tile-image { height: auto; padding: 0 30px 5px 0; position: relative; width: 30%; float: left; }

.make-list .tile-image > div { position: static; height: auto; width: auto; }

.make-list .tile__title { margin-top: 0; min-height: 0 !important; }

.make-list .product-list-grid.absolute .tile { padding-bottom: 1.75rem; }

.make-list .product-list-grid.absolute .btn { display: block; clear: right; float: right; position: static; text-align: center; width: 25%; }

.make-list .tile__details-wrap { float: left; padding-right: 30px; text-align: left; width: 75%; }

.make-list .tile__details-wrap:before, .make-list .tile__details-wrap:after { content: " "; display: table; }

.make-list .tile__details-wrap:after { clear: both; }

@media (max-width: 479px) { .make-list .product-list-grid.absolute p.tile__price { margin-bottom: 0.25rem; } .make-list .tile-image, .make-list .tile__details-wrap { padding-right: 15px; } .make-list .tile .product-tag { margin-left: 30%; } .make-list .tile__title { margin-left: 30%; } .make-list .tile__description { display: none; z-index: 12345; } .make-list .tile__price { font-size: 1rem; } .make-list .tile__price--reg { font-size: 0.8125rem; margin-bottom: 0; } .make-list .tile .btn { line-height: 1; margin-top: 0.5rem; white-space: normal; } }

@media (min-width: 960px) { .make-list .tile__description, .make-list .tile__title { display: block; width: 100%; padding-left: 30%; } .make-list .tile__title { font-size: 20px; line-height: 1.5625rem; } }

/* 3.9 SIDEBAR
---------------------------------------------------------------------- */
.sidebar { font-size: 0.875rem; }

/* 3.10 SOCIAL MEDIA ICONS
---------------------------------------------------------------------- */
.share__items a { color: #ccc; }

.share-link--twitter:hover, .share-link--twitter:focus, .share-link--twitter .color { color: #55acee; }

.share-link--facebook:hover, .share-link--facebook:focus, .share-link--facebook .color { color: #3b5998; }

.share-link--email:hover, .share-link--email:focus, .share-link--email .color { color: #db9900; }

.share-link--rss:hover, .share-link--rss:focus, .share-link--rss .color { color: #A6403E; }

.share-link--google:hover, .share-link--google:focus, .share-link--google .color { color: #d34836; }

.share-link--instagram:hover, .share-link--instagram:focus, .share-link--instagram .color { color: #9b6954; }

.share-link--print:hover, .share-link--print:focus, .share-link--print .color { color: #333; }

/* 4.0 PAGES
======================================================================*/
/* 4.1 ACCOUNT
---------------------------------------------------------------------- */
/* 4.2 ARTICLE
---------------------------------------------------------------------- */
/* ALSO had to comment out .c-select:focus in custom-forms.php */
/* ********************************************** RESPONSIVE FONT MIXIN ************* */
/* ********************************************** END RESPONSIVE FONT MIXIN *********** */
/* 1.0 ARTICLE LANDING PAGE 1.1 ARTICLE HEAD 1.2 CATEGORIES NAV 1.3 BLOCKQUOTE SHARE BUTTONS 1.4 AUTHOR BLOCK 1.5 RELATED ARTICLES 1.6 FOOTNOTES 1.7 ARTICLE SIDEBAR 2.0 COMPOSITE ARTICLE PAGE */
/* 1.1 ARTICLE HEAD */
.article__author { font-weight: bold; }

.article__share a { font-size: 1.25rem; color: #ccc; }

.article__authorline, .article__share ul { margin-bottom: 0.5rem; }

@media (min-width: 960px) { .article__share { float: right; line-height: 24px; } .article__authorline { float: left; line-height: 24px; } }

.article__hero { margin-bottom: 1rem; }

.article__headnote { font-weight: bold; }

.article__editor-note { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; margin: 1rem 0; }

.article__editor-note__inner { padding: 0.5rem 1.5rem; color: #555; font-size: 15px; }

.article__editor-note__inner *:last-child { margin-bottom: 0; }

.article__editor-note .recent-articles li, .article__editor-note .highlights li, .article__editor-note .related-content li { margin-bottom: 1rem; }

.article__editor-note .highlights ul, .article__editor-note .related-content ul { padding-left: 1rem; }

/* 1.2 CATEGORIES NAV */
.article__categories-inline { margin-bottom: 1rem; }

.article__categories-inline .nav-label { font-weight: bold; }

.article__categories-inline .nav-link { padding: 0 0.5rem; position: relative; }

.article__categories-inline .nav-link:last-child:after { display: none; }

.article__categories-inline .nav-link:after { content: "|"; color: #000; display: block; position: absolute; right: -2px; top: 0; }

/* 1.3 BLOCKQUOTE SHARE BUTTONS */
.popover-body a.share-quote--facebook, .popover-body a.share-quote--twitter { font-size: 1.875rem; margin: .33rem; }

/* 1.4 AUTHOR BLOCK */
.author-block { margin: 2rem 0; }

.author-block .author-block__img { margin-bottom: 0; }

/* 1.5 RELATED ARTICLES */
.related-articles { border-bottom: 1px solid #ddd; margin: 2rem 0; padding-bottom: 1rem; }

.related-articles .section-head { margin-top: 0; }

.related-articles__single { margin-bottom: 1rem; }

.related-articles__single:last-child { margin-bottom: 0; }

.related-articles__single:before, .related-articles__single:after { content: " "; display: table; }

.related-articles__single:after { clear: both; }

.related-articles__single img { margin: 0 1rem 0.5rem 0; }

.related-articles__title { font-weight: bold; }

/* 1.6 FOOTNOTES */
@media (max-width: 719px) { .footnotes { margin-bottom: 2rem; } }

.footnotes__list { font-size: 0.75rem; }

/* 1.7 ARTICLE SIDEBAR */
.sidebar .recent-articles ul, .sidebar .recent-articles li:last-child, .sidebar .highlights ul, .sidebar .highlights li:last-child, .sidebar .related-content ul, .sidebar .related-content li:last-child { margin-bottom: 0; }

.sidebar .recent-articles li, .sidebar .highlights li, .sidebar .related-content li { margin-bottom: 1rem; }

.sidebar .highlights ul, .sidebar .related-content ul { padding-left: 1rem; }

.sidebar .advertisement { text-align: center; }

.sidebar .advertisement img { display: inline-block; }

/* 2.0 COMPOSITE ARTICLE PAGE */
.composite__sidenav { font-size: 1rem; }

.composite__sidenav ul { margin-bottom: 0; }

.composite__sidenav li { margin-top: 0.25rem; }

.composite__sidenav li:first-child { margin-top: 0; }

/* 4.3 ARTICLE LANDING
---------------------------------------------------------------------- */
/* 1.0 ARTICLE LANDING PAGE 1.1 ARTICLE LANDING HEAD 1.2 ARTICLE LANDING SIDEBAR 1.3 ARTICLE LANDING MOST 1.4 ARTICLE LANDING CATEGORIES */
/*  1.0 ARTICLE LANDING PAGE - MISC */
.article__landing .body-content { padding-bottom: 0px; }

/* 1.1 ARTICLE LANDING HEAD */
.article__header { background: #810d16; margin-top: -1.5rem; margin-bottom: 1.5rem; padding: 0.5rem 0rem 0.15rem; }

.article__header h1 { font-size: 2rem; color: #fff; }

.article__header h1 small { font-size: 60%; color: rgba(255, 255, 255, 0.5); }

/* 1.2 ARTICLE LANDING SIDEBAR */
.article__sidebar-categories__inner { background: #f7f7f7; border-top: 6px solid #555555; height: 100%; padding: 1.5rem; position: relative; }

@media (max-width: 719px) { .article__sidebar-categories__inner { margin-bottom: 1.5rem; } }

.article__sidebar-categories__inner .list-unstyled { margin-bottom: 0; }

/* 1.3 ARTICLE LANDING MOST */
.article__most__inner { border-top: 1px solid #dbdbdb; margin-bottom: 2rem; }

.article__most-recent { border-right: none; padding-bottom: 1.5rem; padding-top: 1.5rem; }

@media (min-width: 720px) { .article__most-recent { border-right: 1px solid #dbdbdb; } }

@media (min-width: 720px) { .article__most-recent__inner { padding-right: 1rem; } }

.article__most-popular__inner { border-top: 1px solid #dbdbdb; padding-top: 1.5rem; }

@media (min-width: 720px) { .article__most-popular__inner { border-top: none; padding-left: 1rem; } }

/* 1.4 ARTICLE LANDING CATEGORIES */
.article__categories__inner { background: #f7f7f7; border-top: 6px solid #333; padding: 1rem 1.5rem; }

.articles-category-section { background: #f7f7f7; border-top: 6px solid #333; }

.articles-category-section a { text-decoration: none; }

.articles-category-section a h4 { background: #225d99; color: #fff; }

.articles-category-section a:hover h4 { background: #163c63; }

/* 4.4 CART
---------------------------------------------------------------------- */
/* ALSO had to comment out .c-select:focus in custom-forms.php */
/* ********************************************** RESPONSIVE FONT MIXIN ************* */
/* ********************************************** END RESPONSIVE FONT MIXIN *********** */
/* TABLE OF CONTENTS - SASS by base class or section ====================================================== 1.0 CART 1.1 MISC 1.2 QUICK IETM ADD 2.0 CHECKOUT-CART 3.0 CART AND CHECKOUT SIDEBAR COMPONENTS 4.0 CHECKOUT-STEPS 5.0 MOBILE CART SUMMARY BAR 6.0 ACCOUNT SELECT SECTION 7.0 SHIPPING ADDRESSES SECTION 8.0 PAYMENT METHODS SECTION 9.0 ORDER CONFIRMATION SECTION */
/* 1.0 CART
---------------------------------------------------------------------- */
.cart .collapse.send-now { display: block; }

.cart a[aria-expanded="true"] h4 { background-color: #fff; }

.cart .alert__status { margin: 0.25rem 0 0.5rem; }

.cart .alert__status-btn { margin: 0.5rem 0 0.25rem; }

.cart__account-selection-btn { border-top: 1px solid #ddd; margin-top: 0.5rem; padding-top: 0.5rem; }

.cart .page-title-wrap { border-bottom: 1px solid #ddd; line-height: 0; margin-top: 0; }

.cart .page-title-wrap .page-title, .cart .page-title-wrap .update-cart-btn { margin-bottom: 0.5rem; }

@media (min-width: 480px) { .cart .page-title-wrap { padding-bottom: 0.5rem; text-align: justify; } .cart .page-title-wrap:after { content: ''; display: inline-block; width: 100%; } .cart .page-title-wrap .page-title, .cart .page-title-wrap .update-cart-btn { display: inline-block; margin-bottom: 0; vertical-align: middle; } .cart .page-title-wrap .page-title { margin-right: 1rem; } }

.cart .has-error .form-control-error { background-image: none; padding: 0.375rem 0.75rem; margin-bottom: 0.25rem; }

.cart .quick-item-add { display: none; border-top-left-radius: 0; border-top-right-radius: 0; }

.cart .quick-item-add__subhead { margin-bottom: 0; -webkit-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; }

.cart .quick-item-add__subhead-collapse-link { display: block; text-decoration: none; }

.cart .quick-item-add__subhead-collapse-link:after { border-left: 6px solid transparent; border-top: 6px solid #3174a8; border-right: 6px solid transparent; content: ''; display: inline-block; margin-left: .5rem; position: relative; bottom: 3px; -webkit-transition: color .2s linear, border-top-color .2s linear, -webkit-transform .2s linear; transition: color .2s linear, border-top-color .2s linear, -webkit-transform .2s linear; -o-transition: color .2s linear, transform .2s linear, border-top-color .2s linear; transition: color .2s linear, transform .2s linear, border-top-color .2s linear; transition: color .2s linear, transform .2s linear, border-top-color .2s linear, -webkit-transform .2s linear; }

.cart .quick-item-add__subhead-collapse-link[aria-expanded="true"]:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.cart .quick-item-add__subhead-collapse-link:hover:after { border-top-color: #204b6d; }

.cart .quick-item-add__help { position: absolute; right: 18px; top: 15px; }

.cart .quick-item-add__collapse > .row { padding-top: 0.5rem; }

.cart .quick-item-add__product-id, .cart .quick-item-add__qty { margin-bottom: 0.5rem; }

.cart .quick-item-add__product-id [type="number"], .cart .quick-item-add__qty [type="number"] { -moz-appearance: textfield; }

.cart .quick-item-add__product-id [type="number"]::-webkit-inner-spin-button, .cart .quick-item-add__product-id [type="number"]::-webkit-outer-spin-button, .cart .quick-item-add__qty [type="number"]::-webkit-inner-spin-button, .cart .quick-item-add__qty [type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

@media (min-width: 480px) and (max-width: 719px) { .cart .quick-item-add__qty { margin-bottom: 0; } }

@media (min-width: 720px) { .cart .quick-item-add { display: block; } .cart .quick-item-add__qty { margin-bottom: 0.5rem; } }

@media (min-width: 960px) and (max-width: 1139px) { .cart .quick-item-add__product-id__label { margin-right: -8.33333%; } .cart .quick-item-add__product-id__input { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66666%; -ms-flex: 0 0 66.66666%; flex: 0 0 66.66666%; max-width: 66.666666%; } }

@media (min-width: 960px) { .cart .quick-item-add__qty { margin-bottom: 0; } }

@media (max-width: 959px) { .cart .responsive-table-cells tbody th[scope="row"] a:not(.btn) { color: #9dcaf4; font-weight: bold; } }

.cart .card-print-email { margin-top: 0.5rem; }

@media (min-width: 960px) { .cart .card-print-email { margin-left: 1rem; } }

.cart .card-print-email__label { display: inline-block; }

.cart .card-print-email__number { color: #999; display: inline-block; font-weight: 700; margin: 0 0.25rem; }

.cart .card-print-email__btns { display: inline-block; }

.cart .card-print-email__btns .btn { margin-left: 0.25rem; }

.cart .card-print-email-message { margin: 0.25rem 0 0.5rem; }

.cart .card-print-email-message__btn { margin: 0.5rem 0 0.25rem; }

.cart .items-purchased tbody th, .cart .items-purchased tbody tr { background-color: #fff; color: #646464; }

.cart .items-purchased tbody tr + .bi-details__row th, .cart .items-purchased tbody tr + .bi-details__row tr { border-top: none; }

@media (min-width: 960px) { .cart .items-purchased tbody tr + .bi-details__row .bi-details__col-main:before { background-color: #eee; content: ''; display: block; height: 1px; position: absolute; right: 0; top: -12px; width: 100%; } }

@media (max-width: 959px) { .cart .items-purchased tbody tr { border-top: 1px solid #646464; margin-bottom: 0; margin-top: 0.5rem; } .cart .items-purchased tbody tr:first-child { border-top: none; margin-top: 0; } .cart .items-purchased tbody tr .item { border-top: none; } .cart .items-purchased tbody tr + .bi-details__row { border-top-color: #ddd; } .cart .items-purchased tbody tr + .bi-details__row .item__status, .cart .items-purchased tbody tr + .bi-details__row .item__qty { padding-left: 8.33333333333%; border-top: none; position: relative; } .cart .items-purchased tbody tr + .bi-details__row .item__status:after, .cart .items-purchased tbody tr + .bi-details__row .item__qty:after { background-color: #ddd; content: ''; display: block; height: 1px; position: absolute; right: 0; top: 0; width: 92.8%; } .cart .items-purchased tbody th[scope="row"] { font-size: 1rem; font-weight: normal; line-height: 1.6875; } .cart .items-purchased tbody th[scope="row"] a:not(.btn) { color: #3174a8; } .cart .items-purchased tbody th[scope="row"] a:not(.btn):hover { color: #27435f; } .cart .items-purchased tbody th[scope="row"] a.btn { margin-bottom: 0.25rem; margin-top: 0.25rem; } .cart .items-purchased tbody th[scope="row"] a.btn:first-child { margin-right: 0.25rem; } }

@media (max-width: 479px) { .cart .items-purchased tbody tr + .bi-details__row .item__status, .cart .items-purchased tbody tr + .bi-details__row .item__qty { padding-left: 16.6666666667%; } .cart .items-purchased tbody tr + .bi-details__row .item__status:after, .cart .items-purchased tbody tr + .bi-details__row .item__qty:after { width: 84.3%; } }

.cart .items-purchased .bi-details { margin-bottom: 0; }

.cart .items-purchased .bi-details__col-main { border-left: 3px solid #ddd; margin-bottom: 0.25rem; padding-bottom: 0.25rem; padding-top: 0.25rem; }

/* 2.0 CHECKOUT-CART
---------------------------------------------------------------------- */
.checkout-cart--empty__message { margin-top: 1.5rem; }

.checkout-cart--empty__link { margin-bottom: 1.5rem; }

.checkout-cart__floating-sidebar { background-color: #fff !important; margin-left: -0.9375rem; margin-right: -0.9375rem; overflow-x: hidden; }

@media (min-width: 720px) { .checkout-cart__floating-sidebar { float: left; margin-left: 0; margin-right: 0; position: relative; width: 41.666666666%; z-index: 2; } }

.checkout-cart__sidebar { background-color: #fff !important; margin-bottom: 24px; }

@media (max-width: 719px) { .checkout-cart__sidebar { margin-left: -0.9375rem; margin-right: -0.9375rem; } }

.checkout-cart p.item__item-title-text { margin-bottom: 0; }

.checkout-cart .item__item-title { font-size: 16px; }

.checkout-cart .item__stock { font-weight: bold; }

.checkout-cart .item__bi-btn-wrap { padding-top: 0.5rem; }

.checkout-cart .item__bi-btn-wrap.bi-adding { display: none; }

.checkout-cart .item__quantity { text-transform: uppercase; }

.checkout-cart .item__quantity [type="number"] { -moz-appearance: textfield; }

.checkout-cart .item__quantity [type="number"]::-webkit-inner-spin-button, .checkout-cart .item__quantity [type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

.checkout-cart .item__quantity a { margin-right: 5px; }

.checkout-cart .item__quantity-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.checkout-cart .item__quantity-box .form-control { padding: 0.5rem; text-align: center; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; }

.checkout-cart .item__quantity-box .min-plus-control { margin-left: 0.25rem; }

.checkout-cart .item__quantity-box .min-plus-control.disabled div:hover { cursor: not-allowed; color: #555; background-color: transparent; }

.checkout-cart .item__quantity-box .add-item, .checkout-cart .item__quantity-box .minus-item { background-color: transparent; border: 0.0625rem solid #ccc; border-radius: 50%; color: #555; cursor: pointer; float: left; font-size: 8px; padding: 0.175rem 0.4rem; -webkit-transition: background-color .1s linear, color .1s linear; -o-transition: background-color .1s linear, color .1s linear; transition: background-color .1s linear, color .1s linear; }

.checkout-cart .item__quantity-box .add-item:hover, .checkout-cart .item__quantity-box .minus-item:hover { background-color: #225d99; color: #fff; }

.checkout-cart .item__quantity-box .add-item:focus, .checkout-cart .item__quantity-box .minus-item:focus { background-color: #225d99; border-color: #51a7e8; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5); color: #fff; outline: none; }

.checkout-cart .item__quantity-box .minus-item { margin-top: 2px; }

.checkout-cart .item__quantity-label { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; }

.checkout-cart .item__price { font-size: 1.125rem; font-weight: 400; }

.checkout-cart .item__remove { cursor: pointer; }

.checkout-cart__item-image img { max-width: 100%; max-height: 100px; }

@media (min-width: 480px) { .checkout-cart__item-image.m-b { margin-bottom: 0 !important; } }

@media (min-width: 720px) { .checkout-cart__item-image { max-height: 160px; } }

.checkout-cart__promo-offers--inner { background-color: #f7f7f9; border-left: 2px solid #ddd; margin-top: 1rem; padding: 1rem; padding: 1rem; }

.checkout-cart__promo-offers__offer > .row { padding-top: 0.5rem; padding-bottom: 0.5rem; -webkit-transition: padding-bottom .15s linear, padding-top .15s linear; -o-transition: padding-bottom .15s linear, padding-top .15s linear; transition: padding-bottom .15s linear, padding-top .15s linear; }

.checkout-cart__promo-offers--dependent .checkout-cart__promo-offers__offer > .row { padding-top: 0; }

.checkout-cart__promo-offers__offer:last-child > .row { padding-bottom: 0; }

.checkout-cart__promo-offers__offer.focus > .row { padding-top: 0; padding-bottom: 0.25rem; }

.checkout-cart__promo-offers-head h4 { color: #747474; font-weight: bold; margin: 0; }

.checkout-cart__promo-offers .item__btns { margin-top: 0.25rem; }

.checkout-cart__promo-offers .item__price--regular { color: #999; }

.checkout-cart__promo-offers .item__promo-price { color: #db9900; }

.checkout-cart__promo-offers__alert .alert { display: inline-block; }

@media (min-width: 480px) { .checkout-cart__promo-offers__alert .alert { margin-bottom: 0; } }

@media (min-width: 480px) { .checkout-cart__promo-offers__price-select { text-align: right; } }

.checkout-cart__promo-offers [type="number"] { text-align: center; -moz-appearance: textfield; }

.checkout-cart__promo-offers [type="number"]::-webkit-inner-spin-button, .checkout-cart__promo-offers [type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

.checkout-cart__subtotal { border: 4px solid #eee; padding: 1rem 1rem 1.5rem; }

.checkout-cart__subtotal .cart-subtotal { margin-top: 0; }

.checkout-cart__subtotal .guest-checkout { margin-bottom: 0.5rem; }

@media (min-width: 720px) { .cart-sidebar__slide .checkout-cart__subtotal { margin-right: 15px; max-width: 570px; padding-right: 16px; position: fixed; top: 0; width: 37.7%; width: calc(41.66% - 30px); } .cart-sidebar__slide--bottom .checkout-cart__subtotal { bottom: 0; margin-bottom: 0; position: absolute; top: auto; width: 93%; width: calc(100% - 30px); } }

@media screen and (min-width: 880px) { .cart-sidebar__slide .checkout-cart__subtotal { width: 38.3%; width: calc(41.66% - 30px); } .cart-sidebar__slide--bottom .checkout-cart__subtotal { width: 93%; width: calc(100% - 30px); } }

@media (min-width: 960px) { .cart-sidebar__slide .checkout-cart__subtotal { width: 38.7%; width: calc(41.66% - 30px); } .cart-sidebar__slide--bottom .checkout-cart__subtotal { width: 93%; width: calc(100% - 30px); } }

.checkout-cart__cart-items, .checkout-cart__trending-products { border: 4px solid #eee; border-top: none; padding: 0 1rem; }

.checkout-cart__cart-items .section-head, .checkout-cart__trending-products .section-head { margin-bottom: 0; }

/* 3.0 CART AND CHECKOUT SIDEBAR COMPONENTS
---------------------------------------------------------------------- */
.checkout-buttons { border-top: 1px solid #ddd; margin-top: 1rem; padding-top: 1rem; }

.checkout-buttons__guest-checkout { border-top: 1px solid #ddd; margin-top: 1rem; padding-top: 1rem; }

.checkout-buttons__paypal-btns { margin-left: -0.25rem; margin-right: -0.25rem; }

.checkout-buttons__paypal-btns > div[class*="col-"] { padding-left: 0.25rem; padding-right: 0.25rem; }

.checkout-buttons__paypal-col, .checkout-buttons__venmo-col { margin-top: 0.5rem; }

.trending-products__container { padding-top: 1rem; }

.trending-products__item { border-bottom: 1px solid #ddd; margin-bottom: 1rem; padding-bottom: 1rem; }

.trending-products__item:last-child { border-bottom: none; margin-bottom: 0; }

.trending-products__image { padding-right: 0; }

.cart-items__container { overflow-y: auto; -webkit-overflow-scrolling: touch; }

@media (min-width: 720px) { .cart-items__container { max-height: 270px; } }

.cart-items__item { border-top: 1px solid #ddd; padding-bottom: 1rem; padding-top: 1rem; }

.cart-items__item:first-child { border-top: none; }

.cart-items__item-title a { display: inline-block; }

@media (max-width: 479px) { .cart-items__item-img { padding-right: 0; } }

@media (min-width: 720px) and (max-width: 959px) { .cart-items__item-img { padding-right: 0; } }

.cart-items__item-qty-label { margin-right: 0.25rem; }

.cart-items__item-qty-price { margin-top: 0.25rem; }

@media (min-width: 480px) and (max-width: 719px) { .cart-items__item-qty-price { text-align: right; } }

@media (min-width: 960px) { .cart-items__item-qty-price { text-align: right; } }

.cart-items__item-bi .cart-items__item-title p { margin-bottom: 0; }

.subtotal__item { margin-bottom: 0.25rem; }

.subtotal__item:before, .subtotal__item:after { content: " "; display: table; }

.subtotal__item:after { clear: both; }

.subtotal__item .label { margin-top: 0.25rem; }

.subtotal__item.bottom-dotted { border-bottom: 1px dotted #ddd; margin-bottom: 0.5rem; padding-bottom: 0.5rem; }

.subtotal__item.top-dotted { border-top: 1px dotted #ddd; margin-top: 0.5rem; padding-top: 0.5rem; }

.subtotal__item.bottom-solid-thick { border-bottom: 2px solid #747474; margin-bottom: 0.5rem; padding-bottom: 0.5rem; }

.subtotal__item.top-solid-thick { border-top: 2px solid #747474; margin-top: 0.5rem; padding-top: 0.5rem; }

.subtotal__value, .subtotal__label { float: left; font-size: 0.875rem; }

.subtotal__value .required-asterisk, .subtotal__value .required-note__asterisk, .subtotal__label .required-asterisk, .subtotal__label .required-note__asterisk { color: #A6403E; line-height: 0; }

.subtotal__value { float: right; }

.subtotal__total .subtotal__label, .subtotal__total .subtotal__value { font-size: 1.125rem; font-weight: 400; }

.subtotal__remaining-balance .subtotal__label, .subtotal__remaining-balance .subtotal__value { font-size: 1.125rem; }

.subtotal__estimate-note { color: #747474; font-size: 0.75rem; }

.cart .subtotal__pre-tax .subtotal__value, .cart .subtotal__pre-tax .subtotal__label { font-size: 1.125rem; font-weight: 400; }

.subtotal__promocode { margin-top: 1rem; }

.subtotal__promocode__code { font-weight: bold; }

.subtotal__promocode-remove { cursor: pointer; }

.subtotal__puchase-message { margin-bottom: 1rem; margin-top: 1rem; text-align: center; }

.subtotal__receipt { border-bottom: 1px dotted #ddd; border-top: 1px dotted #ddd; margin-bottom: 1.5rem; margin-top: 1rem; padding-bottom: 0.5rem; padding-top: 1rem; text-align: center; }

.subtotal__return-btn { text-align: center; }

.auto-ship-label { margin-top: 0.25rem; margin-right: 0.25rem; }

.auto-ship-label .label { font-size: 100%; margin-right: 0.25rem; }

.manage-auto-ship { margin-left: 0.25rem; }

/* 4.0 CHECKOUT-STEPS
---------------------------------------------------------------------- */
.checkout-steps { margin-top: -1.5rem; padding-top: 1.5rem; position: relative; }

@media (min-width: 720px) { .checkout-steps { float: left; position: relative; width: 100%; z-index: 2; margin-left: -41.666666666%; margin-top: 0; padding-top: 0; left: 41.666666666%; } }

.checkout-steps__step-icon { text-align: center; }

.checkout-steps__step-icon .fa.default.fa-inverse.fa-stack-1x { font-family: sofia-pro, "helvetica neue", helvetica, arial, sans-serif; font-weight: 600; position: relative; top: -1px; }

@media (min-width: 720px) { .checkout-steps__step { margin-left: 0; margin-right: 0; } }

.checkout-steps__step:nth-of-type(even) { background-color: #f5f5f5; border-bottom: 1px solid #fff; }

.checkout-steps__step:nth-of-type(odd) { background-color: #eee; border-bottom: 1px solid #fff; }

.checkout-steps__step.active { background-color: #fafafa; }

.checkout-steps__step.completed { background-color: #f5f5f5; }

.checkout-steps__step.deactive { cursor: not-allowed; opacity: .65; }

.checkout-steps .fa-circle, .checkout-steps .cart .fa-check-circle { color: #5cb85c; }

.checkout-steps .active .fa-circle { color: #db9900; }

.checkout-steps .active .fa-circle, .checkout-steps .incomplete .fa-circle { color: #db9900; }

.checkout-steps .deactive .fa-circle { color: #747474; }

.checkout-steps .fa.complete { display: none; }

.checkout-steps .complete .fa.default { display: none; }

.checkout-steps .complete .fa.complete { display: block; }

.checkout-steps .section-edit-button { cursor: pointer; }

.checkout-steps .section-edit-button .fa-edit { margin-right: 0.25rem; }

.checkout-steps .section-cancel-button { cursor: pointer; }

.checkout-steps .section-cancel-button, .checkout-steps .section-edit-button, .checkout-steps .active .section-edit-button, .checkout-steps .active.incomplete .section-edit-button { display: none; }

.checkout-steps .active.editing .section-cancel-button { display: block; }

.checkout-steps .complete .section-edit-button, .checkout-steps .incomplete .section-edit-button { display: block; }

.checkout-steps__billing-message, .checkout-steps__defaults-message { margin-top: 1rem; }

.checkout-steps__section-summary { padding-left: 1rem; padding-top: 0.5rem; }

@media (min-width: 480px) { .checkout-steps__section-summary { padding-left: 0; } }

.checkout-steps .section-summary { clear: both; }

@media (min-width: 480px) { .checkout-steps .section-summary--guest__account { margin-left: 2rem; } }

.checkout-steps .section-summary__label { font-weight: bold; margin-bottom: 0; }

.checkout-steps .section-summary__text { line-height: 1.25; margin-bottom: 0; }

.checkout-steps .section-summary__ref { margin-top: 1rem; }

.checkout-steps .section-summary__ref p { margin-bottom: 0; }

.checkout-steps .section-summary__ref .section-summary__label { margin-right: 0.25rem; }

.checkout-steps .section-incomplete { clear: both; }

.guest-checkout .checkout-steps__account-select .section-summary__text { word-break: break-all; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }

.guest-checkout .checkout-steps__account-select .section-summary__address .section-summary__text { -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; }

.completed .fa-circle, .fa-check-circle { color: #5cb85c; }

.choose-defaults .shipping-addresses__save, .choose-defaults .saved-payment-methods__save { position: relative; z-index: 1; }

.choose-defaults .shipping-addresses__save:before, .choose-defaults .saved-payment-methods__save:before { -webkit-animation: defaultscolorhighlight 3s; animation: defaultscolorhighlight 3s; border-radius: 3px; border: 1px solid transparent; bottom: -4px; content: ''; display: block; left: 5px; position: absolute; right: 5px; top: -6px; z-index: -1; }

@-webkit-keyframes defaultscolorhighlight { 20% { background: transparent;
    border-color: transparent;
    color: #747474; }
  40% { background: #d9edf7;
    border-color: #bcdff1;
    color: #0F69C2; }
  80% { background: #d9edf7;
    border-color: #bcdff1;
    color: #0F69C2; }
  100% { background: transparent;
    border-color: transparent;
    color: #747474; } }

@keyframes defaultscolorhighlight { 20% { background: transparent;
    border-color: transparent;
    color: #747474; }
  40% { background: #d9edf7;
    border-color: #bcdff1;
    color: #0F69C2; }
  80% { background: #d9edf7;
    border-color: #bcdff1;
    color: #0F69C2; }
  100% { background: transparent;
    border-color: transparent;
    color: #747474; } }

/* 5.0 MOBILE CART SUMMARY BAR
---------------------------------------------------------------------- */
.mobile-cart-bar { background-color: #fff; -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); font-size: 0.875rem; left: 0; margin-left: -0.9375rem; margin-right: -0.9375rem; padding: 0.25rem 0.9375rem; position: absolute; right: 0; top: 0; z-index: 5; }

.mobile-cart-bar:before, .mobile-cart-bar:after { content: " "; display: table; }

.mobile-cart-bar:after { clear: both; }

.mobile-cart-bar.sticky { -webkit-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1); margin-left: 0; margin-right: 0; position: fixed; top: 0; }

.mobile-cart-bar.expanded { -webkit-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1); }

.mobile-cart-bar__toggle { display: block; float: right; }

.mobile-cart-bar__toggle, .mobile-cart-bar__toggle:active, .mobile-cart-bar__toggle:focus { text-decoration: none; }

.mobile-cart-bar__toggle-text { display: block; left: -9999px; position: absolute; top: -9999px; }

.mobile-cart-bar__arrow { display: block; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: -webkit-transform .25s linear; transition: -webkit-transform .25s linear; -o-transition: transform .25s linear; transition: transform .25s linear; transition: transform .25s linear, -webkit-transform .25s linear; }

[aria-expanded="true"] .mobile-cart-bar__arrow { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

.mobile-cart-bar .subtotal__item.bottom-dotted { border-bottom: none; margin-bottom: 0; }

@media (min-width: 720px) { .mobile-cart-bar, .mobile-cart-bar.stickey, .mobile-cart-bar.expanded { display: none; } }

/* 6.0 ACCOUNT SELECT SECTION
---------------------------------------------------------------------- */
.account-select__btn-wrap { display: inline-block; margin-right: 1.5rem; padding: 0.5rem 0; position: relative; vertical-align: top; }

.account-select__btn-wrap:last-child { margin-right: 0; }

.account-select__btn-wrap .lifeway-account-help { margin-left: 0.5rem; }

.account-select__buttons { padding-bottom: 0.75rem; }

.account-select__btn-wrap { vertical-align: top; }

.account-select .required-for-tax-exemption { bottom: auto; display: block; line-height: 1; margin-bottom: -1rem; margin-top: 0.25rem; max-width: 12rem; position: relative; }

@media (min-width: 960px) { .account-select__buttons { text-align: center; } .account-select__btn-wrap { margin-right: 10%; } }

.with-lw-account-collapse { padding-top: 1rem; }

.with-lw-account-collapse__number { color: #aaa; }

.with-lw-account-collapse .alert { margin-left: -1.5rem; }

.with-lw-account-collapse .alert__name { color: #747474; }

.with-lw-account-collapse .radio input[type="radio"] { margin-top: .35rem; }

@media (min-width: 1140px) { .with-lw-account-collapse .radio input[type="radio"] { margin-top: .5rem; } }

.churchcommercial__new-pin input { margin-bottom: 0.25rem; }

.pin-invalid-error-message { display: block; margin-bottom: 0.25rem; }

/* 7.0 SHIPPING ADDRESSES SECTION
---------------------------------------------------------------------- */
.shipping-addresses__subhead-saved { color: #555; }

.shipping-addresses__address { display: inline-block; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin-bottom: 0; word-break: break-all; word-break: break-word; }

.shipping-addresses__edit-remove { font-size: 0.8125rem; margin-bottom: 0.25rem; padding-left: 1.25rem; }

.shipping-addresses__remove { color: #70181E; }

.shipping-addresses__save { display: block; font-size: 0.8125rem; line-height: 1.1; }

.shipping-addresses__single .alert { color: #555; padding-left: .5rem; margin-bottom: 0; }

.shipping-addresses__single input.shipping-addresses__input[type="radio"] { -webkit-transform: translateY(-1.5px); -ms-transform: translateY(-1.5px); transform: translateY(-1.5px); }

.shipping-addresses__single label.shipping-addresses__save { padding-left: 2.5rem; position: relative; }

.shipping-addresses__single label.shipping-addresses__save input[type="checkbox"] { left: 1.3rem; position: absolute; }

.shipping-addresses__single--guest { margin-left: 1rem; }

.shipping-addresses__single--guest .shipping-addresses__edit-remove { padding-left: 0; }

.shipping-addresses__single--guest .shipping-addresses__address { -webkit-animation: colorhighlight 2s; animation: colorhighlight 2s; border-radius: 3px; }

@-webkit-keyframes colorhighlight { 40% { background: transparent;
    color: #747474; }
  70% { background: #d9edf7;
    color: #0F69C2; }
  100% { background: transparent;
    color: #747474; } }

@keyframes colorhighlight { 40% { background: transparent;
    color: #747474; }
  70% { background: #d9edf7;
    color: #0F69C2; }
  100% { background: transparent;
    color: #747474; } }

.guest-checkout .shipping-addresses__enter-address.hide { display: none; }

.guest-checkout .shipping-addresses__saved-address { display: none; }

.guest-checkout .shipping-addresses__saved-address.show { display: block; }

.shipping-addresses .new-address-btns.has-saved-addresses .new-address-btns__new .btn-primary { color: #fff; background-color: #225d99; border-color: #225d99; }

.shipping-addresses .new-address-btns.has-saved-addresses .new-address-btns__new .btn-primary:hover, .shipping-addresses .new-address-btns.has-saved-addresses .new-address-btns__new .btn-primary:focus, .shipping-addresses .new-address-btns.has-saved-addresses .new-address-btns__new .btn-primary.focus, .shipping-addresses .new-address-btns.has-saved-addresses .new-address-btns__new .btn-primary:active, .shipping-addresses .new-address-btns.has-saved-addresses .new-address-btns__new .btn-primary.active { background-color: #1c4b7c; border-color: #1a4673; }

.shipping-addresses .new-address-btns:before, .shipping-addresses .new-address-btns:after { content: " "; display: table; }

.shipping-addresses .new-address-btns:after { clear: both; }

#removeShippingAddressModal .alert { display: block; }

.corrected-address-form { margin-top: 1rem; margin-bottom: 0; }

.corrected-address-form__label { display: block; }

.corrected-address-form__select { margin-bottom: 0.5rem; margin-right: 0.25rem; max-height: 100%; }

@media (max-width: 479px) { .corrected-address-form__select { margin-bottom: 0.5rem; } }

.corrected-address-form__btn { margin-bottom: 0.5rem; }

@media (max-width: 479px) { .corrected-address-form__btn { margin-bottom: 0.5rem; } }

.corrected-address-form__btn--cancel { margin-left: 0.25rem; margin-bottom: 0.5rem; }

@media (max-width: 479px) { .corrected-address-form__btn--cancel { margin-bottom: 0.5rem; } }

.corrected-address-form .form-group { margin-bottom: 0; max-width: 100%; }

.saved-addresses-link[aria-expanded="false"] .view-less { display: none; visibility: hidden; }

.saved-addresses-link[aria-expanded="true"] .view-more { display: none; visibility: hidden; }

.address-types { margin-bottom: 0; padding-bottom: 1rem; }

.address-types .radio-inline { margin-left: 0; margin-right: .85rem; }

.address-types .radio-inline input[type="radio"] { -webkit-transform: translateY(3.5px); -ms-transform: translateY(3.5px); transform: translateY(3.5px); }

@media (min-width: 1440px) { .address-types .radio-inline input[type="radio"] { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); } }

.address-types .radio-inline:last-child { margin-right: 0; }

.shipping-methods-head { font-weight: 600; }

#shipping-methods input[type="radio"] { -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px); }

@media (min-width: 1440px) { #shipping-methods input[type="radio"] { -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); } }

input#same-as-shipping-address__input[type="checkbox"] { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.billing-address-check input[type="checkbox"], .radiocheck [type="checkbox"][id*="save"] { -webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); }

@media (min-width: 1440px) { .billing-address-check input[type="checkbox"], .radiocheck [type="checkbox"][id*="save"] { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } }

/* 8.0 PAYMENT METHODS SECTION
---------------------------------------------------------------------- */
.saved-payment-methods__method { display: block; margin-bottom: 0; -webkit-transition: color .5s ease-in-out; -o-transition: color .5s ease-in-out; transition: color .5s ease-in-out; }

.guest-checkout .saved-payment-methods__method { margin-left: 1rem; }

.new-saved-credit-card .saved-payment-methods__method { -webkit-animation: colorhighlight 2s; animation: colorhighlight 2s; border-radius: 3px; }

@keyframes colorhighlight { 40% { background: transparent;
    color: #747474; }
  70% { background: #d9edf7;
    color: #0F69C2; }
  100% { background: transparent;
    color: #747474; } }

.saved-payment-methods__edit-remove { font-size: 0.8125rem; margin-bottom: 0.25rem; padding-left: 1.25rem; }

.guest-checkout .saved-payment-methods__edit-remove { padding-left: 1rem; }

.saved-payment-methods__remove { color: #70181E; }

.saved-payment-methods__save { display: block; font-size: 0.8125rem; line-height: 1.1; }

.saved-payment-methods__nickname { display: block; font-style: italic; font-weight: bold; }

.saved-payment-methods__account-number { display: block; }

.saved-payment-methods__account-number, .saved-payment-methods__card-number { font-weight: 600; }

.saved-payment-methods__method-type { display: block; }

.saved-payment-methods__input input[type="radio"] { -webkit-transform: translateY(-1.5px); -ms-transform: translateY(-1.5px); transform: translateY(-1.5px); }

.saved-payment-methods__input .saved-payment-methods__save { padding-left: 2.5rem; position: relative; }

.saved-payment-methods__input .saved-payment-methods__save input[type="checkbox"] { left: 1.3rem; position: absolute; }

.saved-payment-methods__method.paypal:before, .saved-payment-methods__method.paypal:after { content: " "; display: table; }

.saved-payment-methods__method.paypal:after { clear: both; }

.saved-payment-methods__paypal-logo { background: #fff; border: 1px solid #ccc; float: left; height: 32px; margin-bottom: 0.25rem; margin-right: 0.5rem; padding: 0.5rem 0.25rem; }

.saved-payment-methods__paypal-text { display: inline-block; }

.saved-payment-methods__paypal-text span { display: block; }

.saved-payment-methods__enter-method .enter-method__method .btn { margin-bottom: 0.5rem; margin-right: 0.5rem; vertical-align: top; }

.paypal-method-selected .saved-payment-methods__method.paypal { margin: 0.5rem 0 1rem; }

.paypal-method-selected .saved-payment-methods__paypal-name { font-weight: bold; }

.paypal-button-container__checkout { display: inline-block; }

.apply-giftcard__close-btn { margin-left: 0.5rem; }

.apply-giftcard__applied { margin-bottom: 0; }

.apply-giftcard__applied-head-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #ddd; margin-bottom: 0.25rem; padding-bottom: 0.5rem; }

.apply-giftcard__applied-head-row:before, .apply-giftcard__applied-head-row:after { content: " "; display: table; }

.apply-giftcard__applied-head-row:after { clear: both; }

.apply-giftcard__applied-head-row__number, .apply-giftcard__applied-head-row__amount { margin-bottom: 0; }

.apply-giftcard__applied-head-row__amount { -webkit-box-flex: 3; -webkit-flex-grow: 3; -ms-flex-positive: 3; flex-grow: 3; text-align: right; }

.apply-giftcard__applied-one { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #eee; padding-top: 0.25rem; padding-bottom: 0.25rem; -webkit-transition: background-color .25s linear; -o-transition: background-color .25s linear; transition: background-color .25s linear; }

.apply-giftcard__applied-one:before, .apply-giftcard__applied-one:after { content: " "; display: table; }

.apply-giftcard__applied-one:after { clear: both; }

.apply-giftcard__applied-one.newly-applied { background-color: #d9edf7; }

.apply-giftcard__applied-number, .apply-giftcard__applied-amount, .apply-giftcard__applied-remove { margin-bottom: 0; margin-right: 0.5rem; min-width: 0; max-width: 100%; padding-right: 0.5rem; }

.apply-giftcard__applied-amount { -webkit-box-flex: 3; -webkit-flex-grow: 3; -ms-flex-positive: 3; flex-grow: 3; text-align: right; }

.apply-giftcard__applied-remove { text-align: right; text-decoration: underline; margin-right: 0; padding-right: 0; }

.apply-giftcard__applied-remove-btn { border: none; color: #70181E; padding: 0 0.25rem; text-align: center; text-decoration: underline; width: auto; }

.apply-giftcard__applied-remove-btn:hover { text-decoration: underline; }

.apply-giftcard__applied-remove-btn:focus { outline: 1px dashed #3174a8; }

.apply-giftcard__applied-add-note { font-size: 90%; font-weight: 700; margin-bottom: 1.5rem; margin-top: 0.25rem; }

.new-credit-card, .paypal-method-selected { background: #fff; border: 1px solid #ccc; border-radius: 3px; margin-bottom: 1rem; padding: 1rem; }

.remove-shipping-address .modal-address { font-weight: 600; }

.same-as-shipping-address { margin-bottom: 0.5rem; }

label.save-for-later-cc-checkbox { display: block; margin-bottom: 0.5rem; }

@supports (height: 60vh) { #edit-address-modal .modal-body { padding-bottom: 0; padding-top: 0; position: relative; }
  #edit-address-modal .radiocheck { max-height: 60vh; overflow-y: auto; overflow-x: hidden; } }

.email-giftcard__info { margin-bottom: 1rem; }

.download-files-modal__info ul a { word-break: break-all; }

#confirm-purchase-btn { margin-top: 1rem; }

.new-tooltip { margin-right: 0.25rem; }

/* 9.0 ORDER CONFIRMATION SECTION
---------------------------------------------------------------------- */
.tos-section { border-bottom: 1px solid #ddd; margin-top: 1rem; margin-bottom: 1.5rem; }

.tos-section__block + .tos-section__block { margin-top: 1.5rem; }

.tos-section__text { background: #f7f7f9; border: 1px solid #ccc; -webkit-box-shadow: inset 0 -1px 7px 0 rgba(0, 0, 0, 0.25); box-shadow: inset 0 -1px 7px 0 rgba(0, 0, 0, 0.25); font-size: 0.85rem; max-height: 300px; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 1rem; }

label[for="tos_agree"] { color: #000; }

#tos_agree { margin-top: 0.4rem; }

.tos-modal__sticky-panel { background: rgba(0, 0, 0, 0); display: block; left: 0; padding: 1rem 0; position: fixed; top: -61px; width: 100%; z-index: 10; -webkit-transition: padding 0.2s 0s linear, background 0.2s 0s linear, top 0.2s 0s linear; -o-transition: padding 0.2s 0s linear, background 0.2s 0s linear, top 0.2s 0s linear; transition: padding 0.2s 0s linear, background 0.2s 0s linear, top 0.2s 0s linear; }

.tos-modal__sticky-panel__inner { margin: 0 auto; max-width: 900px; padding-right: .75rem; width: 100%; }

.tos-modal__sticky-panel__inner:before, .tos-modal__sticky-panel__inner:after { content: " "; display: table; }

.tos-modal__sticky-panel__inner:after { clear: both; }

.tos-modal__sticky-panel__close { color: #eee; cursor: pointer; display: block; float: right; font-size: 1rem; font-weight: bold; opacity: 0; padding-right: 25px; position: relative; z-index: 1002; -webkit-transition: opacity 0.2s 0 linear; -o-transition: opacity 0.2s 0 linear; transition: opacity 0.2s 0 linear; }

.tos-modal__sticky-panel__close:after { background: #eee; border-radius: 100%; content: ''; display: block; height: 20px; position: absolute; top: 4px; right: 0; width: 20px; z-index: 1003; }

.tos-modal__sticky-panel__close:before { content: '\00d7'; color: #747474; display: block; font-size: 19px; font-weight: bold; height: 20px; line-height: 20px; position: absolute; right: 0; text-align: center; top: 2px; width: 20px; z-index: 1004; }

.tos-modal__sticky-panel__close:hover { color: #fff; }

.tos-modal__sticky-panel__close:hover:after { background: #fff; }

.tos-modal.in .tos-modal__sticky-panel__close { opacity: 1; -webkit-transition: opacity 0.2s 0.2s linear; -o-transition: opacity 0.2s 0.2s linear; transition: opacity 0.2s 0.2s linear; }

.tos-modal.in .tos-modal__sticky-panel { top: 0; }

.tos-modal.scrolled .tos-modal__sticky-panel { background: #747474; background: rgba(0, 0, 0, 0.5); padding: 0.5rem 0; -webkit-transition: top 0.2s linear, padding 0.2s linear, background 0.2s linear; -o-transition: top 0.2s linear, padding 0.2s linear, background 0.2s linear; transition: top 0.2s linear, padding 0.2s linear, background 0.2s linear; }

.tos-modal .modal-dialog { margin-top: 60px; }

.send-confirm { margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 1px solid #ddd; }

@media (max-width: 719px) { .purchase-completed-message { margin-top: -0.5rem; } }

.order-confirmation-message { padding-left: 1rem; padding-right: 1rem; }

.order-confirmation-message__text { margin-bottom: 1rem; }

@media (min-width: 960px) { .order-confirmation-message { padding-left: 2rem; padding-right: 2rem; } .order-confirmation-message__text { margin-bottom: 0; text-align: left; } .order-confirmation-message p:last-child { margin-bottom: 0; } }

.mobile-cart-bar { border-top: 1px solid #ddd; }

@media (min-width: 720px) { .checkout .need-help { margin-bottom: 5px; } }

.eligible-offers { border-top: #ddd solid 1px; border-bottom: #ddd solid 1px; margin: 0 -15px 1.5rem; padding: 1rem; }

.eligible-offers__slider { margin-left: -15px; margin-right: -15px; width: auto; }

.eligible-offers__slider.full .eligible-offers__slide { padding: 0 2.5rem; }

.eligible-offers .owl-buttons .fal { font-size: 1.5em; }

.eligible-offers .full.slider.owl-theme .owl-controls .owl-buttons .owl-prev { left: 1rem; top: 1.5rem; }

.eligible-offers .full.slider.owl-theme .owl-controls .owl-buttons .owl-next { right: 1rem; top: 1.5rem; }

.eligible-offers__slide { line-height: 1.2; min-height: 50px; }

.eligible-offers__slide:before, .eligible-offers__slide:after { content: " "; display: table; }

.eligible-offers__slide:after { clear: both; }

.eligible-offers__message p { margin-bottom: 0.25rem; }

.eligible-offers .price { color: #A6403E; }

.eligible-offers__img { float: left; margin-bottom: .75rem; margin-right: -90px; width: 90px; }

.eligible-offers__extra-link { color: #3D6995; display: inline-block; margin-bottom: 0.5rem; }

.eligible-offers__extra-link .less { display: none; }

.eligible-offers__extra-link[aria-expanded="true"] .less { display: inline; }

.eligible-offers__extra-link[aria-expanded="true"] .more { display: none; }

.eligible-offers__message, .eligible-offers__atc, .eligible-offers__message-extra { float: left; padding-left: 105px; }

@media (min-width: 480px) { .eligible-offers__message { min-height: 50px; } .eligible-offers__message { padding-left: 105px; padding-right: 93px; width: 100%; } .eligible-offers__message-extra { padding-left: 105px; width: 100%; } .eligible-offers__atc { padding-left: 0; position: absolute; right: 2.75rem; top: 0; } }

@media (min-width: 720px) { .eligible-offers { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .eligible-offers .owl-buttons .fal { font-size: 2em; } .eligible-offers__slider { margin-left: 0; margin-right: 0; } .eligible-offers__slider.full { padding-left: 1.5rem; padding-right: 1.5rem; } .eligible-offers__slider.full .eligible-offers__slide { padding: 0; } .eligible-offers__atc { right: 0.25rem; } .eligible-offers .full.slider.owl-theme .owl-controls .owl-buttons .owl-prev { left: 0; } .eligible-offers .full.slider.owl-theme .owl-controls .owl-buttons .owl-next { right: 0; } }

@media (min-width: 960px) { .eligible-offers { border-left: #ddd solid 1px; border-right: #ddd solid 1px; padding-left: 1rem; padding-right: 1rem; } .eligible-offers__message-extra { padding-right: 93px; } }

/* 4.5 DETAIL
---------------------------------------------------------------------- */
/* ALSO had to comment out .c-select:focus in custom-forms.php */
/* ********************************************** RESPONSIVE FONT MIXIN ************* */
/* ********************************************** END RESPONSIVE FONT MIXIN *********** */
.product .body-content { min-height: 700px; }

@media (max-width: 479px) { .product-images__primary--mobile-tile { height: 0; padding: 0 0 100%; position: relative; text-align: center; width: 100%; } .product-images__primary--mobile-tile div { position: absolute; height: 100%; width: 100%; font-size: 0px; text-align: center; } }

.product-images .pdp-ebook-badge { background-color: #811519; bottom: 0; color: #fff; display: block; font-size: 13px; line-height: 1; padding: 4px 10px 4px 10px; position: absolute; right: 0; }

@media (min-width: 720px) { .product-images { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; position: relative; width: 100%; } .product-images:before, .product-images:after { content: " "; display: table; } .product-images:after { clear: both; } }

.product-images .ebook-badge-large, .product-images .ebook-badge { display: block; bottom: -19px; height: 19px; position: absolute; right: 0; }

.product-images .ebook-badge-large img, .product-images .ebook-badge img { display: block; }

.product-images__wrap { border: 1px solid #ccc; padding: 0.5rem; }

.product-images__wrap-embed { display: none; }

.product-images__primary { position: relative; }

@media (min-width: 720px) { .product-images__primary { -webkit-box-flex: 0; -webkit-flex: 0 0 85%; -ms-flex: 0 0 85%; flex: 0 0 85%; left: 15%; max-width: 85%; width: 85%; } }

@media (min-width: 960px) { .product-images__primary { -webkit-box-flex: 0; -webkit-flex: 0 0 90%; -ms-flex: 0 0 90%; flex: 0 0 90%; left: 10%; max-width: 90%; width: 90%; } }

.product-images__primary .product-images__wrap { position: relative; height: 0; padding-bottom: 100%; width: 100%; }

.product-images__primary .product-images__wrap .product-images__wrap-embed { display: none; height: 0; margin-top: auto; margin-bottom: auto; bottom: 0; position: absolute; top: 0; width: 100%; }

.product-images__primary .product-images__wrap.video-active > div:first-of-type { display: none; }

.product-images__primary .product-images__wrap.video-active .product-images__wrap-embed { display: block; }

.product-images__primary .product-images__wrap > div { bottom: 0; font-size: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; white-space: nowrap; }

.product-images__primary .product-images__wrap > div:not(.product-images__wrap-embed) { text-align: center; }

.product-images__primary .product-images__wrap > div:before { content: ''; display: inline-block; height: 100%; margin-right: -1px; vertical-align: middle; width: 0px; }

.product-images__primary button.vjs-big-play-button:focus { outline: none; }

.product-images__primary img { display: inline-block; max-height: 100%; max-width: 100%; height: 100%; position: relative; cursor: crosshair; opacity: 1; -webkit-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; }

.product-images__primary img.t-square { display: none; }

@media (min-width: 720px) { .product-images__primary img.active { opacity: 0; } }

.product-images__primary .view-larger-image { bottom: 0; display: block; position: absolute; right: 0; }

.product-images__primary .view-larger-image:before { -webkit-box-sizing: border-box; box-sizing: border-box; border-right: 50px solid #ccc; border-top: 50px solid transparent; content: ''; display: block; position: absolute; bottom: 0; right: 0; }

.product-images__primary .view-larger-image .fa { font-size: 20px; position: relative; bottom: 0; right: 5px; }

@media (max-width: 719px) { .product-images__primary .view-larger-image { display: none; } }

.product-images__primary.zoom-1 .product-images__wrap div { overflow: auto; }

.product-images__primary.zoom-1 .product-images__wrap div.zoomReset { overflow: scroll; }

.product-images__primary.zoom-1 .product-images__wrap img { -webkit-transform: scale3d(1.25, 1.25, 1); transform: scale3d(1.25, 1.25, 1); }

.product-images__primary.zoom-2 .product-images__wrap div { overflow: auto; }

.product-images__primary.zoom-2 .product-images__wrap div.zoomReset { overflow: scroll; }

.product-images__primary.zoom-2 .product-images__wrap img { -webkit-transform: scale3d(1.5, 1.5, 1); transform: scale3d(1.5, 1.5, 1); }

.product-images__secondary .thumb-container { height: 100%; margin: 0; background-color: #eee; border: 1px solid #eee; max-width: 100%; min-width: 100%; overflow: auto; overflow-x: auto; overflow-y: hidden; padding: 0.25rem 0; -webkit-overflow-scrolling: touch; width: 100%; }

@media (max-width: 719px) { .product-images__secondary .thumb-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; } .product-images__secondary .thumb-container:after { display: block; content: ''; -webkit-box-flex: 0; -webkit-flex: 0 0 1px; -ms-flex: 0 0 1px; flex: 0 0 1px; } }

@media (min-width: 720px) { .product-images__secondary { bottom: 0; -webkit-box-flex: 0; -webkit-flex: 0 0 15%; -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15%; position: absolute; top: 0; left: 0; width: 15%; } .product-images__secondary .thumb-container { overflow-x: hidden; overflow-y: scroll; position: relative; padding: 0 0.25rem; } .lte-6 .product-images__secondary .thumb-container { overflow-y: hidden; } }

@media (min-width: 960px) { .product-images__secondary { -webkit-box-flex: 0; -webkit-flex: 0 0 10%; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; width: 10%; } .lt-10 .product-images__secondary .thumb-container { overflow-y: hidden; } }

.product-images__secondary .thumb-img { padding: 0.25rem; background-color: #fff; border: 1px solid #ccc; margin: 0 0.25rem; -webkit-box-flex: 0; -webkit-flex: 0 0 12.75%; -ms-flex: 0 0 12.75%; flex: 0 0 12.75%; }

@media screen and (min-width: 400px) { .product-images__secondary .thumb-img { -webkit-box-flex: 0; -webkit-flex: 0 0 11.5%; -ms-flex: 0 0 11.5%; flex: 0 0 11.5%; } }

@media screen and (min-width: 500px) { .product-images__secondary .thumb-img { -webkit-box-flex: 0; -webkit-flex: 0 0 10.25%; -ms-flex: 0 0 10.25%; flex: 0 0 10.25%; } }

@media screen and (min-width: 600px) { .product-images__secondary .thumb-img { -webkit-box-flex: 0; -webkit-flex: 0 0 8.25%; -ms-flex: 0 0 8.25%; flex: 0 0 8.25%; } }

@media (min-width: 720px) { .product-images__secondary .thumb-img { -webkit-box-flex: unset; -webkit-flex: unset; -ms-flex: unset; flex: unset; margin: 0.25rem 0; width: 100%; } }

.product-images__secondary .thumb-img img { margin-left: auto; margin-right: auto; }

.product-images__secondary .thumb-img.lw-flipbook { position: relative; }

.product-images__secondary .thumb-img.lw-flipbook::after { content: "Look Inside"; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(28, 74, 124, 0.7); color: #fff; font-size: 0.8rem; font-weight: bold; line-height: 1.25; text-align: center; padding-top: 0.25rem; cursor: pointer; }

.product-images__secondary .tile-image { display: block; }

.product-images__secondary .tile-image.video-tile { background-color: #747474; background-size: cover; border-radius: 3px; position: relative; -webkit-transition: background .2s linear; -o-transition: background .2s linear; transition: background .2s linear; }

.product-images__secondary .tile-image.video-tile:hover { background-color: #999; }

.product-images__secondary .tile-image.video-tile:before { background: #A6403E; border-radius: 30px; content: ''; display: block; height: 24px; left: 50%; margin-left: -12px; margin-top: -12px; position: absolute; top: 50%; width: 24px; z-index: 2; }

.product-images__secondary .tile-image.video-tile:after { -webkit-box-sizing: border-box; box-sizing: border-box; background: rgba(0, 0, 0, 0); border-left: 8px solid #eee; border-top: 5px solid rgba(0, 0, 0, 0); border-bottom: 5px solid rgba(0, 0, 0, 0); content: ''; display: block; left: 50%; margin-left: -3px; margin-top: -5px; position: absolute; top: 50%; z-index: 2; }

.product-images__expanded { margin-top: 0.5rem; margin-bottom: 0; padding-bottom: 1.5rem; text-align: center; color: #ddd; }

.product-images__expanded.hide { display: none; }

@media (max-width: 719px) { .product-images__expanded { display: none; } }

.product-images__img-switch { -webkit-transition: opacity .2s, border-color .2s; -o-transition: opacity .2s, border-color .2s; transition: opacity .2s, border-color .2s; }

.product-images__img-switch:hover, .product-images__img-switch:active { cursor: pointer; opacity: .65; border-color: #225d99; }

.product-images__img-switch.active { cursor: default; opacity: .75; border-color: #225d99; }

.product-images--one-image .product-images__primary, .product-images--no-image .product-images__primary { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; left: 0; max-width: 100%; }

.product-images--one-image .product-images__secondary, .product-images--no-image .product-images__secondary { display: none; }

.product-images--one-image .gallery-arrows { display: none !important; }

.gallery-active .product-images--one-image .product-images__wrap { cursor: default; }

.product-images--no-image .view-larger-image, .product-images--no-image .product-images__expanded { display: none; }

.product-images--no-image .product-images .product-images__wrap { cursor: default; }

.product-images--no-image .pdp-ebook-badge { padding-right: 10px; }

#enlarge-product-image .modal-dialog { max-width: 832px; text-align: center; }

.close-no-header .modal-header { border-bottom: none; height: 0; padding: 0; position: relative; }

.close-no-header .modal-header .close { background: #fff; border-radius: 100%; position: absolute; right: -5px; top: -5px; opacity: 1; width: 25px; height: 25px; float: none; line-height: 0; text-align: center; white-space: nowrap; z-index: 1100; }

.close-no-header .modal-header .close span[aria-hidden="true"] { display: inline-block; width: 25px; height: 25px; }

.close-no-header .modal-header .close span[aria-hidden="true"]:before { display: inline-block; content: ''; height: 25px; vertical-align: middle; width: 0; }

.product-detail-aside__fixed .promo-message.alert, .product-detail-aside__fixed .bible-imprinting-alert.alert { display: block; }

.available-formats .card { margin-top: 1rem; }

.available-formats .section-head { margin-bottom: 0; }

.available-formats .list-group-item { background-color: transparent; border-color: transparent; border-radius: 0; padding: 0.5rem 1rem; text-decoration: none; }

.available-formats .list-group-item .format { text-decoration: underline; color: #3174a8; }

.available-formats .list-group-item:hover { background: #ddd; }

.available-formats .list-group-item.active { background-color: #999; border-color: #999; cursor: default; text-decoration: none; }

.available-formats .list-group-item.active:first-child { margin-top: .75rem; }

.available-formats .list-group-item.active .format { color: #fff; text-decoration: none; }

.available-formats__more { cursor: pointer; margin: 0.5rem 0 0; }

.free-downloads { padding-top: 1rem; }

.free-downloads:before, .free-downloads:after { content: " "; display: table; }

.free-downloads:after { clear: both; }

@media (min-width: 720px) { .free-downloads__instructions { float: right; width: 50%; } }

.free-downloads__instructions .fa-question-circle { float: left; font-size: 2.5rem; margin-right: 1rem; }

.free-downloads .file-links .media-body p { margin-bottom: 0; }

.specifications .row-label { min-width: 8.5rem; padding-right: 0.5rem; }

.popover-body .bulk-modal-content .section-head { display: none; }

.popover-body .bulk-modal-content .list-unstyled { margin-bottom: 0; }

.popover-body .bulk-modal-content .list-item { border-bottom: 1px solid #ddd; padding: 0.25rem; }

.popover-body .bulk-modal-content .list-item:last-child { border-bottom: none; }

@media (max-width: 719px) { .bulk-discounts-popover { left: 55px !important; max-width: 90%; } .bulk-discounts-popover .arrow { left: 20% !important; } }

.auto-ship { clear: both; padding-bottom: 1.5rem; padding-top: 1.5rem; }

.auto-ship__what { font-size: .9rem; }

.auto-ship__modal-link { display: block; font-size: .9rem; width: 100%; }

@media (max-width: 719px) { :where(.product-detail-aside) .auto-ship__modal-link { padding-left: 75px; } }

.auto-ship__modal .modal-header { padding: 15px; border-bottom: none; }

.auto-ship__modal .modal-header .close { padding: 0.5rem 1rem; right: 0; top: 0; z-index: 1053; }

.auto-ship__modal .modal-body { min-height: 420px; position: relative; }

.auto-ship__modal-title { max-width: 400px; padding: 0 0.5rem 1.5rem 0.5rem; }

.auto-ship__modal-text :where(h4) { margin-bottom: 1rem; }

.auto-ship__modal-img { margin: 1.5rem auto; max-width: 400px; }

@media (min-width: 720px) { .auto-ship__modal .modal-body { padding: 1.5rem; } .auto-ship__modal-title { max-width: 60%; padding-bottom: 2rem; position: relative; z-index: 1; } .auto-ship__modal-text { padding-bottom: 0.5rem; position: relative; width: 50%; z-index: 1; } .auto-ship__modal-img { bottom: 0; position: absolute; right: 0; width: 50%; z-index: 0; } }

.auto-ship__frequency-select { display: inline-block; margin-top: 0.25rem; width: auto; }

.auto-ship__input-label { font-style: italic; }

.auto-ship__input { margin-right: 0.25rem; -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); }

.auto-ship__input-img { max-height: 34px; margin-left: 0.25rem; margin-right: 0; margin-top: -6px; }

.add-to-cart__modal .auto-ship__input-img { margin-right: 1rem; max-height: 28px; }

@media (max-width: 959px) { :where(.checkout-cart) .auto-ship__input-img { max-height: 30px; } }

.auto-ship__children { display: none; }

.auto-ship__confirmation { margin-bottom: 0.5rem; margin-left: 26px; }

.auto-ship__edit-frequency { font-size: .9rem; text-decoration: underline; }

.auto-ship__edit-frequency:hover { text-decoration: none; }

button.auto-ship__edit-frequency { padding: 0; }

.auto-ship__edit-frequency-cancel { display: none; font-size: .9rem; text-decoration: underline; }

.auto-ship__edit-frequency-cancel:hover { text-decoration: none; }

.auto-ship__edit-frequency-cancel.on { display: inline-block; }

.auto-ship__options { margin-bottom: 1rem; margin-left: 26px; }

.auto-ship__disabled-btn-message { display: none; cursor: not-allowed; outline: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 5; }

[disabled] .auto-ship__disabled-btn-message, .disabled .auto-ship__disabled-btn-message { display: block; }

#buyBoxModal .auto-ship { clear: none; padding: 0; margin-bottom: 1rem; margin-left: 37%; position: relative; width: 62%; width: calc(65% - 16px); }

@media screen and (max-width: 369px) { #buyBoxModal .auto-ship__input-img { max-width: 110px; } #buyBoxModal .auto-ship__input-label { margin-bottom: 0; } }

@media screen and (max-width: 479px) { #buyBoxModal .auto-ship__confirmation { margin-left: 0.25rem; } #buyBoxModal .auto-ship__options { margin-left: 0; } }

.auto-ship__content *:last-child { margin-bottom: 0; }

.auto-ship-popover .section-head { display: none; }

.checkout-cart__item-details .auto-ship { padding-top: 0.5rem; padding-bottom: 0; }

@media screen and (max-width: 369px) { .checkout-cart__item-details .auto-ship__input-img { max-width: 110px; } .checkout-cart__item-details .auto-ship__input-label { margin-bottom: 0; } }

#addToCart, .modal-footer .btn, #buy-now, .checkout-buttons .btn { position: relative; }

.companions { margin: 1rem auto; }

.companions .table-row { padding: 0.9375rem 0.9375rem 0.4375rem; }

.companions__product [class*=col-] { margin-bottom: 0.5rem; }

.companions__product:nth-child(odd) .table-row { background-color: #fafafa; }

.companions__product:nth-child(even) .table-row { background-color: #eee; }

.companions__availability { margin-bottom: 0; }

.companions__head { border-bottom: 1px solid #eee; background: #ddd; font-weight: bold; padding-bottom: 1rem; }

.companions__head__quantity, .companions__head__price { text-align: right; }

@media (min-width: 1140px) { .companions__head__quantity { text-align: center; } }

.companions__head__add-button { text-align: right; }

.companions__head__add-button span { display: inline-block; width: 54px; text-align: center; }

.companions__options.empty { margin-bottom: 0; }

.companions__quantity { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; }

@media (min-width: 480px) { .companions__quantity { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } }

@media (min-width: 720px) { .companions__quantity { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } }

.companions__quantity label { font-weight: bold; margin-right: 0.5rem; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; }

@media (max-width: 479px) { .companions__quantity label { text-indent: -9999px; } .companions__quantity label::before { content: "QTY:"; display: block; float: right; text-indent: 0; } }

.companions__quantity input { display: inline-block; max-width: 60px; max-height: 45px; text-align: center; }

.companions__quantity input[type="number"] { -moz-appearance: textfield; }

.companions__quantity input[type="number"]::-webkit-inner-spin-button, .companions__quantity input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

.companions__quantity .alert { text-align: left; font-size: 0.8125rem; margin-bottom: 0; margin-top: 0.5rem; }

.companions__quantity .min-plus-control { margin-left: 0.25rem; width: 21px; }

.companions__quantity .min-plus-control.disabled div:hover { cursor: not-allowed; color: #555; background-color: transparent; }

.companions__quantity .add-item, .companions__quantity .minus-item { background-color: transparent; border: 0.0625rem solid #ccc; border-radius: 50%; color: #555; cursor: pointer; float: left; font-size: 8px; padding: 0.175rem 0.4rem; -webkit-transition: background-color .1s linear, color .1s linear; -o-transition: background-color .1s linear, color .1s linear; transition: background-color .1s linear, color .1s linear; }

.companions__quantity .add-item:hover, .companions__quantity .minus-item:hover { background-color: #225d99; color: #fff; }

.companions__quantity .add-item:focus, .companions__quantity .minus-item:focus { background-color: #225d99; border-color: #51a7e8; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5); color: #fff; outline: none; }

.companions__quantity .minus-item { margin-top: 2px; }

.companions__price { color: #A6403E; font-size: 1.25rem; }

.companions__price span { display: inline-block; padding: 0.1875rem 0; }

.companions__price .starting-at { display: block; font-size: 14px; margin-bottom: -.5rem; padding-bottom: 0; padding-top: 0; }

@media (min-width: 1140px) { .companions__price { color: #747474; font-size: 1rem; } .companions__price span { padding: 0.4375rem 0; } .companions__price .starting-at { font-size: 12px; margin-bottom: -.75rem; } }

@media (min-width: 480px) { .companions__add-button { text-align: right; } .companions__add-button .btn-block { display: inline-block; min-width: 53px; width: auto; } .companions__add-button .sr-only-md-up { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } }

.recommendations .tiled-container { padding: 1.5rem; }

.recommendations .tiled-container .title { height: 63px; overflow: hidden; padding-top: 0.5rem; }

.recommendations .tiled-container .price { color: #A6403E; font-size: 1.25rem; }

@media (min-width: 960px) { .product-support .instructions { margin-left: 1.5rem; float: right; width: 40%; } }

.product-support .file-links li { padding: 0.5rem 0; }

.product-detail-tabs .nav-item { margin-top: .2rem; margin-right: .2rem; }

.product-detail-tabs .nav-item + .nav-item { margin-left: 0; }

.product-detail-tabs .nav-item:last-child { margin-right: 0; }

@media (min-width: 480px) { .product-detail-tabs .nav-item .btn { min-width: 115px; } }

.product-detail-tabs .nav-item .btn.active { background-color: #66afe9; border-color: #66afe9; }

.about-item .tab-pane { padding-top: 1rem; }

.product-description { position: relative; }

.product-description .more-less { display: block; border: none; bottom: 0; color: #225d99; cursor: pointer; left: 0; margin-left: 0; margin-top: -1rem; padding: 0; position: relative; text-align: right; text-decoration: underline; z-index: 10; }

.product-description .more-less.collapsed { margin-top: -0.25rem; }

.product-description .more-less.collapsed:after { border-top: 6px solid #000; border-bottom: none; }

.product-description .more-less.top { padding: 0.5rem 0; position: relative; right: 0; }

.product-description .more-less.top.collapsed { display: none; }

#long-product-description { max-height: 100px; min-height: 100px; display: block; overflow: hidden; position: relative; padding-bottom: 1rem; }

#long-product-description:after { background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ bottom: 0; content: ''; display: block; height: 35px; left: 0; position: absolute; -webkit-transition: bottom 1s ease; -o-transition: bottom 1s ease; transition: bottom 1s ease; width: 100%; z-index: 10; }

#long-product-description p:last-child { margin-bottom: 0; }

#long-product-description.no-collapse { max-height: none; min-height: 0; }

#long-product-description.no-collapse:after, #long-product-description.no-collapse + .more-less { display: none; }

.card--pdpsocial { border: none; margin-top: 1rem; margin-bottom: 0rem; padding-bottom: 0; padding-top: 0; }

@media (min-width: 720px) { .card--pdpsocial { margin-top: 0; } }

.card--pdpsocial .card-title { display: inline-block; margin-right: 0.75rem; margin-bottom: 0; }

.card--pdpsocial .share__items { display: inline-block; margin-bottom: 0; }

.product-safety-alert .fa-exclamation-circle, .bible-imprinting-alert .fa-exclamation-circle { margin-right: 0.5rem; }

.video-playlist { margin-bottom: 1.5rem; margin-top: 1.5rem; }

.video-playlist .embed-responsive { margin-bottom: 0; }

.video-playlist__player { width: 100%; float: none; }

@media (min-width: 480px) and (max-width: 719px) { .video-playlist__player { width: 60%; float: left; } }

@media (min-width: 960px) { .video-playlist__player { width: 60%; float: left; } }

.video-playlist__title { margin-bottom: 0px; font-weight: 700; }

.video-playlist__image { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; max-width: 110px; margin-right: 0.5rem; -webkit-box-flex: 0; -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; }

.video-playlist__image > img { width: 100%; max-width: 100%; }

.video-playlist__list { border: 1px solid #ddd; border-top: none; border-radius: 0 0 3px 3px; margin-left: 0%; overflow: hidden; width: 100%; }

@media (min-width: 960px) { .video-playlist__list { border-radius: 0 3px 3px 0; } }

.video-playlist__list .list--wrap { height: 0; padding-bottom: 12.5rem; display: block; position: relative; overflow: auto; }

.video-playlist__list .list--wrap > div { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.video-playlist__list .list-group-item { border-left: 0; border-right: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; text-decoration: none; cursor: pointer; padding: .75em; }

.video-playlist__list .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; }

.video-playlist__list .list-group-item:last-child { border-bottom: none; }

.video-playlist__list .list-group-item.active { background-color: #747474; border-color: #747474; cursor: default; }

@media (min-width: 480px) and (max-width: 719px) { .video-playlist__list { width: 40%; margin-left: 60%; } .video-playlist__list .list--wrap { width: 100%; padding-bottom: 84.50%; } }

@media (min-width: 960px) { .video-playlist__list { width: 40%; margin-left: 60%; } .video-playlist__list .list--wrap { width: 100%; padding-bottom: 84.50%; } }

.video-playlist--single-video .video-playlist__player { width: 100%; float: none; }

.video-playlist--single-video .video-playlist__list { display: none; }

#product-media .product-media-content { position: relative; }

#product-media .product-media-content #audio { display: block; height: 166px; left: -9999px; position: absolute; top: -9999px; width: 100%; }

#product-media .product-media-content #audio.active { position: static; }

.product-tag { margin-top: 1rem; }

.product-tag i { margin-right: 0.3rem; font-size: 1.3333333333em; line-height: 0.75em; vertical-align: -.1em; }

.product-tag span:not(.digital) { font-size: 12px; border: 1px solid #646464; position: relative; display: inline-block; vertical-align: middle; height: 27px; }

.product-tag span:not(.digital).first { background-color: #646464; color: #fff; text-transform: uppercase; font-weight: bold; padding: 0.15rem 0.3rem 0.15rem 0.3rem; border-right: none; margin-right: 1.05rem; }

.product-tag span:not(.digital).first::before { content: ""; right: -22px; height: 27px; width: 22px; z-index: 1; top: -1px; position: absolute; background-image: url("main/img/digital-product-arrow.png"); }

.product-tag span:not(.digital).second { color: #646464; padding: 0.15rem 0.3rem 0.15rem 0rem; margin-left: 0.3rem; border-left: 0; }

@media (max-width: 1139px) { .tile .product-tag .first { padding-right: 0; } .tile .product-tag .digital { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } }

@media (max-width: 719px) { .sessions .product-tag .digital { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } }

.color-inverse .product-tag span, .pdp__dark .product-tag span { border-color: #999; }

.color-inverse .product-tag span.first, .pdp__dark .product-tag span.first { background-color: #999; color: #fff; }

.color-inverse .product-tag span.first::before, .pdp__dark .product-tag span.first::before { background-image: url("main/img/digital-product-arrow-pdp-dark.png"); }

.color-inverse .product-tag span.second, .pdp__dark .product-tag span.second { color: #aaa; }

.buy-box { margin-bottom: 2rem; }

@media (min-width: 720px) { .buy-box { margin-bottom: 0; } }

.buy-box .price-wrap { margin-bottom: 1rem; }

.buy-box p.price { color: #A6403E; font-size: 1.5rem; margin-bottom: 0; }

.buy-box p.price span.unit { color: #999; display: block; font-size: 0.9rem; font-style: italic; margin-bottom: 0; }

.buy-box .starting { display: block; font-size: 0.9rem; font-style: italic; margin-bottom: -0.625rem; padding-right: 0.5rem; }

.buy-box .regular { margin-bottom: 0; margin-top: -5px; line-height: 1.4; }

.buy-box .regular span { text-decoration: line-through; }

.buy-box .saved { color: #4D724B; margin-bottom: 0; }

.buy-box .bulk { color: #0F69C2; font-size: 0.9rem; margin-bottom: 0; }

.buy-box .selector-wrap { margin-bottom: 1rem; }

.buy-box .selector-wrap .c-select { display: inline-block; width: auto; }

.buy-box .atc-btn-wrap .btn { display: inline-block; margin-bottom: 0.5rem; min-width: 180px; white-space: normal; width: auto; }

.buy-box .atc-btn-wrap .btn + .btn { margin-top: 0; }

.product-detail-aside__fixed:not(.aside-slide--sticky) .buy-box .atc-btn-wrap { clear: both; }

.buy-box .buy-now-btn-wrap .btn { display: inline-block; min-width: 180px; white-space: normal; width: auto; }

.buy-box .buy-form { margin-bottom: 0; }

.buy-box .purchase-messages .call { font-size: 13.28px; line-height: 1.51875; }

.buy-box .purchase-messages .quantity { color: #999; font-size: 0.9rem; font-style: italic; margin-bottom: 0.5rem; }

.buy-box .buy-share { float: left; height: 44px; margin-bottom: 0.5rem; margin-left: 1.5rem; }

.buy-box .buy-share__link { height: 32px; position: relative; text-decoration: none; }

.buy-box .buy-share__link:hover .buy-share__img { -webkit-filter: brightness(0.5); filter: brightness(0.5); }

.buy-box .buy-share:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.buy-box .buy-share__img { display: inline-block; max-height: 100%; max-width: none; -webkit-transition: -webkit-filter .2s linear; transition: -webkit-filter .2s linear; -o-transition: filter .2s linear; transition: filter .2s linear; transition: filter .2s linear, -webkit-filter .2s linear; vertical-align: middle; }

.buy-box .buy-share .fa { margin-left: 0.25rem; }

.buy-box .buy-share-popover .section-head { display: none; }

.buy-box .buy-share__content *:last-child { margin-bottom: 0; }

.buy-box .product-quantity-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; float: left; -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; max-width: 180px; }

.buy-box .product-quantity-wrap label { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; margin-right: 0.5rem; }

.buy-box .product-quantity-wrap .quantity-input { padding: 0.5rem; text-align: center; width: 60px; }

.buy-box .product-quantity-wrap .quantity-input[type="number"] { -moz-appearance: textfield; }

.buy-box .product-quantity-wrap .quantity-input[type="number"]::-webkit-inner-spin-button, .buy-box .product-quantity-wrap .quantity-input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

.buy-box .product-quantity-wrap .min-plus-control { margin-left: 0.25rem; width: 21px; }

.buy-box .product-quantity-wrap .add-item, .buy-box .product-quantity-wrap .minus-item { background-color: transparent; border: 0.0625rem solid #ccc; border-radius: 50%; color: #555; cursor: pointer; float: left; font-size: 8px; padding: 0.175rem 0.4rem; -webkit-transition: background-color .1s linear, color .1s linear; -o-transition: background-color .1s linear, color .1s linear; transition: background-color .1s linear, color .1s linear; }

.buy-box .product-quantity-wrap .add-item:hover, .buy-box .product-quantity-wrap .minus-item:hover { background-color: #225d99; color: #fff; }

.buy-box .product-quantity-wrap .add-item:focus, .buy-box .product-quantity-wrap .minus-item:focus { background-color: #225d99; border-color: #51a7e8; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5); color: #fff; outline: none; }

.buy-box .product-quantity-wrap .minus-item { margin-top: 2px; }

.buy-box .product-quantity-wrap .product-quantity-alert { margin-top: 0.5rem; font-size: 13.28px; line-height: 1.51875; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; }

.buy-box .btn-default { background-color: #999; }

.buy-box .btn-default:hover { background-color: #999; }

.buy-box .btn-default, .buy-box .btn-success, .buy-box .btn-primary { margin-bottom: 1rem; }

.buy-box .status .availability { font-weight: bold; margin-bottom: 0; text-transform: uppercase; }

.buy-box .status .shipping { font-size: 13.28px; line-height: 1.51875; margin-bottom: 0; }

.buy-box .internal-nav { list-style: none; margin-bottom: 0; padding-left: 0; }

.buy-box .internal-nav li { display: inline-block; margin-top: 1rem; padding-bottom: 2px; /* formats IS NOT present and media is hidden but is the first-child */ }

.buy-box .internal-nav li.ng-hide { display: none; }

.buy-box .internal-nav li + li:before { content: ""; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), color-stop(0.1, #eeeeee), color-stop(0.5, #cccccc), color-stop(0.9, #e4e4e4), to(#e4e4e4)); display: inline-block; position: relative; height: 20px; top: 7px; width: 1px; margin-left: 0.5rem; margin-right: 0.5rem; }

.buy-box .internal-nav li.internal-nav--media.ng-hide:first-child + .internal-nav--companion:before { display: none; }

@media (min-width: 720px) { .buy-box .internal-nav li { /* formats IS present and media is hidden*/ } .buy-box .internal-nav li + .internal-nav--media.ng-hide + .internal-nav--companion:before, .buy-box .internal-nav li.internal-nav--formats + .internal-nav--media:before { display: none; } }

.lwreader-box a { background: no-repeat url("main/img/lwreader-box.png") 0 12px; display: block; min-height: 44px; padding: 42px 0 0 52px; }

.lwreader-section .row h3 { margin-bottom: 0; }

.lwreader-section__features { font-size: 0.875rem; margin-top: 1rem; margin-bottom: 0; }

.lwreader-section__help-links { list-style-type: none; margin-bottom: 0; padding-left: 0; }

.lwreader-section__help-links li { display: inline-block; font-size: 0.875rem; margin: 0 0.5rem; }

.lwreader-section__logo { max-width: 100%; }

.lwreader-section__devices { max-width: 100%; }

.lwreader-section__devices { margin-top: 1.5rem; }

.lwreader-section__apps-head { border-bottom: 1px solid #ddd; font-size: 1.25rem; margin: 1rem 0 0; padding-bottom: 0.5rem; }

.lwreader-section__apps-app { border-top: 1px solid #ddd; margin: 1rem 0; padding-top: 1rem; }

.lwreader-section__apps-app.apple { border: none; }

.lwreader-section__apps-app .store { display: block; width: 136px; height: 38px; background: no-repeat url("main/img/lwreader-about-stores.png") 0 0; text-indent: -9999px; }

.lwreader-section__apps-app.android .store { background-position: 0 -41px; }

.lwreader-section__apps-app.web .store { background-position: 0 -80px; }

.lwreader-section__apps-app .device, .lwreader-section__apps-app .learn { margin-bottom: 0; }

@media (min-width: 480px) { .lwreader-section__apps-app { padding-top: 0; } .lwreader-section__apps-group { text-align: justify; max-width: 500px; } .lwreader-section__apps-group:after { content: ''; display: inline-block; width: 100%; } .lwreader-section__apps:after { content: ''; display: inline-block; width: 100%; } .lwreader-section__apps-app { display: inline-block; border-top: none; } .lwreader-section__apps-app.apple { border: none; } }

@media (min-width: 1140px) { .lwreader-section__apps-get { border-top: 1px solid #ddd; margin-top: 1rem; padding-top: 0.5rem; } .lwreader-section__apps-group { text-align: left; max-width: none; } .lwreader-section__apps-head { border-bottom: none; font-size: 1rem; margin-top: 0; padding: 0 12px 0 118px; } .lwreader-section__apps-app { border-left: 1px solid #ddd; display: block; float: left; margin-left: 3%; padding-left: 3%; width: 22%; } .lwreader-section__apps-app.apple { border: none; } .lwreader-section__apps .box_arrow { background: url("main/img/lwreader-about-app.png") no-repeat 0 0; display: block; float: left; height: 123px; margin: 1rem 0 0; padding: 1rem 0; width: 205px; } }

.add-to-cart__thumbnail { margin-bottom: 1rem; max-width: 33%; }

.add-to-cart__modal .modal-footer { padding-top: 7px; }

.add-to-cart__modal .btn { margin-top: 0.5rem; }

.add-to-cart__digital-callout { left: 16px; margin-left: 33%; position: relative; width: 62%; width: calc(66% - 16px); }

.add-to-cart__bi { position: relative; }

.add-to-cart__bi-head { border-bottom: 1px solid #eee; margin-bottom: 15px; margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; }

.add-to-cart__bi-head-title { padding-bottom: 0.5rem; line-height: 1.6875; }

.add-to-cart__bi-alert-close { display: inline-block; float: right; margin-right: -0.5rem; margin-left: 0.5rem; margin-bottom: 0.25rem; padding-left: 0.5rem; padding-right: 0.5rem; }

.add-to-cart__bi-quantity-popover { margin-left: 0.25rem; position: relative; top: 5px; }

.add-to-cart__bi-btn-collapse { margin-bottom: 1rem; }

.add-to-cart__bi__close { color: #747474; position: absolute; right: 0.25rem; top: -0.25rem; }

.add-to-cart__bi__close:hover { color: #333; }

.checkout-cart__promo-offers--inner { -webkit-transition: background-color .2s linear, border-color .2s linear; -o-transition: background-color .2s linear, border-color .2s linear; transition: background-color .2s linear, border-color .2s linear; }

.checkout-cart__promo-offers--inner .bi-details__for-quantity, .checkout-cart__promo-offers--inner .item__price { -webkit-transition: color .2s linear, font-weight .2s linear; -o-transition: color .2s linear, font-weight .2s linear; transition: color .2s linear, font-weight .2s linear; }

.checkout-cart__promo-offers--inner.quantity-changed { background-color: #d9edf7; border-color: #bcdff1; }

.checkout-cart__promo-offers--inner.quantity-changed .bi-details__for-quantity, .checkout-cart__promo-offers--inner.quantity-changed .item__price { color: #555; font-weight: 600; }

.checkout-cart__item { -webkit-transition: background-color .2s 0s linear, margin-bottom 0s .25s linear, margin-top 0s .25s linear, padding-top 0s .25s linear, padding-bottom 0s .25s linear; -o-transition: background-color .2s 0s linear, margin-bottom 0s .25s linear, margin-top 0s .25s linear, padding-top 0s .25s linear, padding-bottom 0s .25s linear; transition: background-color .2s 0s linear, margin-bottom 0s .25s linear, margin-top 0s .25s linear, padding-top 0s .25s linear, padding-bottom 0s .25s linear; }

.checkout-cart__item.new-duplicate-item { background-color: #d9edf7; margin-bottom: -15px !important; margin-top: -15px; padding-top: 15px; padding-bottom: 15px; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear; transition: background-color .2s linear; }

.bi-details { display: inline-block; margin-bottom: 1rem; }

.checkout-cart__promo-offers--bi .bi-details { margin-bottom: 0; }

.checkout-cart__promo-offers--bi .bi-details__remove { text-align: right; text-transform: uppercase; }

.bi-details__label { font-weight: 600; margin-bottom: 0; }

.bi-details__style { margin-bottom: 0; }

.bi-details__style-label { display: inline-block; vertical-align: top; width: 48px; }

.bi-details__style-choice { display: inline-block; vertical-align: top; }

.bi-details__text { margin-bottom: 0; }

.bi-details__text-label { display: inline-block; vertical-align: top; width: 48px; }

.bi-details__text-text { display: inline-block; vertical-align: top; }

.bi-details__unit-price { margin-bottom: 0; }

.bi-details__edit-remove { max-height: 60px; overflow: hidden; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; }

.bi-details__edit-remove:before { content: ''; display: inline-block; width: 48px; }

.checkout-cart__promo-offers--bi .bi-details__edit-remove { margin-bottom: 0; }

.bi-details__edit-remove .fa { margin-right: 3px; }

.bi-open .bi-details__edit-remove { max-height: 0; margin-bottom: 0; }

.bi-details__edit { display: inline-block; margin-right: 0.5rem; }

.bi-details__remove { color: #747474; display: inline-block; }

.bi-details__use { margin-left: 0.5rem; }

.bi-details__use-text { font-style: italic; margin-bottom: 0; }

.bi-details__use-quantity-input { margin-right: 1rem; }

.bi-details__use-quantity__radio-num { margin-right: 0.25rem; }

.bi-details__use-quantity__num { font-style: normal; margin-right: 0.5rem; text-align: center; width: 50px; }

.bi-details__use-quantity__radio-all { margin-right: 0.5rem; }

.bi-details__use-of { font-style: normal; font-weight: 600; }

.bi-details__use label { font-weight: 400; }

.bi-duplicate-popover-btn, .bi-info-popover-btn { font-size: 1.25rem; margin-left: 0.25rem; position: relative; top: -1px; vertical-align: middle; }

.add-to-cart__modal .bi-duplicate-popover-btn, .add-to-cart__modal .bi-info-popover-btn { top: 4px; }

.bi__review { display: none; font-weight: bold; padding: 1rem 0; }

.bi__col input[type="radio"] { left: 0; margin-top: -6.5px; position: absolute; top: 50%; }

.bi__col input[type="radio"]:checked + label, .bi__col input[type="radio"]:checked + label:hover { background: white; cursor: default; }

.bi__font-type-label { cursor: pointer; margin-bottom: 0.5rem; padding-left: 1.25rem; position: relative; }

.bi__font-type-label-text { color: #000; display: block; font-size: 30px; font-weight: 600; line-height: 1; letter-spacing: 2.9px; position: relative; }

[for="script-input"] .bi__font-type-label-text, [for="script-input__edit"] .bi__font-type-label-text { font-family: 'OPTIGoudy-Cursive'; }

[for="block-input"] .bi__font-type-label-text, [for="block-input__edit"] .bi__font-type-label-text { font-family: 'Helvetica'; text-transform: uppercase; }

.bi__font-type-label-text:after { background-color: #3174a8; bottom: -0.5rem; content: ''; display: block; height: 3px; left: 50%; position: absolute; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: width .1s linear; -o-transition: width .1s linear; transition: width .1s linear; width: 0%; }

.bi__font-type-label:hover .bi__font-type-label-text:after, .bi__font-type-label:focus .bi__font-type-label-text:after { width: 100%; }

.bi__font-type-label input:checked + .bi__font-type-label-text:after { width: 100%; }

@media (max-width: 479px) { .bi__font-type .bi__col:first-child { margin-bottom: 0.5rem; } }

.bi__font-type__collapse { padding-bottom: 0.5rem; }

.bi__confirm { margin-bottom: 0.5rem; }

.bi__confirm-edit-style { padding-top: 0.5rem; }

.bi__confirm-edit-style .btn { margin-top: 0.5rem; }

.bi__confirm-edit-style, .bi__confirm-text { margin-bottom: 1.5rem; }

.bi__confirm-text__required-note { margin-top: 0.5rem; }

.bi__confirm-style-btn { margin-top: 0.5rem; }

.bi__confirm-style { padding-top: 0.5rem; }

.add-to-cart__modal .bi__confirm-style { padding-bottom: 0; }

.bi__confirm-style .btn { margin-top: 0.5rem; }

.bi__confirm-step2 { padding-top: 0.5rem; }

.bi-step-2 .bi__font-type > .row { margin-left: 0; margin-right: 0; width: 100%; }

.bi-step-2 .bi__font-type .bi__col { padding-left: 0; padding-right: 0; }

@media (max-width: 479px) { .bi__imprint-example { display: none; } }

.bi__imprint-text { border-bottom: 1px solid #eee; margin-bottom: 1rem; }

.bi__imprint-text__text { color: #000; margin-bottom: 0; }

.bi__imprint-text-label { font-weight: bold; }

.bi__imprint-text-label.h5 { color: #555; }

.bi__imprint-text__edit .fa { margin-right: 3px; }

.bi__imprint-text-group__line-2--link { display: inline-block; max-height: 100px; overflow: hidden; padding-top: 0.5rem; padding-bottom: 0.5rem; -webkit-transition: max-height .2s linear, padding  .2s linear; -o-transition: max-height .2s linear, padding  .2s linear; transition: max-height .2s linear, padding  .2s linear; }

.bi__imprint-text-group__line-2--link[aria-expanded="true"] { display: block; max-height: 0; padding-top: 0; padding-bottom: 0; outline: none; }

@media (min-width: 720px) { .bi__imprint-text-input-group { padding-right: 7px; } .bi__imprint-text-confirm-input-group { margin-bottom: 0.5rem; padding-left: 8px; } }

.bi__imprint-text-note { margin-bottom: 1rem; }

.bi__imprint-style { border-bottom: 1px solid #eee; margin-bottom: 1rem; }

.bi__imprint-style label { margin-bottom: 0; }

.bi__imprint-style__edit .fa { margin-right: 3px; }

.bi__imprint-style__choice { color: #000; font-size: 30px; font-weight: 600; letter-spacing: 2.9px; margin-bottom: 0; }

.bi__imprint-style__choice-script { font-family: 'OPTIGoudy-Cursive'; }

.bi__imprint-style__choice-block { font-family: 'Helvetica'; text-transform: uppercase; }

.bi-legal { margin-bottom: 0.5rem; }

.bi-legal-head { font-size: 1rem; font-weight: 600; }

.bi-legal-checkbox { margin-top: .45rem !important; }

.checkbox .bi-legal-checkbox-label { font-weight: 600; }

#bi__imprint-text__collapse.bi-style-script .bi__imprint-text__text { font-family: 'OPTIGoudy-Cursive'; font-size: 30px; font-weight: 600; letter-spacing: 2.9px; }

#bi__imprint-text__collapse.bi-style-block .bi__imprint-text__text { font-family: 'Helvetica'; font-size: 30px; font-weight: 600; letter-spacing: 2.9px; text-transform: uppercase; }

.product-family-box { font-size: 80%; margin-top: 1rem; }

.product-family-box p:last-child { margin-bottom: 0; }

body.no-scroll { overflow: hidden; }

.gallery-arrows { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; display: none; }

.gallery-arrows div { color: #fff; zoom: 1; padding: 3px 10px; border-radius: 30px; }

.gallery-arrows .gallery-prev, .gallery-arrows .gallery-next { cursor: pointer; float: left; -webkit-transition: opacity 0.2s, color 0.2s; -o-transition: opacity 0.2s, color 0.2s; transition: opacity 0.2s, color 0.2s; opacity: 0.7; }

.gallery-arrows .gallery-prev:hover, .gallery-arrows .gallery-next:hover, .gallery-arrows .gallery-prev:focus, .gallery-arrows .gallery-next:focus, .gallery-arrows .gallery-prev:active, .gallery-arrows .gallery-next:active { opacity: 1; }

.gallery-arrows .gallery-next { float: right; }

.zoom-lens, .zoom-result { display: none; }

@media (min-width: 720px) { .zoom-lens { display: block; position: absolute; z-index: 2; cursor: crosshair; } .zoom-result { display: block; position: absolute; border: 1px solid #d4d4d4; /*set the size of the result div:*/ top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-repeat: no-repeat; z-index: -1; } }

body.wowbook-lightbox-on { overflow: hidden; }

.wowbook-lightbox button.wowbook-close { color: #000; border: none; background: transparent; font-size: 1.25rem; outline: none; opacity: 0.5; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; }

.wowbook-lightbox button.wowbook-close:hover { opacity: 0.8; }

@media (min-width: 480px) { .wowbook-lightbox button.wowbook-close { font-size: 2.75rem; } }

.wowbook-lightbox .wowbook-pdf-annotations { display: none; }

.wowbook-controls .wowbook-control, .wowbook-controls .wowbook-findbar a { cursor: pointer; text-decoration: none; }

.wowbook-controls .wowbook-control:focus, .wowbook-controls .wowbook-findbar a:focus { background: #000; color: #fff; outline: 1px dashed rgba(15, 105, 194, 0.65); text-decoration: none; }

button.wowbook-close:focus { color: #000; opacity: 1; outline: 1px dashed #0F69C2; }

.lw-flipbook-trigger { background-color: #225d99; border-bottom-right-radius: 20px; color: #fff; height: 23px; left: 1px; font-size: 0.8rem; opacity: 0; padding-left: 0.25rem; padding-right: 0.75rem; position: absolute; text-decoration: none; top: 1px; -webkit-transition: background-color 0.2s, opacity 0.2s; -o-transition: background-color 0.2s, opacity 0.2s; transition: background-color 0.2s, opacity 0.2s; z-index: 5; }

.lw-flipbook-trigger.visible { opacity: 1; }

.lw-flipbook-trigger:hover, .lw-flipbook-trigger:focus, .lw-flipbook-trigger:active { background-color: #1c4b7c; color: #fff; }

.lw-flipbook-trigger i { margin-right: 0.25rem; }

.gallery-overlay { background-color: #fff; width: 100%; position: fixed; top: 0; height: 100%; left: 0; z-index: 1200; display: none; }

.gallery-overlay .close { font-size: 3rem; line-height: 2rem; padding-top: 1rem; padding-right: 1rem; font-weight: 100; width: 100%; max-width: 1400px; text-align: right; margin-left: auto; margin-right: auto; left: 0; right: 0; position: absolute; opacity: 1; }

.gallery-overlay .close:hover, .gallery-overlay .close:active { opacity: 1; }

.gallery-overlay .close span { opacity: 0.5; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; }

.gallery-overlay .close span:hover, .gallery-overlay .close span:active { opacity: 0.8; }

.detail-grid.gallery-active { display: block; }

.detail-grid.gallery-active .lw-flipbook-trigger { display: none; }

@media (min-width: 720px) { .detail-grid.gallery-active .product-images__primary { -webkit-box-flex: 0; -webkit-flex: 0 0 90%; -ms-flex: 0 0 90%; flex: 0 0 90%; left: 10%; max-width: 90%; } .detail-grid.gallery-active .product-images__secondary { -webkit-box-flex: 0; -webkit-flex: 0 0 10%; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; } .detail-grid.gallery-active .product-images__primary .product-images__wrap { cursor: default; } .detail-grid.gallery-active .gallery-overlay, .detail-grid.gallery-active .gallery-arrows, .detail-grid.gallery-active .gallery-zoom { display: block; } .detail-grid.gallery-active .zoom-lens, .detail-grid.gallery-active .zoom-result { display: none; } .detail-grid.gallery-active .detail-grid__col-wide { position: fixed; z-index: 1201; width: 95%; max-width: 1100px; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .detail-grid.gallery-active .detail-grid__col-wide:hover .gallery-prev, .detail-grid.gallery-active .detail-grid__col-wide:hover .gallery-next { color: #aaa; } .detail-grid.gallery-active .detail-grid__col-wide img.active { opacity: 1; cursor: default; } .detail-grid.gallery-active .detail-grid__col-wide__inner { padding-right: 0; } }

@media (min-width: 960px) { .detail-grid.gallery-active .product-images__primary { -webkit-box-flex: 0; -webkit-flex: 0 0 92%; -ms-flex: 0 0 92%; flex: 0 0 92%; left: 8%; max-width: 92%; width: 90%; } .detail-grid.gallery-active .product-images__secondary { -webkit-box-flex: 0; -webkit-flex: 0 0 8%; -ms-flex: 0 0 8%; flex: 0 0 8%; max-width: 8%; width: 8%; } }

@media (min-width: 720px) and (min-height: 1050px) { .detail-grid.gallery-active .detail-grid__col-wide { width: 100%; max-width: 1250px; } }

@media (min-width: 720px) and (max-height: 900px) and (min-height: 700px) { .detail-grid.gallery-active .detail-grid__col-wide { width: 80%; max-width: 850px; min-width: 700px; } }

@media (min-width: 720px) and (max-height: 700px) and (min-height: 500px) { .detail-grid.gallery-active .detail-grid__col-wide { width: 90%; max-width: 650px; } }

@media (min-width: 720px) and (max-height: 500px) { .detail-grid.gallery-active .detail-grid__col-wide { width: 65%; max-width: 500px; } }

@supports (display: grid) { @media (min-width: 720px) { .product-images__primary { position: relative; } .product-images__primary img.t-square { display: block; margin: 0; padding: 0; width: 100%; } .product-images__primary .product-images__wrap { bottom: 0; height: 100%; left: 0; padding: 0; position: absolute; overflow: hidden; right: 0; top: 0; width: 100%; cursor: pointer; } .detail-grid { display: grid; grid-template-columns: 50% 50%; grid-template-rows: auto auto; margin-left: 0; margin-right: 0; margin-bottom: 1.5rem; } .detail-grid .col-md-7, .detail-grid .col-md-5 { max-width: none; padding-left: 0; padding-right: 0; } .detail-grid__col-wide { grid-column: 1; grid-row: 1; } .detail-grid__col-wide__inner { padding-right: 15px; } .detail-grid .product-detail-aside { grid-column: 2; grid-row: 1/5; position: relative; } .detail-grid .product-detail-aside__inner { padding-left: 15px; } .detail-grid .product-detail-aside__inner { width: 100%; } .detail-grid .product-detail-aside__fixed.aside-slide { left: 50%; max-width: 720px; position: fixed; top: 0; width: 50%; z-index: 1; } .detail-grid .product-detail-aside__fixed.aside-slide .product-detail-aside__inner { padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; max-width: 1440px; width: 100%; } .detail-grid .product-detail-aside__fixed.aside-slide--desc-collapse { left: 0; position: absolute; top: auto; width: 100%; } .detail-grid .product-detail-aside__fixed.aside-slide--desc-collapse .product-detail-aside__inner--block { margin-left: 0; padding-left: 0; width: 100%; } .detail-grid .product-detail-aside__fixed.aside-slide--bottom { bottom: 0; height: 100%; left: 0; position: static; top: auto; width: 100%; } .detail-grid .product-detail-aside__fixed.aside-slide--bottom .product-detail-aside__inner { padding-right: 0; position: absolute; bottom: 0; left: 0; } .detail-grid .product-detail-aside__fixed.aside-slide--bottom .product-detail-aside__inner--block { margin-left: 0; padding-left: 0; width: 100%; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky { background-color: #fff; border-bottom: 1px solid #eee; bottom: auto; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); height: auto; max-width: 100%; position: fixed; -webkit-transition: top .25s ease-in-out; -o-transition: top .25s ease-in-out; transition: top .25s ease-in-out; top: -180px; z-index: 10; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky-show { top: 0; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .product-detail-aside__inner { bottom: auto; left: auto; margin: 0 auto; padding-right: 15px; position: static; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .product-detail-aside__inner--block { margin-left: 0; padding-left: 0; width: 100%; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .buy-box { padding-bottom: 0.5rem; padding-top: 0.5rem; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .buy-box:before, .detail-grid .product-detail-aside__fixed.aside-slide--sticky .buy-box:after { content: " "; display: table; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .buy-box:after { clear: both; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky h1 { font-size: 1rem; line-height: 1.2; margin-bottom: 0; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky h3 { font-size: .875rem; line-height: 1.2; margin-bottom: 0; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .product-details { display: block; float: left; padding-right: 1rem; width: 28%; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .price-wrap { display: block; float: left; margin-bottom: 0; padding-right: 1rem; text-align: center; width: 20%; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .price-wrap .price { font-size: 1.1rem; margin-bottom: -5px; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .price-wrap .price .starting { font-size: .8rem; margin-top: -3px; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .buy-form { display: block; float: left; width: 52%; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .buy-form:before, .detail-grid .product-detail-aside__fixed.aside-slide--sticky .buy-form:after { content: " "; display: table; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .buy-form:after { clear: both; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .selector-wrap { float: left; margin-bottom: 0; min-height: 1px; padding-right: 1rem; width: 30%; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .selector-wrap .c-select { background-position: right .5rem center; padding: .05rem 1.75rem .05rem .5rem; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .selector-wrap.auto-ship-options { width: 100%; padding-right: 0; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .product-quantity-wrap { float: left; margin-bottom: 0; padding-right: 1rem; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .product-quantity-wrap .quantity-input { height: 31px; padding: 0 0.35rem; width: 60px; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .product-quantity-wrap label[for="product-quantity"] { text-indent: -9999px; min-width: 35px; display: none; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .product-quantity-wrap label[for="product-quantity"]:after { content: 'QTY:'; display: block; float: right; text-indent: 0; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .product-quantity-wrap .min-plus-control { margin-bottom: -2px; margin-top: -2px; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .product-quantity-wrap .add-item, .detail-grid .product-detail-aside__fixed.aside-slide--sticky .product-quantity-wrap .minus-item { padding: 1px 4px; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .auto-ship { clear: none; float: left; padding-right: 16px; width: 32%; max-width: 125px; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .auto-ship-confirmation { margin-top: -0.5rem; margin-left: 0; margin-bottom: 0; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .auto-ship-confirmation strong { display: none; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .product-quantity-alert { margin-bottom: 0; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .atc-btn-wrap { float: right; text-align: right; width: 15%; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .atc-btn-wrap .btn { font-size: 0.85rem; line-height: 1.5; margin-bottom: 0; min-width: 0; padding: 0.40rem 0.75rem; width: 100%; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .atc-btn-wrap .fas { display: block; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .product-subtitle, .detail-grid .product-detail-aside__fixed.aside-slide--sticky .bulk, .detail-grid .product-detail-aside__fixed.aside-slide--sticky .product-family-box, .detail-grid .product-detail-aside__fixed.aside-slide--sticky .purchase-messages, .detail-grid .product-detail-aside__fixed.aside-slide--sticky .card--pdpsocial, .detail-grid .product-detail-aside__fixed.aside-slide--sticky .contributor, .detail-grid .product-detail-aside__fixed.aside-slide--sticky .publisher, .detail-grid .product-detail-aside__fixed.aside-slide--sticky .internal-nav, .detail-grid .product-detail-aside__fixed.aside-slide--sticky .status, .detail-grid .product-detail-aside__fixed.aside-slide--sticky .price-wrap .regular, .detail-grid .product-detail-aside__fixed.aside-slide--sticky .price-wrap .saved, .detail-grid .product-detail-aside__fixed.aside-slide--sticky .product-tag, .detail-grid .product-detail-aside__fixed.aside-slide--sticky .buy-share, .detail-grid .product-detail-aside__fixed.aside-slide--sticky .buy-now-btn-wrap, .detail-grid .product-detail-aside__fixed.aside-slide--sticky .bible-imprinting-alert, .detail-grid .product-detail-aside__fixed.aside-slide--sticky .on-demand-alert, .detail-grid .product-detail-aside__fixed.aside-slide--sticky .auto-ship__modal-link, .detail-grid .product-detail-aside__fixed.aside-slide--sticky.product-detail-aside__fixed .promo-message.alert { display: none; } .detail-grid .about-item { grid-column: 1; grid-row: 2; padding-right: 15px; } .detail-grid .available-formats { padding-right: 15px; } .detail-grid .available-formats .card { margin-top: 1.5rem; margin-bottom: 0; } }
  @media (min-width: 720px) and (max-width: 959px) { .detail-grid .product-detail-aside__fixed.aside-slide--sticky .auto-ship { display: none; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .product-quantity-wrap, .detail-grid .product-detail-aside__fixed.aside-slide--sticky .atc-btn-wrap { width: 35%; } }
  @media (min-width: 960px) and (max-width: 1139px) { .detail-grid .product-detail-aside__fixed.aside-slide--sticky .auto-ship { padding: 0; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .auto-ship__input-img { margin-left: 0px; margin-right: 0; margin-top: -3px; max-height: 19px; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .auto-ship .bd-popover { display: none; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .auto-ship__options { margin-bottom: 0; margin-left: 0; } }
  @media (min-width: 960px) { .detail-grid .product-detail-aside__fixed.aside-slide--sticky .product-quantity-wrap { -webkit-box-flex: 1; -webkit-flex: 1 0 35%; -ms-flex: 1 0 35%; flex: 1 0 35%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; max-width: 35%; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .product-quantity-wrap .quantity-input { padding: 0 0.75rem; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .atc-btn-wrap { width: 23%; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .atc-btn-wrap .fas { display: none; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .atc-btn-wrap .cart-btn-text { display: block; } }
  @media (min-width: 1140px) { .detail-grid .product-detail-aside__fixed.aside-slide--sticky label[for="product-quantity"] { display: block; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .auto-ship { max-width: 170px; padding: 0; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .auto-ship__input-img { margin-right: 0; margin-top: -4px; max-height: 24px; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .auto-ship .bd-popover { display: none; } }
  @media (min-width: 1440px) { .detail-grid .product-detail-aside__fixed.aside-slide--sticky .auto-ship { max-width: 200px; padding-left: 1rem; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky .auto-ship__input-img { margin-top: -6px; max-height: 28px; } }
  @media (max-width: 959px) { .detail-grid .product-detail-aside__fixed.aside-slide--sticky .cart-btn-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } } }

.additionaldetails.parbase { width: 100%; }

.on-demand-alert { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

@media (max-width: 719px) { .on-demand-alert { margin-top: 1.5rem; } }

.on-demand-alert :where(img) { -webkit-box-flex: 0; -webkit-flex: 0 0 80px; -ms-flex: 0 0 80px; flex: 0 0 80px; padding-right: 1rem; }

.on-demand-alert-text { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }

.on-demand-alert-text :where(*:last-child) { margin-bottom: 0; }

.on-demand__logos { margin-top: 1.5rem; }

@media (min-width: 960px) { .on-demand__logos { margin-top: 2rem; padding: 0 2rem; } }

@media (min-width: 1440px) { .on-demand__logos { margin-top: 3rem; padding: 0 3rem; } }

.on-demand__logos-logo { margin-bottom: 1rem; }

.on-demand__stream :where(h3) { margin-bottom: 1rem; }

.on-demand__device { display: inline-block; margin-bottom: 0.5rem; vertical-align: top; }

.on-demand__device:where(.apple-store, .google-play) { margin-bottom: 0; }

.on-demand__text { margin-top: 1rem; }

@media (min-width: 720px) { .on-demand__text { margin-top: 1.5rem; } }

@media (min-width: 960px) { .on-demand__text { margin-top: 2rem; } }

@media (min-width: 1440px) { .on-demand__text { margin-top: 3rem; } }

/* 4.6 ERROR PAGES
---------------------------------------------------------------------- */
/* ALSO had to comment out .c-select:focus in custom-forms.php */
.error-page .four-oh-four { margin: 1rem auto; max-width: 32rem; }

.error-page .four-oh-four ul { margin-bottom: 0; }

.error-page .five-oh-three { margin: 0 auto; }

.error-page .five-oh-three ul { margin-bottom: 0; }

/* 4.7 EVENTS
---------------------------------------------------------------------- */
.event-family .section-1 { color: #fff; min-height: 240px; }

@media (min-width: 720px) { .event-family .section-1 { min-height: 360px; } }

.event-quantity-alert { margin-top: 0.5rem; }

.event-reg-price { text-align: left; }

@media (min-width: 480px) { .event-reg-price .form-group { margin-right: 1rem; } }

@media (min-width: 960px) { .event-reg-price .form-group { margin-right: 0; } }

.event-reg-price__input { text-align: center; }

.form-inline .event-reg-price__input.form-control { display: inline-block; margin-top: -1px; width: 4.5rem; }

.event-reg-price__label { padding-left: 0; }

.event-reg-price__quantity, .event-reg-price__price { margin-bottom: 0; }

@media (min-width: 960px) { .event-reg-price { text-align: right; } .form-inline .event-reg-price__input.form-control { margin-right: 0; } .event-reg-price__btn { margin-top: 1rem; } input[type="hidden"] + .event-reg-price__btn, .visually-hidden + .event-reg-price__btn { margin-top: 0; } }

.event-reg-price__early-bird { text-decoration: line-through; font-size: inherit; }

.reg-cal-comp { background-position: center center; background-repeat: no-repeat; background-size: cover; }

.reg-cal-comp__quantity { margin-bottom: 0; }

@media (min-width: 480px) { .reg-cal-comp__quantity .form-group { margin-right: 1rem; } }

.form-inline .reg-cal-comp__quantity-input.form-control { display: inline-block; width: 4.5rem; }

.lone-btn--atc__quantity { margin-bottom: 0; }

.lone-btn--atc__quantity .form-group { display: block; margin-bottom: 15px; }

.lone-btn--atc__quantity .form-group .form-control, .lone-btn--atc__quantity .form-group .form-control-label { margin-bottom: 0.5rem; }

@media (min-width: 480px) { .lone-btn--atc__quantity .form-group .form-control, .lone-btn--atc__quantity .form-group .form-control-label { margin-bottom: 0; } }

@media (min-width: 720px) { .lone-btn--atc__quantity .form-group { display: inline-block; margin-right: 1rem; margin-bottom: 0; } }

.form-inline .lone-btn--atc__quantity-input.form-control { display: inline-block; margin-top: -13px; width: 6rem; }

#event-schedule [class*="col-"] { margin-bottom: 1rem; }

.media-text-2-col { background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 2rem 0; }

.media-text-2-col.background-fixed { background-attachment: fixed; }

.col-wide .media-text-2-col.card--dark, .col-wide .media-text-2-col[style*='background-image: url'], .col-wide .media-text-2-col[style*='background-color: #']:not([style*='background-color: #ffffff']), .detail-full .media-text-2-col.card--dark, .detail-full .media-text-2-col[style*='background-image: url'], .detail-full .media-text-2-col[style*='background-color: #']:not([style*='background-color: #ffffff']) { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; }

@media (min-width: 720px) { .col-wide .media-text-2-col.card--dark, .col-wide .media-text-2-col[style*='background-image: url'], .col-wide .media-text-2-col[style*='background-color: #']:not([style*='background-color: #ffffff']), .detail-full .media-text-2-col.card--dark, .detail-full .media-text-2-col[style*='background-image: url'], .detail-full .media-text-2-col[style*='background-color: #']:not([style*='background-color: #ffffff']) { margin-left: 0; margin-right: 0; padding-left: 1rem; padding-right: 1rem; } }

@media (min-width: 960px) { .col-wide .media-text-2-col.card--dark, .col-wide .media-text-2-col[style*='background-image: url'], .col-wide .media-text-2-col[style*='background-color: #']:not([style*='background-color: #ffffff']), .detail-full .media-text-2-col.card--dark, .detail-full .media-text-2-col[style*='background-image: url'], .detail-full .media-text-2-col[style*='background-color: #']:not([style*='background-color: #ffffff']) { padding-left: 1.5rem; padding-right: 1.5rem; } }

@media (min-width: 1140px) { .col-wide .media-text-2-col.card--dark, .col-wide .media-text-2-col[style*='background-image: url'], .col-wide .media-text-2-col[style*='background-color: #']:not([style*='background-color: #ffffff']), .detail-full .media-text-2-col.card--dark, .detail-full .media-text-2-col[style*='background-image: url'], .detail-full .media-text-2-col[style*='background-color: #']:not([style*='background-color: #ffffff']) { padding-left: 2rem; padding-right: 2rem; } }

.contain-comp .media-text-2-col { margin-left: -15px; margin-right: -15px; }

.detail-full .media-text-2-col .inner-max:not(.row) { padding-left: 0; padding-right: 0; }

@media (min-width: 1140px) { .contain-comp .media-text-2-col.card--dark, .contain-comp .media-text-2-col[style*='background-image: url'], .contain-comp .media-text-2-col[style*='background-color: #']:not([style='background-color: #ffffff']) { margin-left: 0; margin-right: 0; padding-left: 1.5rem; padding-right: 1.5rem; } }

.media-text-2-col .inner-max:not(.row) { /* :not(.row) can be removed after AEM-37 is deployed */ padding-left: 0.9375rem; padding-right: 0.9375rem; }

.main-col .media-text-2-col .inner-max:not(.row) { padding-left: 0; padding-right: 0; }

.main-col .media-text-2-col .inner-max.row { /* this can be removed after AEM-37 is deployed */ margin-left: -0.9375rem; margin-right: -0.9375rem; }

.media-text-2-col__section-title { font-size: 2em; margin-left: auto; margin-right: auto; max-width: 1110px; text-align: center; }

.inner-max > .media-text-2-col__section-title { max-width: none; }

.media-text-2-col__section-title.text-left { text-align: left; }

.media-text-2-col__media, .media-text-2-col__text { padding-bottom: 1rem; padding-top: 1rem; }

.media-text-2-col__text *:last-child { margin-bottom: 0; }

.media-text-2-col__btns .btn { margin-top: 1rem; margin-right: .5rem; }

.media-text-2-col h1:first-child, .media-text-2-col h2:first-child, .media-text-2-col h3:first-child, .media-text-2-col h4:first-child { margin-top: 0; }

.media-text-2-col .slider { margin-bottom: 0; }

.media-text-2-col .slider img { margin-left: auto; margin-right: auto; }

.media-text-2-col .slider .owl-controls { display: none !important; }

.multi-col { background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 2rem 0; }

.col-wide .multi-col.card--dark, .col-wide .multi-col[style*='background']:not([style='background-color:#ffffff']), .detail-full .multi-col.card--dark, .detail-full .multi-col[style*='background']:not([style='background-color:#ffffff']) { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; }

@media (min-width: 720px) { .col-wide .multi-col.card--dark, .col-wide .multi-col[style*='background']:not([style='background-color:#ffffff']), .detail-full .multi-col.card--dark, .detail-full .multi-col[style*='background']:not([style='background-color:#ffffff']) { margin-left: 0; margin-right: 0; padding-left: 1rem; padding-right: 1rem; } }

@media (min-width: 960px) { .col-wide .multi-col.card--dark, .col-wide .multi-col[style*='background']:not([style='background-color:#ffffff']), .detail-full .multi-col.card--dark, .detail-full .multi-col[style*='background']:not([style='background-color:#ffffff']) { padding-left: 1.5rem; padding-right: 1.5rem; } }

@media (min-width: 1140px) { .col-wide .multi-col.card--dark, .col-wide .multi-col[style*='background']:not([style='background-color:#ffffff']), .detail-full .multi-col.card--dark, .detail-full .multi-col[style*='background']:not([style='background-color:#ffffff']) { padding-left: 2rem; padding-right: 2rem; } }

.contain-comp .multi-col { margin-left: -15px; margin-right: -15px; }

.detail-full .multi-col .inner-max:not(.row) { padding-left: 0; padding-right: 0; }

@media (min-width: 1140px) { .contain-comp .multi-col.card--dark, .contain-comp .multi-col[style*='background']:not([style='background-color:#ffffff']) { margin-left: 0; margin-right: 0; padding-left: 1.5rem; padding-right: 1.5rem; } }

.multi-col .inner-max:not(.row) { padding-left: 0.9375rem; padding-right: 0.9375rem; }

.main-col .multi-col .inner-max:not(.row) { padding-left: 0; padding-right: 0; }

.multi-col__section-title { font-size: 2em; text-align: center; }

.multi-col__section-head-row + .multi-col__section-text { margin-top: 1.5rem; }

.multi-col__col { padding-bottom: 1.5rem; padding-top: 1.5rem; }

.multi-col.btn-bottom .multi-col__col { padding-bottom: 4.25rem; position: relative; }

.multi-col__img { display: block; font-size: 0.1px; line-height: 0; margin-bottom: 1rem; white-space: nowrap; }

.multi-col__img img { display: inline-block; max-width: 100%; max-height: 200px; max-height: 35vh; vertical-align: bottom; }

.multi-col.tile-img .col-xs-6 .multi-col__img { height: 0; padding-bottom: 200px; position: relative; }

.multi-col.tile-img .col-xs-6 .multi-col__img div { position: absolute; bottom: 0; left: 0; right: 0; height: 100%; }

.multi-col.tile-img .col-xs-6 .multi-col__img div:before { content: ''; display: inline-block; height: 100%; position: relative; vertical-align: bottom; width: 0; }

.multi-col.tile-img .col-xs-6 .multi-col__img img { max-height: 100%; }

.multi-col.tile-img.fixed-sm .col-xs-6 .multi-col__img { padding-bottom: 130px; }

.multi-col.tile-img.fixed-lg .col-xs-6 .multi-col__img { padding-bottom: 300px; }

.multi-col.tile-img.ratio-1x1 .col-xs-6 .multi-col__img { padding-bottom: 100%; }

.multi-col.tile-img.ratio-16x9 .col-xs-6 .multi-col__img { padding-bottom: 56.25%; }

@media (min-width: 480px) { .multi-col.tile-img .multi-col__img { height: 0; padding-bottom: 200px; position: relative; } .multi-col.tile-img .multi-col__img div { position: absolute; bottom: 0; left: 0; right: 0; height: 100%; } .multi-col.tile-img .multi-col__img div:before { content: ''; display: inline-block; height: 100%; position: relative; vertical-align: bottom; width: 0; } .multi-col.tile-img .multi-col__img img { max-height: 100%; } .multi-col.tile-img.fixed-sm .multi-col__img { padding-bottom: 130px; } .multi-col.tile-img.fixed-lg .multi-col__img { padding-bottom: 300px; } .multi-col.tile-img.ratio-1x1 .multi-col__img { padding-bottom: 100%; } .multi-col.tile-img.ratio-16x9 .multi-col__img { padding-bottom: 56.25%; } }

.multi-col__img-link img { -webkit-transition: opacity .2s linear; -o-transition: opacity .2s linear; transition: opacity .2s linear; }

.multi-col__img-link:hover img { opacity: .8; }

.multi-col__text *:last-child { margin-bottom: 0; }

.multi-col__btns .btn { margin-right: 0.5rem; margin-top: 1rem; }

.multi-col__btns .btn:last-child { margin-right: 0; }

.multi-col.btn-bottom .multi-col__btns { bottom: 1rem; left: 0; padding-left: 15px; padding-right: 15px; position: absolute; width: 100%; }

@media (min-width: 480px) { .multi-col__col:before, .multi-col__col:after { content: " "; display: table; } .multi-col__col:after { clear: both; } .multi-col.img-text-aside .multi-col__img { float: left; margin-bottom: 0; padding-right: 10px; width: 50%; } .multi-col.img-text-aside .multi-col__text { float: right; padding-left: 10px; width: 50%; } .multi-col.img-text-aside .multi-col__btns { clear: right; float: right; padding-left: 10px; width: 50%; } }

#event-location .navbar-toggler { color: #3174a8; -webkit-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; }

#event-location .navbar-toggler:hover { color: #204b6d; }

.event-family .section-9 { background: #f6f1e3; }

.event-detail .section-7 { background: #f6f1e3; }

.overlay-accent-85 { background: rgba(51, 138, 142, 0.85); }

@media (max-width: 959px) { .event-detail .responsive-table-cells tbody th[scope="row"] a { color: white; } }

.event__banner { display: block; width: 100%; height: 100%; }

.event-downloads .media-body p, .event-promo-downloads .media-body p { margin-bottom: 0; }

.page-subnav { margin-bottom: 1.5rem; }

.event-simulcast nav.secondary, .page-subnav nav.secondary { width: 100%; background: transparent; text-align: center; }

@media (min-width: 720px) { .event-simulcast nav.secondary .navbar-nav, .page-subnav nav.secondary .navbar-nav { text-align: justify; line-height: 0; font-size: .1px; } .event-simulcast nav.secondary .navbar-nav .nav-item a, .page-subnav nav.secondary .navbar-nav .nav-item a { line-height: 27px; font-size: 16px; } .event-simulcast nav.secondary .navbar-nav:after, .page-subnav nav.secondary .navbar-nav:after { content: ''; display: inline-block; height: 0px; width: 100%; } }

.event-simulcast nav.navbar.secondary .nav-item, .page-subnav nav.navbar.secondary .nav-item { width: auto; float: none; display: inline-block; }

.event-simulcast nav.navbar.secondary .nav-item + .nav-item, .page-subnav nav.navbar.secondary .nav-item + .nav-item { margin-left: 10%; }

@media (min-width: 480px) { .event-simulcast nav.navbar.secondary .nav-item + .nav-item, .page-subnav nav.navbar.secondary .nav-item + .nav-item { margin-left: 5%; } }

@media (min-width: 720px) { .event-simulcast nav.navbar.secondary .nav-item + .nav-item, .page-subnav nav.navbar.secondary .nav-item + .nav-item { margin-left: 3%; } }

.event-simulcast .section-1 .card--dark { background: transparent; border-color: transparent; }

.event-simulcast .section-5 { background-color: #fafafa; }

.event-simulcast .section-5 .card-block { background: #fff; }

.event-simulcast .nav-secondary, .page-subnav { background-color: #eee; }

.btn-center { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

/* 4.8 GIFT CARD
---------------------------------------------------------------------- */
.giftcard.card.card-block { width: 500px; height: 300px; background: #eeeeee url(main/img_dev/giftcard/card-500.jpg) no-repeat center top; background-size: cover; }

@media (max-width: 1139px) { .giftcard.card.card-block { width: 400px; height: 240px; } }

@media (max-width: 959px) { .giftcard.card.card-block { width: 360px; height: 215px; } }

@media (max-width: 719px) { .giftcard.card.card-block { width: 460px; height: 275px; } }

@media (max-width: 479px) { .giftcard.card.card-block { width: 280px; height: 167px; background: #eeeeee url(main/img_dev/giftcard/card-mobile.jpg) no-repeat center top; background-size: cover; } }

.giftcard .card-details { margin-top: 124px; margin-left: 170px; }

@media (max-width: 1139px) { .giftcard .card-details { margin-top: 90px; margin-left: 130px; } }

@media (max-width: 959px) { .giftcard .card-details { margin-top: 76px; margin-left: 116px; } }

@media (max-width: 719px) { .giftcard .card-details { margin-top: 110px; margin-left: 154px; } }

@media (max-width: 479px) { .giftcard .card-details { margin-top: 54px; margin-left: 78px; line-height: 18px; font-size: 82%; } }

.giftcard .card-details .col-1 { width: 120px; }

@media (max-width: 1139px) { .giftcard .card-details .col-1 { width: 90px; } }

@media (max-width: 479px) { .giftcard .card-details .col-1 { width: 68px; } }

.giftcard .barcode { margin-top: 4px; }

.giftcard .barcode img { width: 50%; }

@media (max-width: 719px) { .giftcard-text { clear: both; } }

.giftcard-print .giftcard--printable, .giftcard-print .giftcard-text { margin-left: auto; margin-right: auto; position: relative; width: 475px; }

.giftcard-print .giftcard--printable { overflow: hidden; }

.giftcard-print .giftcard--printable .card-details { margin-top: 124px; margin-left: 170px; position: relative; }

.giftcard-print .giftcard--printable .card-details .col-1 { width: 120px; }

.giftcard-print .giftcard--printable .card-details .barcode { margin-top: 4px; }

.giftcard-print .giftcard--printable .card-details .barcode img { width: 50%; }

.giftcard__bow { left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }

/* 4.9 HOMEPAGE
---------------------------------------------------------------------- */
/* ALSO had to comment out .c-select:focus in custom-forms.php */
/* ********************************************** RESPONSIVE FONT MIXIN ************* */
/* ********************************************** END RESPONSIVE FONT MIXIN *********** */
.banner-ad { background-color: #eee; }

/* Owl Carousel Owl Demo Theme v1.23 */
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; }

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ }

.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); /*IE7 fix*/ opacity: 0.5; border-radius: 20px; background: #869791; }

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; }

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; border-radius: 30px; }

/* preloading images */
.owl-item.loading { min-height: 150px; background: url(main/css/AjaxLoader.gif) no-repeat center center; }

#owl-demo .owl-item > div img { display: block; width: 100%; height: auto; border-radius: 3px; margin-bottom: 4px; }

#owl-demo .owl-item > div { background: #42bdc2; text-align: center; padding: 50px 0px; margin: 3px; color: white; font-size: 32px; border: 1px white; }

/* CURRENT HOMEPAGE
**********************************/
.homepage-wrapper { margin-top: -1.5rem; margin-bottom: -1.5rem; }

.homepage-wrapper .inner { margin-left: auto; margin-right: auto; max-width: 1440px; padding: 0 1rem; }

.homepage-wrapper a { text-decoration: none; }

.homepage-wrapper a:where(.btn), .homepage-wrapper a:where(.btn):hover { text-decoration: none; }

.homepage-wrapper a:hover { text-decoration: underline; }

@media (max-width: 479px) { .homepage-wrapper a { font-size: 0.75rem; } }

@media (max-width: 959px) { .homepage-wrapper a { text-decoration: underline; } .homepage-wrapper a:hover { text-decoration: none; } }

.homepage-wrapper h2 { font-weight: 300; margin-bottom: 1rem; text-align: center; }

@media (min-width: 960px) { .homepage-wrapper h2 { font-size: 2.25rem; margin-bottom: 3.125rem; } }

.homepage-wrapper .sidebar .section-head { text-align: left; }

/* Hero Section */
.jumbo-hero { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; margin-bottom: 0; max-width: 100%; overflow: hidden; position: relative; text-align: left; }

.jumbo-hero.inner { padding-left: 0; padding-right: 0; }

@media only screen and (min-width: 1440px) { .jumbo-hero.inner { padding-left: 1rem; padding-right: 1rem; } }

.jumbo-hero.inner { max-width: none; padding: 0 !important; }

.jumbo-hero__img-link { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; display: block; padding-bottom: 100%; -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; position: relative; }

.jumbo-hero__img-link img { position: relative; opacity: 0; width: 100%; }

.jumbo-hero__text { color: #fff; -webkit-box-flex: 0; -webkit-flex: 0 0 55%; -ms-flex: 0 0 55%; flex: 0 0 55%; left: 1.5rem; letter-spacing: .2px; margin-right: -55%; padding: 1.5rem 0; position: relative; text-align: left; }

.jumbo-hero .no-style { text-decoration: none; color: #fff; }

.jumbo-hero .no-style:hover { color: #fff; text-decoration: none; }

.jumbo-hero .text-dark .no-style { color: #414042; }

.jumbo-hero .text-dark .no-style:hover { color: #414042; }

.jumbo-hero h2 { font-family: jubilat, serif; font-size: 32px; font-weight: 500; letter-spacing: 3px; margin-bottom: 1rem; text-align: left; text-transform: lowercase; line-height: 1.1 !important; font-size: calc(((100vw - 0px) * 0.55 - 0px) / 100 * 0.2528764698 * 77); content: "0.2528764698"; content: "string"; content: "false"; }

@media (min-width: 719px) { .jumbo-hero h2 { font-size: 77px; } }

.jumbo-hero h2 + p { display: none; }

.jumbo-hero p { font-size: 20px; line-height: 1.4; margin-left: 0; }

.jumbo-hero .btn { font-family: sofia-pro, "helvetica neue", helvetica, arial, sans-serif; letter-spacing: 1px; margin-bottom: 1rem; margin-top: 1rem; }

.jumbo-hero .btn:hover { text-decoration: none; }

@media (min-width: 480px) { .jumbo-hero .btn { font-size: 20px; } }

@media (min-width: 720px) { .jumbo-hero { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .jumbo-hero__img-link { padding-bottom: 40.277%; } .jumbo-hero__text { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; left: 3rem; margin-right: -33.33%; padding: 1rem 0 1.5rem; } .jumbo-hero h2 { font-size: 60px; font-size: calc(((100vw - 0px) * 0.4 - 0px) / 100 * 0.1737317582 * 77); content: "0.1737317582"; content: "string"; content: "false"; } }

@media (min-width: 720px) and (min-width: 1439px) { .jumbo-hero h2 { font-size: 77px; } }

@media (min-width: 720px) { .jumbo-hero h2 + p { display: block; } .jumbo-hero p, .jumbo-hero .btn { font-size: 16px; } .jumbo-hero .btn { padding: 0.65rem 1.25rem 0.85rem; line-height: 1.3333333333; } }

@media (min-width: 960px) { .jumbo-hero p, .jumbo-hero .btn { font-size: 18px; } }

@media (min-width: 1140px) { .jumbo-hero p, .jumbo-hero .btn { font-size: 20px; } }

@media screen and (min-width: 1600px) { .jumbo-hero__img-link { padding-bottom: 645px; } }

@media screen and (min-width: 1495px) { .jumbo-hero__text { -webkit-box-flex: 0; -webkit-flex: 0 0 470px; -ms-flex: 0 0 470px; flex: 0 0 470px; left: 50%; margin-right: -470px; -webkit-transform: translateX(-700px); -ms-transform: translateX(-700px); transform: translateX(-700px); width: 470px; } }

.jumbo-hero #featured-categories-toggle-desktop, .jumbo-hero #featured-categories-toggle { display: none; }

/* Home Block Section */
.home-block { padding-top: 2rem; text-align: center; }

.home-block .promos__subhead { font-family: jubilat, serif; font-weight: 500; letter-spacing: 1.5px; }

.home-block .promos__inner { margin-left: auto; margin-right: auto; max-width: 1300px !important; }

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

.home-block img { margin: 0 auto 1rem; }

.home-block__item { padding-left: 0.625rem; padding-right: 0.625rem; }

.home-block .promo-wrap { color: #414042; display: block; padding: 1rem 10px; text-decoration: none; }

.home-block .promo-wrap:hover { text-decoration: underline; }

.home-block .promo-wrap__title { font-family: sofia-pro, "helvetica neue", helvetica, arial, sans-serif; font-size: 27px; line-height: 1.4; margin-bottom: 0; }

.home-block .promo-wrap__description { font-family: sofia-pro, "helvetica neue", helvetica, arial, sans-serif; font-size: 18px; letter-spacing: .5px; line-height: 1.4; }

.home-block .promo-wrap__img { position: relative; }

.home-block .promo-wrap__new::after { background-color: #fdb528; border: 0.25rem solid #fff; border-radius: 50%; bottom: -0.75rem; color: #414042; content: "NEW"; font-weight: bold; left: -0.75rem; padding: 0.8rem 0.65rem; position: absolute; }

@media (min-width: 480px) and (max-width: 959px) { .home-block .promo-wrap__new::after { bottom: -0.5rem; padding: 0.7rem 0.5rem; } }

@media (min-width: 960px) { .home-block .promo-wrap__new::after { font-size: 1.65rem; padding-bottom: 0.9rem; padding-top: 0.9rem; } }

@media (min-width: 480px) { .home-block .promo-wrap { padding: 0; } .home-block .promo-wrap__title { font-size: 20px; } .home-block .promo-wrap__description { font-size: 16px; } }

@media (min-width: 720px) { .home-block .promo-wrap { padding: 0 1rem; } .home-block .promo-wrap__title { font-size: 24px; } .home-block .promo-wrap__description { font-size: 18px; } }

@media (min-width: 960px) { .home-block .promo-wrap { padding: 0 25px; } .home-block .promo-wrap__title { font-size: 27px; } }

.home-block p { font-size: 1rem; }

@media (min-width: 960px) { .home-block p { font-size: 1.65rem; } }

.hp-section-text { max-width: 615px; margin: auto; margin-bottom: 2rem; text-align: center; }

@media (min-width: 480px) { .hp-section-text { margin-bottom: 3rem; } }

@media (min-width: 960px) { .hp-section-text { margin-bottom: 5rem; } }

.hp-section-text h2 { margin-bottom: 0.5rem; }

.hp-section-text p { font-family: sofia-pro, "helvetica neue", helvetica, arial, sans-serif; }

/* Featured Categories */
.f-categories { background-color: #f7f6f4; margin-top: 2rem; padding-top: 2rem; padding-bottom: 2rem; text-align: center; }

@media (min-width: 960px) { .f-categories { margin-top: 2.625rem; padding-top: 3.625rem; padding-bottom: 3.625rem; } }

.f-categories .inner { max-width: 1140px; }

.f-categories h2 { margin-bottom: 0.25rem; }

.f-categories__section-text { margin-bottom: 3.5rem; }

.f-categories__section-text p { font-family: sofia-pro, "helvetica neue", helvetica, arial, sans-serif; font-size: 18px; letter-spacing: .5px; line-height: 1.5; margin-bottom: 0; margin-left: auto; margin-right: auto; max-width: 600px; }

@media (max-width: 719px) { .f-categories__section-text p { font-size: 16px; } }

.f-categories .row { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

@media (min-width: 960px) { .f-categories .col-lg-cat { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; margin-bottom: 2.5rem; padding-left: 30px; padding-right: 30px; } }

.f-categories__item { margin-bottom: 0.5rem; }

.f-categories__item img { border-radius: 50%; margin-bottom: 0.5rem; margin-left: auto; margin-right: auto; -webkit-transition: border-radius 0.2s ease-in-out; -o-transition: border-radius 0.2s ease-in-out; transition: border-radius 0.2s ease-in-out; }

.f-categories__item p { line-height: 1.15; }

.f-categories__item a:hover img, .f-categories__item a:focus img { border-radius: 25%; }

/* Homepage Slider */
.homepage-slider { margin-top: 1rem; margin-bottom: 1rem; }

@media (min-width: 960px) { .homepage-slider { margin-top: 7rem; margin-bottom: 7rem; } }

/* Big Promo Section */
.big-promo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: sofia-pro, "helvetica neue", helvetica, arial, sans-serif; margin-bottom: 2rem; margin-top: 2rem; }

@media (min-width: 960px) { .big-promo { margin-bottom: 6rem; margin-top: 6rem; } }

.big-promo.inner { padding-left: 0; padding-right: 0; }

@media only screen and (min-width: 1440px) { .big-promo { padding-left: 1rem; padding-right: 1rem; } }

.big-promo h2 { font-family: jubilat, serif; font-weight: 500; text-align: left; font-size: calc(((100vw - 0px) * 1 - 0px) / 100 * 0.0694444444 * 53); content: "0.0694444444"; content: "string"; content: "false"; }

@media (min-width: 1440px) { .big-promo h2 { font-size: 53px; } }

@media (max-width: 479px) { .big-promo h2 { font-size: 0.8rem; margin-bottom: 0.5rem; } }

@media (min-width: 960px) { .big-promo h2 { margin-bottom: 1.5rem; } }

@media (min-width: 1140px) { .big-promo h2 { font-size: 3rem; font-size: calc(((100vw - 0px) * 1 - 0px) / 100 * 0.0694444444 * 53); content: "0.0694444444"; content: "string"; content: "false"; } }

@media (min-width: 1140px) and (min-width: 1440px) { .big-promo h2 { font-size: 53px; } }

.big-promo .btn { padding: 0.5rem; font-size: 0.7rem; line-height: 1.1; white-space: normal; }

@media (min-width: 720px) { .big-promo .btn { padding: 0.75rem 1.25rem; font-size: 1.25rem; line-height: 1.3333333333; } }

.big-promo .btn:hover { text-decoration: none; }

.big-promo__text { -webkit-box-flex: 0; -webkit-flex: 0 1 33%; -ms-flex: 0 1 33%; flex: 0 1 33%; background-color: #333333; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.big-promo__text div { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; padding-bottom: 2rem; padding-left: 1rem; padding-right: 1rem; }

@media (min-width: 960px) { .big-promo__text div { padding-bottom: 3rem; padding-left: 3rem; padding-right: 3rem; } .big-promo__text div p { margin-bottom: 1.5rem; font-size: 20px; } }

@media (min-width: 1140px) { .big-promo__text div { padding-bottom: 4rem; padding-left: 4rem; padding-right: 4rem; } .big-promo__text div p { margin-bottom: 3rem; font-size: 26px; } }

@media (max-width: 719px) { .big-promo__text div { padding-bottom: 1.5rem; } .big-promo__text div p { display: none; } }

@media (max-width: 479px) { .big-promo__text div { padding-bottom: 1rem; } }

.big-promo__text.dark-text { color: #414042; }

.big-promo__img { -webkit-box-flex: 1; -webkit-flex: 1 1 67%; -ms-flex: 1 1 67%; flex: 1 1 67%; }

.big-promo__img a:focus img { outline: 1px dashed rgba(15, 105, 194, 0.65); }

/* Ongoing Bible Studies */
.bible-studies { background-color: #f7f7f9; margin-top: 2rem; padding-top: 2rem; padding-bottom: 2rem; }

@media (min-width: 960px) { .bible-studies { margin-top: 7.625rem; padding-top: 4rem; padding-bottom: 4rem; } }

.bible-studies h2 { margin-bottom: 0.25rem; }

.bible-studies__section-text { margin-bottom: 3.25rem; }

.bible-studies__section-text p { font-family: sofia-pro, "helvetica neue", helvetica, arial, sans-serif; font-size: 18px; line-height: 1.5; letter-spacing: .5px; margin-bottom: 0; margin-left: auto; margin-right: auto; max-width: 600px; text-align: center; }

@media (max-width: 719px) { .bible-studies__section-text p { font-size: 16px; } }

.bible-studies img { margin-bottom: 1rem; margin-right: auto; margin-left: auto; border-radius: 30px; -webkit-transition: border-radius 0.2s ease-in-out; -o-transition: border-radius 0.2s ease-in-out; transition: border-radius 0.2s ease-in-out; }

.bible-studies a:hover img, .bible-studies a:focus img { border-radius: 0; }

.ongoing { background-color: #f7f7f9; background: -webkit-gradient(linear, left top, left bottom, from(#f7f6f4), to(rgba(255, 252, 252, 0))); background: -o-linear-gradient(top, #f7f6f4 0%, rgba(255, 252, 252, 0) 100%); background: linear-gradient(to bottom, #f7f6f4 0%, rgba(255, 252, 252, 0) 100%); margin-top: 2rem; padding-top: 2rem; padding-bottom: 2rem; }

.ongoing h2 { margin-bottom: 0.25rem; }

.ongoing__section-text { margin-bottom: 3.25rem; }

.ongoing__section-text p { font-family: sofia-pro, "helvetica neue", helvetica, arial, sans-serif; font-size: 18px; line-height: 1.5; letter-spacing: .5px; margin-bottom: 0; margin-left: auto; margin-right: auto; max-width: 600px; text-align: center; }

@media (max-width: 719px) { .ongoing__section-text p { font-size: 16px; } }

.ongoing__col { margin-bottom: 1.5rem; }

.ongoing a { border-radius: 15px; color: #fff; display: block; background: transparent 50% 50% no-repeat; background-size: cover; height: 0; padding-bottom: 100%; position: relative; text-decoration: none; }

.ongoing a:before, .ongoing a:after { content: " "; display: table; }

.ongoing a:after { clear: both; }

.no-touchevents .ongoing a:hover .ongoing__overlay, .no-touchevents .ongoing a.hover .ongoing__overlay { left: 0; opacity: 1; top: 0; -webkit-transition: opacity .2s 0s linear, left 0s 0s linear, top 0s 0s linear; -o-transition: opacity .2s 0s linear, left 0s 0s linear, top 0s 0s linear; transition: opacity .2s 0s linear, left 0s 0s linear, top 0s 0s linear; }

.ongoing img { margin: 0 auto; }

.ongoing__main, .ongoing__overlay { bottom: 0; left: 0; height: 100%; position: absolute; right: 0; top: 0; width: 100%; text-align: center; white-space: nowrap; }

.ongoing__main:before, .ongoing__overlay:before { content: ''; display: inline-block; height: 100%; margin-right: -5px; position: relative; width: 0; vertical-align: middle; }

.ongoing__main-inner, .ongoing__overlay-inner { display: inline-block; padding: 1rem; vertical-align: middle; white-space: normal; }

.ongoing__main { margin-left: auto; margin-right: auto; }

.ongoing__main p:not(.btn) { font-size: 16px; line-height: 1.25; margin: 1rem auto 0; max-width: 200px; }

.ongoing__main-inner { margin: 0 auto; max-width: 280px; width: 100%; }

.ongoing__main-btn { display: none; margin-top: 1rem; }

.touchevents .ongoing__main-btn { display: inline-block; }

@media (min-width: 960px) { .ongoing__main-btn { margin-top: 1.5rem; } }

.ongoing__overlay { background-color: rgba(0, 0, 0, 0.8); border-radius: 15px; font-family: sofia-pro, "helvetica neue", helvetica, arial, sans-serif; left: -9999px; line-height: 1.35; opacity: 0; overflow: hidden; position: absolute; top: -9999px; -webkit-transition: opacity .2s 0s linear, left 0s .2s linear, top 0s .2s linear; -o-transition: opacity .2s 0s linear, left 0s .2s linear, top 0s .2s linear; transition: opacity .2s 0s linear, left 0s .2s linear, top 0s .2s linear; }

.ongoing__overlay-inner { padding: 1rem; }

.ongoing__quote { font-family: jubilat, serif; font-size: 18px; }

.ongoing__cite { font-size: 14px; margin-left: auto; margin-right: auto; margin-bottom: 1.5rem; }

.ongoing__btn, .ongoing__main-btn { color: #3174a8; margin-bottom: 0; }

.ongoing__btn:hover, .ongoing__main-btn:hover { color: #2b6694; }

@supports (min-height: calc(50vw - 30px)) { .ongoing__col { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; position: relative; }
  .ongoing a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100%; padding: 0; min-height: calc(100vw - 30px); }
  .ongoing__main, .ongoing__overlay { float: left; position: relative; }
  .ongoing__main { margin-left: 0; margin-right: -100%; } }

@media (min-width: 480px) { .ongoing .col-lg a { padding-bottom: 50%; } .ongoing .col-sm a { padding-bottom: 175%; } @supports (min-height: calc(50vw - 30px)) { .ongoing .col-lg a { min-height: calc(45vw - 30px); padding-bottom: 0; }
    .ongoing .col-sm a { min-height: calc(50vw - 30px); padding-bottom: 0; } } }

@media (min-width: 720px) { .ongoing__col { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; } .ongoing .col-lg a { padding-bottom: 175%; } @supports (min-height: calc(33.33vw - 30px)) { .ongoing .col-lg a, .ongoing .col-sm a { min-height: calc((33.33vw - 30px) * 175%); padding-bottom: 0; } } .ongoing__overlay-inner { padding: 1rem; } .ongoing__quote { font-size: 20px; font-weight: 500; font-size: calc(((100vw - 0px) * 0.33 - 0px) / 100 * 0.2105839493 * 28); content: "0.2105839493"; content: "string"; content: "false"; letter-spacing: 1px; max-width: 320px; } }

@media (min-width: 720px) and (min-width: 1439px) { .ongoing__quote { font-size: 28px; } }

@media (min-width: 720px) { .ongoing__cite { font-size: 14px; font-size: calc(((100vw - 0px) * 0.33 - 0px) / 100 * 0.2105839493 * 22); content: "0.2105839493"; content: "string"; content: "false"; max-width: 300px; } }

@media (min-width: 720px) and (min-width: 1439px) { .ongoing__cite { font-size: 22px; } }

@media (min-width: 960px) { .ongoing__col { -webkit-box-flex: 0; -webkit-flex: 0 0 28%; -ms-flex: 0 0 28%; flex: 0 0 28%; max-width: 28%; } .ongoing__col.col-lg { -webkit-box-flex: 0; -webkit-flex: 0 0 44%; -ms-flex: 0 0 44%; flex: 0 0 44%; max-width: 44%; } .ongoing .col-sm a { height: 100%; padding-bottom: 0; } .ongoing .col-lg a { padding-bottom: 100%; } @supports (min-height: calc(28vw - 30px)) { .ongoing .col-sm a { min-height: calc(28vw - 30px); padding-bottom: 0; }
    .ongoing .col-lg a { min-height: calc(44vw - 30px); padding-bottom: 0; } } .ongoing__main p:not(.btn) { font-size: 20px; } }

@media (min-width: 1140px) { .ongoing__main p:not(.btn) { margin: 1.5rem auto 0; } .ongoing__overlay-inner { padding: 1rem 1.5rem; } }

@media (min-width: 1440px) { .ongoing__overlay-inner { padding: 2rem; } @supports (min-height: calc(28vw - 30px)) { .ongoing .col-sm a { min-height: 372px; }
    .ongoing .col-lg a { min-height: 602px; } } }

@media (min-width: 480px) { .homepage-wrapper .slider.owl-theme .owl-controls .owl-buttons .owl-prev, .homepage-wrapper .slider .owl-theme .owl-controls .owl-buttons .owl-prev { left: 1rem; } .homepage-wrapper .slider.owl-theme .owl-controls .owl-buttons .owl-next, .homepage-wrapper .slider .owl-theme .owl-controls .owl-buttons .owl-next { right: 1rem; } }

.jumbo-hero-video { height: 0; padding-bottom: 100%; position: relative; width: 100%; }

.jumbo-hero-video__inner { background-color: #414042; height: auto; left: 50%; position: absolute; min-height: 100%; max-height: none; min-width: 100%; max-width: none; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: auto; }

.jumbo-hero-video__inner:after, .jumbo-hero-video__inner:before { background: transparent; bottom: 0; content: ''; display: block; left: 0; position: absolute; right: 0; top: 0; }

.jumbo-hero-video__inner:before { background: rgba(0, 0, 0, 0.4); z-index: 1; }

@media (min-width: 480px) { .jumbo-hero-video__inner:before { background: rgba(0, 0, 0, 0.3); } }

.jumbo-hero-video__inner .vjs-tech { position: relative; }

.jumbo-hero-video__inner .vjs-text-track-display, .jumbo-hero-video__inner .vjs-dock-text, .jumbo-hero-video__inner .vjs-control-bar, .jumbo-hero-video__inner .vjs-big-play-button, .jumbo-hero-video__inner .vjs-contextmenu-ui-menu, .jumbo-hero-video__inner .vjs-loading-spinner { display: none; }

.jumbo-hero-video .bc-iframe, .jumbo-hero-video .bc-iframe body, .jumbo-hero-video .bc-player-nClcCXzWZo_default, .jumbo-hero-video .bc-player-nClcCXzWZo_default .vjs-poster { background-color: transparent; }

.jumbo-hero-video__text { bottom: 50%; color: white; padding: 15% 1rem 5%; position: absolute; text-align: center; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); width: 100%; z-index: 2; }

.jumbo-hero-video__text h2 { font-family: jubilat, serif; font-weight: 600; letter-spacing: 2px; margin-bottom: .5rem; font-size: 34px; }

.jumbo-hero-video__subtext { line-height: 1.35; }

.jumbo-hero-video__btn:hover, .jumbo-hero-video__btn:focus { color: #555; text-decoration: none !important; }

.jumbo-hero-video__btn:active { color: #333; }

.jumbo-hero-video .video-js, .jumbo-hero-video video { height: auto !important; left: 50% !important; position: absolute !important; min-height: 100% !important; max-height: none !important; min-width: 100% !important; max-width: none !important; top: 50% !important; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: auto !important; }

@supports ((-o-object-fit: cover) or (object-fit: cover)) { .jumbo-hero-video video { height: 56.25% !important; -o-object-fit: cover; object-fit: cover; width: 100% !important; } }

@supports (min-height: 100vh) { .jumbo-hero-video { height: 100vw; max-height: 100vh; min-height: 320px; padding-bottom: 0; }
  @media (min-height: 500px) and (min-width: 720px) { .jumbo-hero-video { height: calc(100vh - 30px); } .touchevents .jumbo-hero-video { height: calc(100vh - 93px); } }
  @media (min-height: 500px) and (min-width: 960px) { .touchevents .jumbo-hero-video { height: calc(100vh - 114px); } } }

@media (min-height: 500px) and (min-width: 720px) { .jumbo-hero-video__inner:before { background: rgba(0, 0, 0, 0.25); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0))); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#00000000',GradientType=0 ); } .jumbo-hero-video__on .head-nav__logo img { display: block; -webkit-filter: invert(1) contrast(5); filter: invert(1) contrast(5); position: relative; width: 100%; z-index: 1; } .jumbo-hero-video__on #appsmenu-global-link, .jumbo-hero-video__on #appsmenu-global-link__mobile { -webkit-filter: contrast(100); filter: contrast(100); } .jumbo-hero-video__on .head-nav__menu:focus-within { outline: 1px dashed rgba(15, 105, 194, 0.65); } .jumbo-hero-video__on .head-nav__menu:focus-within a:focus { outline: none; } .jumbo-hero-video__on .global-search__input, .jumbo-hero-video__on .global-search__btn { border-color: #fff; } .jumbo-hero-video__on #head-nav { background: transparent; position: absolute; -webkit-transition: background .2s linear; -o-transition: background .2s linear; transition: background .2s linear; width: 100%; } .touchevents .jumbo-hero-video__on #head-nav { position: relative; } .jumbo-hero-video__on #head-nav .level-one > a, .jumbo-hero-video__on #head-nav #account-link i, .jumbo-hero-video__on #head-nav #account-link__mobile i, .jumbo-hero-video__on #head-nav #appsmenu-global-link i, .jumbo-hero-video__on #head-nav #cart-dropdown-link i { color: #fff; } .jumbo-hero-video__on .global-search__input::-webkit-input-placeholder { color: #fff; } .jumbo-hero-video__on .global-search__input::-moz-placeholder { color: #fff; } .jumbo-hero-video__on .global-search__input:-ms-input-placeholder { color: #fff; } .jumbo-hero-video__on .global-search__input::-ms-input-placeholder { color: #fff; } .jumbo-hero-video__on .main-nav-list .cho .nav-link, .jumbo-hero-video__on .global-search__btn, .jumbo-hero-video__on .global-search .input-group input, .jumbo-hero-video__on .main-nav-list .dropdown .dropdown-toggle::after, .jumbo-hero-video__on .global-search__input::placeholder { color: #fff; } .jumbo-hero-video__on .head-nav__account .logged-in-circle { border-color: white; color: white; } .jumbo-hero-video__on .global-search__btn { z-index: 1; } .jumbo-hero-video__on .head-nav .primary-nav-toggler .menu-button .middle, .jumbo-hero-video__on .head-nav .primary-nav-toggler .menu-button:after, .jumbo-hero-video__on .head-nav .primary-nav-toggler .menu-button:before { background: #fff; } .jumbo-hero-video__on .touchevents #head-nav, .jumbo-hero-video__on #head-nav:hover, .jumbo-hero-video__on #head-nav:focus-within { background: #fff; } .jumbo-hero-video__on .touchevents #head-nav .global-search__input, .jumbo-hero-video__on .touchevents #head-nav .global-search__btn, .jumbo-hero-video__on #head-nav:hover .global-search__input, .jumbo-hero-video__on #head-nav:hover .global-search__btn, .jumbo-hero-video__on #head-nav:focus-within .global-search__input, .jumbo-hero-video__on #head-nav:focus-within .global-search__btn { border-color: #ccc; } .jumbo-hero-video__on .touchevents #head-nav .global-search__btn, .jumbo-hero-video__on #head-nav:hover .global-search__btn, .jumbo-hero-video__on #head-nav:focus-within .global-search__btn { color: #3D6995; } .jumbo-hero-video__on .touchevents #head-nav .global-search__btn:hover, .jumbo-hero-video__on #head-nav:hover .global-search__btn:hover, .jumbo-hero-video__on #head-nav:focus-within .global-search__btn:hover { color: #2e5071; } .jumbo-hero-video__on .touchevents #head-nav .level-one > a, .jumbo-hero-video__on .touchevents #head-nav #account-link i, .jumbo-hero-video__on .touchevents #head-nav #appsmenu-global-link i, .jumbo-hero-video__on .touchevents #head-nav .main-nav-list .dropdown .dropdown-toggle::after, .jumbo-hero-video__on .touchevents #head-nav #cart-dropdown-link i, .jumbo-hero-video__on #head-nav:hover .level-one > a, .jumbo-hero-video__on #head-nav:hover #account-link i, .jumbo-hero-video__on #head-nav:hover #appsmenu-global-link i, .jumbo-hero-video__on #head-nav:hover .main-nav-list .dropdown .dropdown-toggle::after, .jumbo-hero-video__on #head-nav:hover #cart-dropdown-link i, .jumbo-hero-video__on #head-nav:focus-within .level-one > a, .jumbo-hero-video__on #head-nav:focus-within #account-link i, .jumbo-hero-video__on #head-nav:focus-within #appsmenu-global-link i, .jumbo-hero-video__on #head-nav:focus-within .main-nav-list .dropdown .dropdown-toggle::after, .jumbo-hero-video__on #head-nav:focus-within #cart-dropdown-link i { color: #333; } .jumbo-hero-video__on .touchevents #head-nav .head-nav__logo img, .jumbo-hero-video__on #head-nav:hover .head-nav__logo img, .jumbo-hero-video__on #head-nav:focus-within .head-nav__logo img { -webkit-filter: none; filter: none; } .jumbo-hero-video__on .touchevents #head-nav .head-nav__account .logged-in-circle, .jumbo-hero-video__on #head-nav:hover .head-nav__account .logged-in-circle, .jumbo-hero-video__on #head-nav:focus-within .head-nav__account .logged-in-circle { border-color: #555; color: #555; } .jumbo-hero-video__on .touchevents #head-nav #appsmenu-global-link, .jumbo-hero-video__on .touchevents #head-nav #appsmenu-global-link__mobile, .jumbo-hero-video__on #head-nav:hover #appsmenu-global-link, .jumbo-hero-video__on #head-nav:hover #appsmenu-global-link__mobile, .jumbo-hero-video__on #head-nav:focus-within #appsmenu-global-link, .jumbo-hero-video__on #head-nav:focus-within #appsmenu-global-link__mobile { -webkit-filter: contrast(9.2) invert(1); filter: contrast(9.2) invert(1); } .jumbo-hero-video__on .touchevents #head-nav .main-nav-list .cho .nav-link, .jumbo-hero-video__on .touchevents #head-nav .global-search .input-group input, .jumbo-hero-video__on #head-nav:hover .main-nav-list .cho .nav-link, .jumbo-hero-video__on #head-nav:hover .global-search .input-group input, .jumbo-hero-video__on #head-nav:focus-within .main-nav-list .cho .nav-link, .jumbo-hero-video__on #head-nav:focus-within .global-search .input-group input { color: #555; } .jumbo-hero-video__on .touchevents #head-nav .global-search__input::-webkit-input-placeholder, .jumbo-hero-video__on #head-nav:hover .global-search__input::-webkit-input-placeholder, .jumbo-hero-video__on #head-nav:focus-within .global-search__input::-webkit-input-placeholder { color: #747474; } .jumbo-hero-video__on .touchevents #head-nav .global-search__input::-moz-placeholder, .jumbo-hero-video__on #head-nav:hover .global-search__input::-moz-placeholder, .jumbo-hero-video__on #head-nav:focus-within .global-search__input::-moz-placeholder { color: #747474; } .jumbo-hero-video__on .touchevents #head-nav .global-search__input:-ms-input-placeholder, .jumbo-hero-video__on #head-nav:hover .global-search__input:-ms-input-placeholder, .jumbo-hero-video__on #head-nav:focus-within .global-search__input:-ms-input-placeholder { color: #747474; } .jumbo-hero-video__on .touchevents #head-nav .global-search__input::-ms-input-placeholder, .jumbo-hero-video__on #head-nav:hover .global-search__input::-ms-input-placeholder, .jumbo-hero-video__on #head-nav:focus-within .global-search__input::-ms-input-placeholder { color: #747474; } .jumbo-hero-video__on .touchevents #head-nav .global-search__input::placeholder, .jumbo-hero-video__on #head-nav:hover .global-search__input::placeholder, .jumbo-hero-video__on #head-nav:focus-within .global-search__input::placeholder { color: #747474; } .jumbo-hero-video__on .touchevents #head-nav .head-nav .primary-nav-toggler .menu-button .middle, .jumbo-hero-video__on .touchevents #head-nav .head-nav .primary-nav-toggler .menu-button:after, .jumbo-hero-video__on .touchevents #head-nav .head-nav .primary-nav-toggler .menu-button:before, .jumbo-hero-video__on #head-nav:hover .head-nav .primary-nav-toggler .menu-button .middle, .jumbo-hero-video__on #head-nav:hover .head-nav .primary-nav-toggler .menu-button:after, .jumbo-hero-video__on #head-nav:hover .head-nav .primary-nav-toggler .menu-button:before, .jumbo-hero-video__on #head-nav:focus-within .head-nav .primary-nav-toggler .menu-button .middle, .jumbo-hero-video__on #head-nav:focus-within .head-nav .primary-nav-toggler .menu-button:after, .jumbo-hero-video__on #head-nav:focus-within .head-nav .primary-nav-toggler .menu-button:before { background: #818181; } }

@media (min-width: 480px) { .jumbo-hero-video__text h2 { margin-bottom: 1rem; } .jumbo-hero-video__subtext { margin-bottom: 1.5rem; } }

@media (min-width: 720px) { .jumbo-hero-video__text h2 { font-size: 44px; } .jumbo-hero-video__subtext { font-size: 18px; } .jumbo-hero-video__btn { font-size: 1rem; line-height: 1.6875; padding: 0.375rem 1rem; } }

@media (min-width: 960px) { .jumbo-hero-video__text h2 { font-size: 56px; margin-bottom: 1.5rem; } .jumbo-hero-video__subtext { margin-bottom: 2rem; } }

@media (min-width: 1140px) { .jumbo-hero-video__text h2 { font-size: 70px; } .jumbo-hero-video__btn { border-radius: 5px; font-size: 1.25rem; line-height: 1.3333333333; padding: 0.75rem 1.25rem; } }

/* 4.10 QUICK ORDER FORM
---------------------------------------------------------------------- */
.quick-order-form { padding-left: 0; padding-right: 0; }

.quick-order-form .table-row { padding: 0.9375rem 0.9375rem 0.4375rem; }

.quick-order-form__product [class*=col-] { margin-bottom: 0.5rem; }

.quick-order-form__product:nth-child(odd) .table-row { background-color: #fafafa; }

.quick-order-form__product:nth-child(even) .table-row { background-color: #eee; }

.quick-order-form__product:last-child { border-bottom: 1px solid #fff; }

.quick-order-form__availability { margin-bottom: 0; }

.quick-order-form__options-btn-wrap { margin-bottom: 0; margin-top: 0.5rem; }

.quick-order-form__options-btn { margin-top: 0.25rem; opacity: 1; position: relative; left: 0; }

.quick-order-form__options-btn[aria-expanded="true"] { opacity: 0; left: -9999px; -webkit-transition: opacity .25s 0s linear, left 0s .3s linear; -o-transition: opacity .25s 0s linear, left 0s .3s linear; transition: opacity .25s 0s linear, left 0s .3s linear; }

.quick-order-form__options-collapse { background: white; border: #eee solid 1px; border-left: #ddd solid 3px; margin-bottom: 0.75rem; padding: 0 1rem; }

.quick-order-form__options-collapse .quick-order-form__ref { padding-right: 12px; }

.quick-order-form__options-collapse .quick-order-form__quantity { padding-right: 0; }

.quick-order-form__options-block { border-top: #ddd solid 1px; padding-top: 1rem; }

.quick-order-form__options-block:first-child { border-top: none; }

.quick-order-form .starting { display: block; font-size: 14px; margin-bottom: -10px; margin-top: -5px; padding: 0; position: relative; }

@media (max-width: 719px) { .quick-order-form .starting { margin-top: -10px; } }

@media (min-width: 720px) and (max-width: 1139px) { .quick-order-form .starting { display: inline-block; font-size: 14px; margin: 0 8px 0 0; } }

.quick-order-form__head { border-top: 1px solid #fff; border-bottom: 1px solid #eee; background: #ddd; font-weight: bold; padding-bottom: 1rem; }

.quick-order-form__head__quantity, .quick-order-form__head__price { text-align: right; }

@media (min-width: 1140px) { .quick-order-form__head__quantity { text-align: center; } }

.quick-order-form__head__add-button { text-align: right; }

.quick-order-form__head__add-button span { display: inline-block; width: 54px; text-align: center; }

.quick-order-form__ref.empty { margin-bottom: 0; }

.quick-order-form__ref span { display: inline-block; padding: 0.1875rem 0; }

@media (max-width: 719px) { .quick-order-form__ref { text-align: left; } }

@media (min-width: 1140px) { .quick-order-form__ref span { padding: 0.4375rem 0; } }

@media (min-width: 720px) { .quick-order-form__quantity { text-align: right; } }

@media (min-width: 1140px) { .quick-order-form__quantity { text-align: center; } }

.quick-order-form__quantity label { font-weight: bold; margin-right: 0.5rem; }

.quick-order-form__quantity input { display: inline-block; max-width: 60px; }

.quick-order-form__quantity input::-webkit-inner-spin-button, .quick-order-form__quantity input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

.quick-order-form__quantity .alert { text-align: left; font-size: 0.8125rem; }

.quick-order-form .has-error .form-control-error { background-image: none; padding: 0.375rem 0.75rem; margin-bottom: 0.25rem; }

.quick-order-form__price { color: #A6403E; font-size: 1.25rem; }

.quick-order-form__price span { display: inline-block; padding: 0.1875rem 0; }

@media (max-width: 719px) { .quick-order-form__price { text-align: right; } }

@media (min-width: 1140px) { .quick-order-form__price { color: #747474; font-size: 1rem; } .quick-order-form__price span { padding: 0.4375rem 0; } }

.quick-order-form__numberincart span { display: inline-block; padding: 0.1875rem 0; }

@media (min-width: 1140px) { .quick-order-form__numberincart span { padding: 0.4375rem 0; } }

@media (min-width: 480px) { .quick-order-form__add-button { text-align: right; } .quick-order-form__add-button .btn-block { display: inline-block; min-width: 53px; width: auto; } }

.quick-order-form__full .product-tag { margin-bottom: 0.5rem; margin-top: 0.5rem; }

@media (min-width: 1440px) { .quick-order-form__full .product-tag { margin-bottom: 0; margin-top: 0; min-width: 135px; padding-left: 1.5rem; } }

.quick-order-form__full .quick-order-form__wide { padding-bottom: 1rem; }

@media (min-width: 720px) { .quick-order-form__full .quick-order-form__wide { padding-top: 1rem; } }

.quick-order-form__full .quick-order-form__narrow-inner { padding-top: 1rem; }

@media (min-width: 720px) { .quick-order-form__full .quick-order-form__narrow-inner { padding-bottom: 1rem; position: -webkit-sticky; position: sticky; top: 0; } }

.quick-order-form__full .quick-order-form__narrow.msticky { background: #fff; -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15); left: 0; padding-bottom: 1rem; padding-top: 0.5rem; position: fixed; bottom: 0; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); width: 100%; z-index: 100; }

.quick-order-form__full .quick-order-form__narrow.msticky .quick-order-form__narrow-inner { padding-top: 0; }

@media (max-width: 959px) { .quick-order-form__full .quick-order-form__narrow.msticky { padding-right: 4.5rem; } }

.quick-order-form__full .quick-order-form__narrow.msticky .quick-order-form__subtotal-title { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row; -ms-flex-flow: row; flex-flow: row; margin-bottom: 0.25rem; }

.quick-order-form__full .quick-order-form__narrow.msticky .quick-order-form__subtotal-title-row { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.quick-order-form__full .quick-order-form__narrow.msticky .quick-order-form__subtotal-title--qof, .quick-order-form__full .quick-order-form__narrow.msticky .quick-order-form__subtotal-title--label { display: inline; font-size: 13px; margin-bottom: 0; padding-right: 3px; }

.quick-order-form__full .quick-order-form__narrow.msticky .quick-order-form__subtotal-price { font-size: 1rem; }

.quick-order-form__full .quick-order-form__narrow.msticky .quick-order-form__atc-btns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 0; }

.quick-order-form__full .quick-order-form__narrow.msticky .quick-order-form__atc-btns .btn { -webkit-box-flex: 0; -webkit-flex: 0 0 calc(60% - 7px); -ms-flex: 0 0 calc(60% - 7px); flex: 0 0 calc(60% - 7px); }

.quick-order-form__full .quick-order-form__narrow.msticky .quick-order-form__atc-btns .btn + .btn { -webkit-box-flex: 0; -webkit-flex: 0 0 calc(40% - 7px); -ms-flex: 0 0 calc(40% - 7px); flex: 0 0 calc(40% - 7px); margin-top: 0; }

.quick-order-form__full .quick-order-form__narrow.msticky.transition { -webkit-transition: -webkit-transform .2s linear; transition: -webkit-transform .2s linear; -o-transition: transform .2s linear; transition: transform .2s linear; transition: transform .2s linear, -webkit-transform .2s linear; }

.quick-order-form__full .quick-order-form__narrow.msticky.mshow { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }

@media screen and (max-width: 400px) { .quick-order-form__full .quick-order-form__narrow.msticky .quick-order-form__atc-btns .btn { -webkit-box-flex: 0; -webkit-flex: 0 0 calc(55% - 7px); -ms-flex: 0 0 calc(55% - 7px); flex: 0 0 calc(55% - 7px); } .quick-order-form__full .quick-order-form__narrow.msticky .quick-order-form__atc-btns .btn + .btn { -webkit-box-flex: 0; -webkit-flex: 0 0 calc(45% - 7px); -ms-flex: 0 0 calc(45% - 7px); flex: 0 0 calc(45% - 7px); } .quick-order-form__full .quick-order-form__narrow.msticky .quick-order-form__subtotal-price { font-size: 14px; } .quick-order-form__full .quick-order-form__narrow.msticky .quick-order-form__subtotal-title--qof, .quick-order-form__full .quick-order-form__narrow.msticky .quick-order-form__subtotal-title--label { font-size: 12px; } }

.quick-order-form__full .quick-order-form__narrow--ph.hide { display: none; }

.quick-order-form__full .quick-order-form__subtotal-title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 0 50%; -ms-flex: 1 0 50%; flex: 1 0 50%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; }

.quick-order-form__full .quick-order-form__subtotal-title-row { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row; -ms-flex-flow: row; flex-flow: row; -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; }

.quick-order-form__full .quick-order-form__subtotal-title--qof { font-size: 13px; }

.quick-order-form__full .quick-order-form__subtotal-title--label { font-size: 1.75rem; }

.quick-order-form__full .quick-order-form__subtotal-price { color: #a5272b; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 1.75rem; margin-bottom: 0; }

.quick-order-form__full .quick-order-form__atc-btns { margin-bottom: 1.5rem; }

@media (min-width: 720px) { .quick-order-form__full .quick-order-form__atc-btns { margin-bottom: 0; } }

@media (min-width: 1440px) { .quick-order-form__full .quick-order-form__title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .quick-order-form__full .quick-order-form__title-group { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } }

.quick-order-form__full .quick-order-form__rec span { display: inline-block; }

.quick-order-form__full .quick-order-form__rec-label { font-weight: bold; }

@media (min-width: 720px) { .quick-order-form__full .quick-order-form__rec { text-align: right; } }

@media (min-width: 1140px) { .quick-order-form__full .quick-order-form__rec { text-align: left; } }

.quick-order-form__full .quick-order-form__quantity { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

@media screen and (max-width: 374px) { .quick-order-form__full .quick-order-form__quantity { min-width: 100%; } }

.quick-order-form__full .quick-order-form__quantity label { margin-right: 0.5rem; }

.quick-order-form__full .quick-order-form__quantity input { display: inline-block; max-width: 60px; max-height: 45px; }

@media (min-width: 480px) { .quick-order-form__full .quick-order-form__quantity { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } }

@media (min-width: 720px) { .quick-order-form__full .quick-order-form__quantity { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } }

@media (min-width: 1140px) { .quick-order-form__full .quick-order-form__quantity { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } }

.quick-order-form__full .quick-order-form__quantity.has-error .form-control-error { margin-bottom: 0; }

.quick-order-form__full .quick-order-form__quantity.has-error .alert-danger { margin-top: 0.25rem; }

@media (min-width: 720px) and (max-width: 1139px) { .quick-order-form__full .quick-order-form .quick-order-form__options-collapse .quick-order-form__quantity { padding-right: 15px; } }

.quick-order-form__full .quick-order-form .min-plus-control { margin-left: 0.25rem; width: 21px; }

.quick-order-form__full .quick-order-form .add-item, .quick-order-form__full .quick-order-form .minus-item { background-color: transparent; border: 0.0625rem solid #ccc; border-radius: 50%; color: #555; cursor: pointer; float: left; font-size: 8px; padding: 0.175rem 0.4rem; -webkit-transition: background-color .1s linear, color .1s linear; -o-transition: background-color .1s linear, color .1s linear; transition: background-color .1s linear, color .1s linear; }

.quick-order-form__full .quick-order-form .minus-item { margin-top: 2px; }

.quick-order-form__full .quick-order-form__price { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

@media screen and (max-width: 374px) { .quick-order-form__full .quick-order-form__price { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; min-width: 100%; } }

.quick-order-form__full .quick-order-form__price-wrap { margin-bottom: 0; }

.quick-order-form__full .quick-order-form__price-wrap span { display: block; }

.quick-order-form__full .quick-order-form__price .starting { margin-top: 0; }

.quick-order-form__full .quick-order-form__options-btn { margin-top: 0.25rem; left: 0; opacity: 1; overflow: hidden; position: relative; -webkit-transition: none; -o-transition: none; transition: none; }

.quick-order-form__full .quick-order-form__options-btn[aria-expanded="true"] { opacity: 0; left: 0; display: none; }

.quick-order-form__full .quick-order-form__options-btn--close[aria-expanded="false"] { display: none; }

.qf-product-modal__img { position: relative; height: 0; padding-bottom: 200px; width: 100%; }

@media (min-width: 480px) { .qf-product-modal__img { padding-bottom: 100%; } }

.qf-product-modal__img > div { bottom: 0; height: 100%; left: 0; position: absolute; right: 0; width: 100%; }

.qf-product-modal__img img { display: block; margin: 0 auto; max-height: 100%; max-width: 100%; }

.qf-product-modal__number { text-align: center; }

.qf-product-modal__number__label { font-weight: 600; }

.quickorderform .list-grid-toggle { display: none; }

@media (min-width: 720px) { .quickorderform .pagination-nav.grid-list-nav-top .results-filters { padding-right: 0; } }

/* 4.11 SERVICES
---------------------------------------------------------------------- */
.services .body-content { padding: 0px; }

/* 4.12 STORE LOCATOR
---------------------------------------------------------------------- */
.view-list { font-weight: bold; }

@media (min-width: 480px) { .view-list { float: right; padding-left: 1.5rem; } }

.search-results__head .card, .search-results__head .card h3 { margin-bottom: 0; }

.vcard__org { font-weight: bold; }

.vcard__label { font-weight: bold; }

.vcard__label + span { margin-left: 0.25rem; }

.custom-directions__note { font-size: 0.875rem; font-style: italic; }

.custom-directions .adp-placemark td { padding: 0.5rem; }

.custom-directions td { border-top: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; padding: 0.25rem 0.5rem; text-align: left; vertical-align: top; }

.custom-directions .adp-directions { border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; }

.embed-responsive-3by4 { padding-bottom: 133.3333333333%; }

@media (max-width: 719px) { .google-map { margin-top: 1rem 0; } .embed-responsive-9by16-sm-d { padding-bottom: 56.25%; } }

.states__store-list .vcard { margin-bottom: 1.5rem; }

.states-accordion .states__name[data-toggle="collapse"] { cursor: pointer; position: relative; }

.states-accordion .states__name[data-toggle="collapse"]:after { border-top: 5px solid #606060; border-left: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); content: ''; display: inline-block; height: 0; margin-left: .5rem; margin-top: -6px; position: absolute; top: 50%; width: 0; }

.search-results__head .card { border-radius: 3px 3px 0 0; }

.search-results__map { margin-top: 1rem; }

.search-results__map .embed-responsive { padding-bottom: 75%; }

@media (min-width: 720px) { .search-results__map { margin-top: 0; } }

a.search-results__list-item { text-decoration: none; }

a.search-results__list-item:hover { background: #fafafa; text-decoration: none; }

a.search-results__list-item:hover .vcard__city { text-decoration: none; }

.search-results__list-item { border: 1px solid #ddd; border-top: none; color: #333; display: block; padding: 1rem; }

.search-results__list-item .vcard__city { font-size: 1.125rem; color: #3174a8; text-decoration: underline; }

.search-results__list-item .vcard__store-distance { color: #A6403E; }

.states__store-list.metro .col-sm-offset-1 { border-left: 1.5rem solid transparent; }

@media (min-width: 480px) { .states__store-list.metro .col-sm-offset-1 { border-left: 0.5rem solid #ddd; } }

@media (min-width: 720px) { .search-results__map { margin-top: 0; } .search-results__list-map { border: 1px solid #ddd; height: 0; margin-bottom: 1rem; padding-bottom: 50%; position: relative; } .search-results__list { height: 0; padding-bottom: 50%; position: relative; } .search-results__list-inner { display: block; height: 0; left: 0; padding-bottom: 150.25%; position: absolute; right: 0; width: 100%; position: relative; } .search-results__list-scroll { height: 100%; left: 0; overflow-y: auto; position: absolute; right: 0; width: 100%; } .search-results__list-item { border-left: none; border-right: none; } }

/* 4.13 FREQUENTLY ASKED QUESTIONS
---------------------------------------------------------------------- */
/* ALSO had to comment out .c-select:focus in custom-forms.php */
/* ********************************************** RESPONSIVE FONT MIXIN ************* */
/* ********************************************** END RESPONSIVE FONT MIXIN *********** */
.faq-comp { background-position: center center; background-repeat: no-repeat; background-size: cover; padding-bottom: 3rem; padding-top: 3rem; }

.faq-comp.bg-gray { background-color: #f5f5f5; }

.faq-comp__head + .faq-comp__text { margin-top: 1.5rem; }

.faq-comp__qa { margin-top: 1rem; padding-top: 1rem; }

.faq-comp__main:first-child .faq-comp__qa:first-child { margin-top: 0; padding-top: 0; }

.faq-comp__question [data-toggle="collapse"] { color: #225d99; cursor: pointer; padding-left: 2rem; position: relative; -webkit-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; }

.faq-comp__question [data-toggle="collapse"] i { left: 0.5rem; position: absolute; top: 3px; -webkit-transition: -webkit-transform .2s linear; transition: -webkit-transform .2s linear; -o-transition: transform .2s linear; transition: transform .2s linear; transition: transform .2s linear, -webkit-transform .2s linear; -webkit-transform-origin: 48% 50%; -ms-transform-origin: 48% 50%; transform-origin: 48% 50%; }

.faq-comp__question [data-toggle="collapse"][aria-expanded="true"] { color: #204b6d; }

.faq-comp__question [data-toggle="collapse"][aria-expanded="true"] i { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.faq-comp__question [data-toggle="collapse"]:hover { color: #204b6d; }

.faq-comp__answer.collapsing, .faq-comp__answer.collapse { padding-left: 2rem; }

.faq-comp__answer-text { padding: 1rem; background-color: #f5f5f5; }

.faq-comp__answer-text > *:last-child { margin-bottom: 0; }

.bg-gray .faq-comp__answer-text { background-color: #fff; }

/* 4.14 COOKIE INFORMATION MESSAGE
---------------------------------------------------------------------- */
.cookies { bottom: 0; background: #efefef; border-top: 1px solid #ccc; color: #555; display: none; position: fixed; width: 100%; z-index: 99999; }

.cookies a { color: #225d99; }

.cookies-show .cookies { display: block; }

@media (min-width: 720px) { .cookies { padding-top: 2rem; padding-bottom: 2rem; } }

.cookies .inner { margin: auto; max-width: 1110px; position: relative; padding: 20px; }

.cookies .cookie-icon { position: absolute; left: 20px; top: 25px; }

.cookies .cookie-icon i { width: 90px; color: #ccc; }

@media (min-width: 720px) { .cookies .cookie-icon { top: 50%; margin-top: -24px; } }

.cookies .cookie-text { display: inline-block; margin-bottom: 0; padding-left: 60px; }

@media (min-width: 480px) { .cookies .cookie-text { padding-left: 70px; } }

.cookies .cookie-text p { margin-bottom: 0; }

@media (max-width: 479px) { .cookies .cookie-text { font-size: 13px; line-height: 1.4; padding-left: 45px; } }

@media (min-width: 720px) { .cookies .cookie-text { max-width: 80%; padding-right: 80px; vertical-align: middle; } }

@media (min-width: 960px) { .cookies .cookie-text { max-width: 90%; } }

.cookies .cookie-button { display: block; margin-top: 1rem; }

.cookies .cookie-button button { display: block; margin-bottom: 0; }

@media (max-width: 719px) { .cookies .cookie-button button { width: 100%; } }

@media (min-width: 720px) { .cookies .cookie-button { display: inline-block; margin-top: 0; vertical-align: middle; } .cookies .cookie-button button { display: inline-block; } }

/* REATIL HOMEPAGE
---------------------------------------------------------------------- */
.homepage__banner-retail img { margin: auto; }

.retail-life-app-section h3 { color: #fff; margin-left: 1rem; margin-top: -4rem; text-shadow: 0 0 5px #555; }

.retail-life-app-section img { width: 100%; }

.retail-life-app-section button { display: block; margin: auto; text-align: center; }

.retail-life-app-section ul.category-links { list-style-type: none; padding-left: 0; }

.retail-life-app-section ul.category-links li { line-height: 1.5rem; padding-bottom: 1rem; }

.retail-brands-3columns img { width: 100%; }

.retail-brands-3columns .column .card { background: #eee; }

.homepage__retail-socialbar { background: #eee; position: relative; }

@media (max-width: 959px) { .homepage__retail-socialbar .icons { text-align: center; } }

@media (max-width: 959px) { .homepage__retail-socialbar .retail-newsletter-signup { text-align: center; } }

.homepage__retail-socialbar .social-icon { vertical-align: middle; padding-right: 1rem; }

@media (max-width: 959px) { .homepage__retail-socialbar .social-icon { padding-right: .2rem; } }

.homepage__retail-socialbar .catalog-btn { margin-left: 1rem; }

.homepage__retail-socialbar .newsletter-label { display: inline-block; font-size: 1.3rem; padding-right: 1rem; }

.homepage__retail-socialbar .input-group-wrapper { display: inline-block; max-width: 15rem; }

.homepage__retail-catbar { background: #eee; }

.homepage__retail-catbar ul { padding-left: 0; text-align: center; }

.homepage__retail-catbar ul li { display: inline-block; padding-left: 1.5rem; list-style-type: none; }

.homepage__retail-catbar ul li:first-child { padding-left: 0; }

@media (max-width: 719px) { .homepage__retail-catbar ul li { padding: 0.5rem 0.75rem; } .homepage__retail-catbar ul li:first-child { padding-left: 0.75rem; } }

.homepage__retail-catbar.border-top { border-top: 1px solid #fff; }

/* AEM temporary style corrections
----------------------------------------------------------------------  */
.body-content > .parsys.contentPar > .contain-comp:first-child { padding-top: 0; }

.body-content > .parsys.contentPar > .contain-comp:first-child .breadcrumb { margin-top: 0; }

.body-content > .parsys.contentPar > .homepage__slider:first-child { margin-top: -1.5rem; }

.productslider, .customslider { margin-bottom: 1.5rem; margin-top: 1.5rem; }

.contain-comp .productslider:last-child, .contain-comp .customslider:last-child { margin-bottom: 0; }

.productslider:first-child, .customslider:first-child { margin-top: 0; }

.featuredevent .inner-max.row { margin: 0 auto; max-width: 1110px; }

.featuredevent .inner-max.row .col-md-2.col-sm-4, .featuredevent .inner-max.row .col-md-10.col-sm-8 { padding-left: 0; padding-right: 0; }

@media (min-width: 480px) { .featuredevent .inner-max.row .col-md-2.col-sm-4 { padding-right: 15px; } .featuredevent .inner-max.row .col-md-10.col-sm-8 { padding-left: 15px; } }

.textandimagewide .col-md-8 + .col-md-4 .clearfix { display: none; }

.textandimagewide .col-md-8 + .col-md-4 img { margin-left: auto; }

@media (max-width: 719px) { .textandimagewide .row > .col-md-4:first-child { margin-bottom: 2rem; } .textandimagewide .row > .col-md-8:first-child { margin-bottom: 1rem; } .textandimagewide .col-md-8 + .col-md-4 img { margin-left: 0; } }

.categorygrid .col-md-12.col-lg-6 { display: inline; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; max-width: 100%; width: auto; }

.categorygrid h2 { margin-bottom: 1.5rem; }

.categorygrid img { margin-left: auto; margin-right: auto; }

.categorygrid button { margin-bottom: 0.25rem; }

.textbanner img { margin-left: auto; margin-right: auto; }

.banner-ad, .homepage__banner-light, .homepage__banner-dark { background-color: #eee; }

.banner-ad img, .homepage__banner-light img, .homepage__banner-dark img { margin: 0 auto; }

@media (max-width: 959px) { .banner-ad .col-xs-10.col-xs-push-1, .homepage__banner-light .col-xs-10.col-xs-push-1, .homepage__banner-dark .col-xs-10.col-xs-push-1 { left: 0; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 0; padding-right: 0; width: 100%; } }

.superherowide + .simulcastnavigator { margin-top: -2rem; }

.datesandlocationseventstable h2, .datesandlocationseventstable h3 { width: 100%; }

.datesandlocationseventstable h2.text-center.p-b-md { width: auto; }

.datesandlocationseventstable .container-fluid > .parsys:first-child > .htag:first-child { margin-top: 2rem; }

div[data-mandatory="true"] > div > label:after, [data-mandatory="true"] > div > label:after { content: ' *'; color: #d2232a; }

.guideContainerNode .dropDownList select { display: block; color: #464a4c; background-color: #fff; background-image: none; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: .25rem; font-size: 1rem; height: calc(2.25rem + 2px) !important; line-height: 1.25; margin-bottom: 15px; padding: .5rem .75rem; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; width: 100%; }

.guideContainerNode .guideCheckBoxGroupItems { margin-bottom: 15px; }

.guideContainerNode .radio input, .guideContainerNode .checkbox input { margin-left: 0; }

.guideContainerNode .radio input + label, .guideContainerNode .checkbox input + label { padding-left: .25rem; }

.guideContainerNode .radio-inline, .guideContainerNode .checkbox-inline { padding-left: 0; padding-right: 1.25rem; }

.guideContainerNode .radio-inline:last-child, .guideContainerNode .checkbox-inline:last-child { padding-right: 0; }

.guideContainerNode #form_captcha_element { padding-top: 1rem; }

.guideContainerWrapperNode .row > .col-md-12[data-guide-parent-id="guideContainer-rootPanel__"] + .row { margin-left: 0; }

.informationmessage.body-content { padding-bottom: 0; padding-top: 0; }

.article__headnote { display: none; }

.modal-body:before, .modal-body:after { content: " "; display: table; }

.modal-body:after { clear: both; }

.eventdescription .modal-body:before, .eventdescription .modal-body:after, .eventguests .modal-body:before, .eventguests .modal-body:after { content: " "; display: table; }

.eventdescription .modal-body:after, .eventguests .modal-body:after { clear: both; }

.eventdescription .modal-body img.pull-right.p-a, .eventguests .modal-body img.pull-right.p-a { padding-right: 0 !important; padding-top: 0 !important; max-width: 33%; }

@media screen and (max-width: 480px) { .eventdescription .modal-body img.pull-right.p-a, .eventguests .modal-body img.pull-right.p-a { float: none  !important; padding-left: 0 !important; width: auto; max-width: 100%; } .eventdescription .modal-body p, .eventguests .modal-body p { display: block; } }

.eventdescription .col-sm-6.col-xs-12 img { margin-left: auto; margin-right: auto; }

/* Issued fix for the add-to-cart__modal in the detail.scss.  Needs some html adjustments */
.body-content .simulcastvideohero { margin-top: -1.5rem; }

/* PDP Components not aligned dued missing .row class in wrapper.  Temp fix until https://lifeway.atlassian.net/browse/LW-9630 is complete  */
.ng-scope:not(.row) > #available-formats, .ng-scope:not(.row) > #companion-products, .ng-scope:not(.row) > #product-media, .ng-scope:not(.row) > #product-specifications, .ng-scope:not(.row) > #free-downloads { padding-left: 0; padding-right: 0; }

.related-articles, .author-block { clear: both; }

@media screen and (max-width: 480px) { .available-formats .col-xs-9.format { max-width: 100%; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; } .available-formats .col-xs-3.price.text-right { max-width: 100%; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; text-align: left; width: 100%; } }

.eventdetailscontainer .recommended > .row .col-xs-4.text-center { margin-bottom: 1rem; }

.eventdetailscontainer .recommended > .row .col-xs-4.text-center img.m-b { margin-bottom: 0.5rem !important; }

@media (max-width: 479px) { .checkout-cart__item-image { max-width: 25%; -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .checkout-cart__item-image + .checkout-cart__item-details { max-width: 75%; -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; margin-bottom: 0.5rem; padding-left: 0; } }

@media (min-width: 480px) and (max-width: 719px) { .checkout-cart__item-image { max-width: 16.667%; -webkit-box-flex: 0; -webkit-flex: 0 0 16.667%; -ms-flex: 0 0 16.667%; flex: 0 0 16.667%; } .checkout-cart__item-image + .checkout-cart__item-details { max-width: 50%; -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } }

/* CHECKOUT MODS for mobile */
@media (max-width: 959px) { .section-content { padding-left: 1rem !important; } .section-content > .row > .col-xs-12.p-l-lg { padding-left: 0 !important; } .section-content > .row.p-a { padding-right: 0 !important; } .checkout-steps__section-summary.row.p-l-lg { padding-left: 1rem !important; } .row.p-x.checkout-steps__section-title { padding-left: 0 !important; padding-right: 0 !important; } .with-lw-account-collapse > .row.p-l-md { padding-left: 1rem !important; } .checkout-steps__payment-details .row.p-a.p-l-md { padding-left: 1rem !important; } .guest-checkout .account-select .form-group.radiocheck.p-l-md { padding-left: 0 !important; } .section-content.collapse.in .col-xs-12.p-l-lg { position: relative; } .section-content.collapse.in .col-xs-12.p-l-lg:after { background-color: #ddd; bottom: 0; content: ''; display: block; height: 100%; left: -1rem; position: absolute; top: 0; width: 4px; } }

#confirm-purchase-btn { white-space: normal; }

body.product.error-page .head-nav__logo { height: auto; margin: 0.5rem 1rem 0 0; width: 120px; }

@media (min-width: 960px) { body.product.error-page .head-nav__logo { margin: 0.5rem 1.5rem 0 0; width: 126px; } }

.article__authorline > a { font-weight: bold; }

.search-error-message > [data-id="searchMessages"] .alert.alert-info.alert-dismissable { margin-bottom: 3rem; }

#main-nav-mobile .nav-link > span.nav-link { padding: 0; }

.row.p-y-md.p-x.m-b-0.checkout-cart.ng-scope { padding-right: 0rem !important; padding-left: 0rem !important; }

.footer_confidence .verisign { display: none; }

.grecaptcha-badge { display: none !important; }

@media (min-width: 480px) and (max-width: 719px) { .results-list.event-list .event-item__img { -webkit-box-flex: 0; -webkit-flex: 0 0 16.667%; -ms-flex: 0 0 16.667%; flex: 0 0 16.667%; max-width: 16.667%; } .results-list.event-list .event-item__details { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333%; -ms-flex: 0 0 83.333%; flex: 0 0 83.333%; max-width: 83.333%; } .results-list.event-list .event-item__details > .row .col-xs-12.col-md-8.col-lg-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.667%; -ms-flex: 0 0 66.667%; flex: 0 0 66.667%; max-width: 66.667%; } .results-list.event-list .event-item__details > .row .col-xs-12.col-md-4.col-lg-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333%; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; } .results-list.event-list .event-item__details > .row .col-xs-12.col-md-4.col-lg-6 .event-item__price { margin-bottom: 0.5rem; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .results-list.event-list .event-item__details > .row .col-xs-12.col-md-4.col-lg-6 .event-item__register { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }

@media (min-width: 480px) and (max-width: 719px) { #companion-products .companions__title { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } #companion-products .companions__title + .col-xs-12.col-md-5.col-xl-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } #companion-products .companions__options { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #companion-products .companions__quantity { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align: right; } #companion-products .companions__price { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } #companion-products .companions__add-button { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } }

@media (min-width: 720px) { #companion-products .companions__head { display: block !important; } #companion-products .companions__head__options { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } #companion-products .companions__head__quantity { text-align: center; } #companion-products .companions__head__add-button { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } #companion-products .companions__title { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } #companion-products .companions__title + .col-xs-12.col-md-5.col-xl-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.6666666667%; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } #companion-products .companions__options { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } #companion-products .companions__quantity { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; text-align: center; } #companion-products .companions__quantity label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #companion-products .companions__price { color: #747474; font-size: 1rem; -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } #companion-products .companions__add-button { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } }

@media (min-width: 960px) { #companion-products .companions__head__options { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } #companion-products .companions__head__add-button { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6666666667%; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } #companion-products .companions__options { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } #companion-products .companions__add-button { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6666666667%; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } }

@media (min-width: 1140px) { #companion-products .companions__head__title { -webkit-box-flex: 0; -webkit-flex: 0 0 41.6666666667%; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } #companion-products .companions__head__title + .col-xs-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.3333333333%; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } #companion-products .companions__head__options { -webkit-box-flex: 0; -webkit-flex: 0 0 41.6666666667%; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } #companion-products .companions__head__price { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6666666667%; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } #companion-products .companions__title { -webkit-box-flex: 0; -webkit-flex: 0 0 41.6666666667%; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } #companion-products .companions__title + .col-xs-12.col-md-5.col-xl-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.3333333333%; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } #companion-products .companions__options { -webkit-box-flex: 0; -webkit-flex: 0 0 41.6666666667%; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } #companion-products .companions__price { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6666666667%; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } }

/* ALSO had to comment out .c-select:focus in custom-forms.php */
@media print { * { overflow-y: visible !important; } div { float: none; position: relative; } /* print uses -sm- || simulate -md- breakpoints or higher */ div.col-wide { max-width: 66.6666666667%; } div.col-narrow { max-width: 33.3333333333%; } .hidden-md-up { display: none !important; } .hidden-sm-down { display: block !important; } .article div.col-wide, .article div.col-narrow { max-width: 100%; } .cart .container-fluid > .row > div.col-xs-12 { max-width: 66.6666666667%; } .cart .container-fluid > .row > div.col-md-5 { max-width: 33.3333333333%; } /* Added Lifeway.com Styles   */ html, body { font-size: 12pt; } /* HEADER  ////// */ a.screen-size { display: none; } .navbar { display: block; } #primary-nav.navbar { display: none; } .category-areas .category-areas__areas { display: none; } #head-nav { padding: 0; } #head-nav .head-nav__right-links, #head-nav .global-search, #head-nav .main-nav { display: none !important; } #free-downloads .media-body a:link:after { content: " (" attr(href) ") "; } /* BODY-CONTENT // */ .detail-grid { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .detail-grid .about-item.col-xs-12.col-md-7, .detail-grid .available-formats.col-xs-12.col-md-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; } #product-details h1 { font-size: 2rem; page-break-inside: avoid; } #product-details h3 { font-size: 1rem; } #product-details > p, #product-specifications table, .table-responsive .table { font-size: .75rem; } .detail-grid .product-detail-aside__fixed.aside-slide { left: auto; max-width: none; position: static; top: auto; width: auto; } .detail-grid .product-detail-aside__fixed.aside-slide .product-detail-aside__inner { padding-right: 0; max-width: none; width: auto; } .detail-grid .product-detail-aside__fixed.aside-slide--bottom { bottom: 0; height: 100%; left: 0; position: static; top: auto; width: 100%; } .detail-grid .product-detail-aside__fixed.aside-slide--bottom .product-detail-aside__inner { position: static; bottom: auto; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky { background-color: transparent; border-bottom: none; bottom: auto; -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); height: auto; max-width: none; position: static; -webkit-transition: none; -o-transition: none; transition: none; top: auto; z-index: auto; } .detail-grid .product-detail-aside__fixed.aside-slide--sticky-show { top: auto; } #about-item .about-item-content .tab-pane { display: block; opacity: 1; } #product-description:before, #product-specifications:before, #product-safety:before { border-bottom: 1px dashed #ddd; content: 'Description'; display: block; font-size: 20px; font-weight: bold; margin-bottom: .25rem; padding-bottom: .25rem; } #product-specifications:before { content: 'Specifications'; } #product-safety:before { content: 'Product Safety Informaiton'; } .table-responsive .table th { color: #555; } .table.responsive-table-cells tbody th[scope="row"] { background-color: white; background-color: transparent; color: #555; } .table.responsive-table-cells tbody th[scope="row"]:before, .table.responsive-table-cells tbody th[scope="row"] a { color: #555; } .accounts-payable__info .label, .order-total .label, .blockquote, blockquote { border: none; } .cart .label, .status.label { border: none; color: #555; background-color: white; background-color: transparent; } #product-description p, .list-group-item, #recommendations .tile__title, .file-links .media-body p, #product-safety p, .general-item p { font-size: .88rem; } .buy_box div, .buy_box button, .buy_box p, .buy_box a { page-break-inside: auto; } #product-description .more-less { display: none; } #long-product-description { max-height: none; } .available-formats .list-group-item.active { background-color: transparent; color: #333; } .available-formats .list-group-item.active .format { color: #333; } #long-product-description:after { background: none; } .body-content, img { page-break-before: avoid; position: relative; } .section-head, .section-title, .main-col p, #companion-products, .related-articles__single, #recommendations, #bulk-discounts, #product-downloads, .account .row.invoices, .account .row.items, .tiled .tile, .results-list__item, .blockquote, blockquote, .form { page-break-inside: avoid; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; position: relative; } #product-media, .article__share, .card--pdpsocial, .category-areas, .article__categories, #lwreader, .product-safety-alert, .available-formats__more, .free-downloads__instructions, .payment-label, .footer_confidence .payment__options, #trust, .lwreader-box, .responsive-audio, .embed-responsive, .card.recent-articles, .advertisement, .homepage__banner-dark, .banner-ad, .homepage__banner-light, .cart .quick-item-add, .cart .trending-products__details p, .cart .trending-products__purchase .item__quantity { display: none; } .slider.gallery, .slider.owl-carousel { display: none !important; } .cart p.trending-products__title { display: block; } .companions__product .companions__product .companions__title, .companions__product .companions__product .companions__availablity { font-size: .88rem; } .companions__product .companions__product .companions__options, .companions__product .companions__product .companions__quantity, .companions__product .companions__product .companions__add-button { display: none; } .companions__product .companions__price { width: 100%; max-width: none; } .form-group label, .form-group label.sr-only { display: inline; position: relative; height: auto; width: auto; margin: auto; padding: auto; overflow: visible; } .form-group input { color: #ffffff; color: transparent; } .form-group ::-webkit-input-placeholder { color: #ffffff; color: transparent; } .form-group ::-moz-placeholder { color: #ffffff; color: transparent; } .form-group ::-ms-input-placeholder { color: #ffffff; color: transparent; } .article .author-block { font-size: .75rem; } .article .author-block .col-sm-4 { max-width: 20%; width: 20%; -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; } .article .author-block .col-sm-8 { max-width: 80%; width: 80%; -webkit-box-flex: 0; -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; } .event-detail .section-2 > .row > .col-md-4 { page-break-inside: avoid; max-width: 100%; width: 100%; } .event-detail .section-2 > .row > .col-md-4 > .row .col-sm-6 { page-break-inside: avoid; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; } .event-detail .section-2 > .row > .col-md-4 > .row .col-sm-6 img { margin: auto; page-break-inside: avoid; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; } .event-family h1.visually-hidden { position: relative; height: auto; width: auto; color: #333; top: auto; left: auto; text-align: center; } img.image-responsive { page-break-inside: avoid; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; position: relative; } /* FOOTER  ////// */ footer.footer_nav, .footer_nav { background: transparent; display: none; } footer.footer_nav a, .footer_nav a { color: #999; } footer.footer_nav .footer-mailinglist, .footer_nav .footer-mailinglist { display: none; } footer.footer_nav .social .nav, .footer_nav .social .nav { display: none; } .footer_confidence a#bbblink.sehzbas, .footer_confidence a#bbblink.rbhzbas, .footer_confidence a#bbblink.sehzbus, .footer_confidence a#bbblink.rbhzbus { width: 200px; } .giftcard-print { overflow: hidden; padding-bottom: 0; } .giftcard-print .giftcard--printable { height: 268px; padding-bottom: 0; width: 475px; } .giftcard-print .giftcard--printable .giftcard__bow { bottom: 0; height: 266px; max-height: 100%; right: 0; width: 473px; } .giftcard-print .giftcard--printable .card-details { bottom: 1.5rem; margin-left: 0; margin-top: 0; position: absolute; right: 1.5rem; } .giftcard-print .giftcard--printable .card-details .col-1 { width: 95px; } /* ALSO had to comment out .c-select:focus in custom-forms.php */ #available-formats, .section-head, .card, .list-group-item, .list-group-item .row, .cart .checkout-cart__item, .table-row { *zoom: 1; } #available-formats:before, .section-head:before, .card:before, .list-group-item:before, .list-group-item .row:before, .cart .checkout-cart__item:before, .table-row:before, #available-formats:after, .section-head:after, .card:after, .list-group-item:after, .list-group-item .row:after, .cart .checkout-cart__item:after, .table-row:after { display: table; content: ""; line-height: 0; } #available-formats:after, .section-head:after, .card:after, .list-group-item:after, .list-group-item .row:after, .cart .checkout-cart__item:after, .table-row:after { clear: both; } /* FF flexbox printing fix */ @-moz-document url-prefix() { .row { display: block; overflow: visible; position: relative; width: 100%; clear: both; }
    .container-fluid .col-wide, .container-fluid .col-narrow { width: 100%; max-width: none; }
    .table-row .row, .table-row .row > div, .product-images .row, .product-images .row > div { float: left; }
    .product .row .col-narrow, .cart .body-content > .container-fluid > .row .col-md-5 { position: absolute; top: 0; right: 0; width: 33%; }
    .trending-products .col-sm-3, .trending-products .col-sm-4, .trending-products .col-sm-5, .trending-products .col-sm-6 { width: 100%; max-width: 100%; }
    .cart .checkout-cart__item > div { float: left; }
    .cart .text-right { float: right; }
    .checkout-cart__sidebar.p-a-md, .checkout-cart { padding: 1em 0 !important; }
    .checkout-cart__sidebar .row { margin-left: 0; margin-right: 0; }
    .tiled-container .row > div { float: left; }
    .companions__product .row div { float: right; }
    .companions__product .row div.companions__title, .companions__product .row div .row div { float: left; }
    .companions__product .row div.companions__price, .companions__product .row div.companions__add-button { float: right; }
    .companions__options, .companions__quantity, .companions__add-button { display: none; }
    .list-group-item, .list-group-item .row { width: 100%; }
    .list-group-item .row > div { float: left; }
    .list-group-item .row > div.text-right { float: right; }
    .card { clear: both; page-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; }
    .section-head { clear: both; page-break-inside: avoid; }
    #available-formats { clear: both; } } /* */ }

/* This is a special CSS rule to avoid a overlay issue in some instances with AEM forms */

.mobileLayout.simple {
    display:none;
}

.guidehidden.guidefield {
    display:none;
}