/* Minification failed. Returning unminified contents.
(1829,67): run-time error CSS1062: Expected semicolon or closing curly-brace, found ','
(1863,72): run-time error CSS1062: Expected semicolon or closing curly-brace, found ','
 */
/*! normalize.css v1.1.0 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

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

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

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

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

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

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

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

/**
 * Address styling not present in IE 6/7/8/9.
 */

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

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

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

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

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

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

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

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

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

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

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

/**
 * Remove inner padding and border in Firefox 3+.
 */

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

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

















/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

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

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

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

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/*Reset*/
html, body, div, span, input, button, textarea, select, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	outline: none;
    border:none;
    /*user-select: none;*/
}

a, p, h1, h2, h3, h4, h5, h6, input, textarea, select, blockquote, pre, a, abbr, acronym, address, big, cite, code, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, time  {    
    /*user-select: initial;*/
}

/*Basics*/
em { font-style:italic; }
strong { font-weight:bold; }
img { max-width:100%; height:auto !important; }

/*Wrappers*/
.wrapper { position:relative; width:100%; }

/*Containers*/
.container { position: relative; margin:0 auto; }

/*Filters*/
.filter { cursor: pointer; }
.fill { display:none; }
.fill.active { display:block; }

/*Expanders*/
.expand,
.expand2 { cursor: pointer; }
.expander,
.expander2 { display:none; }
.expander.active,
.expander2.active { display:block; }

/*Box Model*/
.container,
.container:after,
.container:before,
input,
input:after,
input:before,
textarea,
textarea:after,
textarea:before,
select,
select:after,
select:before,
.block,
.block:after,
.block:before,
.cell,
.cell:after,
.cell:before, 
[class*='col-'],
[class*='col-']:after,
[class*='col-']:before { 
    -webkit-box-sizing: border-box; 
       -moz-box-sizing: border-box; 
            box-sizing: border-box; 

}
.lt-ie8 .container,
.lt-ie8 input, 
.lt-ie8 textarea, 
.lt-ie8 .block,
.lt-ie8 .cell,
.lt-ie8 [class*='col-'],
.lt-ie8 [class*='l-'],
.lt-ie8 [class*='r-'] { padding-left:0 !important; padding-right:0 !important; border-left:0 !important; border-right:0 !important; }

/*Placeholders*/
::-webkit-input-placeholder { color:#aaa9a9; }
:-moz-placeholder { color:#aaa9a9; }
::-moz-placeholder { color:#aaa9a9; }
:-ms-input-placeholder { color:#aaa9a9; }

/*Table*/
.table { display: table; width: 100%; table-layout: fixed; }
.table .row { width: 100%; display:table-row; }
.table .cell { float:none; display:table-cell; }
.lt-ie8 .table .cell { float:left; display: block; }

/*Grids*/
.grid:before,
.grid:after { content: " "; display: table; }
.grid:after { clear: both; }
.grid { width:100%; *zoom: 1; }
.block { float:left; }

[class*='col-'] { float: left; display: inline-block; }
.col-1   { width: 1%;   }
.col-2   { width: 2%;   }
.col-3   { width: 3%;   }
.col-4   { width: 4%;   }
.col-5   { width: 5%;   }
.col-6   { width: 6%;   }
.col-7   { width: 7%;   }
.col-8   { width: 8%;   }
.col-9   { width: 9%;   }
.col-10  { width: 10%;  }
.col-11  { width: 11%;  }
.col-12  { width: 12%;  }
.col-13  { width: 13%;  }
.col-14  { width: 14%;  }
.col-15  { width: 15%;  }
.col-16  { width: 16%;  }
.col-17  { width: 17%;  }
.col-18  { width: 18%;  }
.col-19  { width: 19%;  }
.col-20  { width: 20%;  }
.col-21  { width: 21%;  }
.col-22  { width: 22%;  }
.col-23  { width: 23%;  }
.col-24  { width: 24%;  }
.col-25  { width: 25%;  }
.col-26  { width: 26%;  }
.col-27  { width: 27%;  }
.col-28  { width: 28%;  }
.col-29  { width: 29%;  }
.col-30  { width: 30%;  }
.col-31  { width: 31%;  }
.col-32  { width: 32%;  }
.col-33  { width: 33%;  }
.col-333 { width: 33.333333333%; }
.col-34  { width: 34%;  }
.col-35  { width: 35%;  }
.col-36  { width: 36%;  }
.col-37  { width: 37%;  }
.col-38  { width: 38%;  }
.col-39  { width: 39%;  }
.col-40  { width: 40%;  }
.col-41  { width: 41%;  }
.col-42  { width: 42%;  }
.col-43  { width: 43%;  }
.col-44  { width: 44%;  }
.col-45  { width: 45%;  }
.col-46  { width: 46%;  }
.col-47  { width: 47%;  }
.col-48  { width: 48%;  }
.col-49  { width: 49%;  }
.col-50  { width: 50%;  }
.col-51  { width: 51%;  }
.col-52  { width: 52%;  }
.col-53  { width: 53%;  }
.col-54  { width: 54%;  }
.col-55  { width: 55%;  }
.col-56  { width: 56%;  }
.col-57  { width: 57%;  }
.col-58  { width: 58%;  }
.col-59  { width: 59%;  }
.col-60  { width: 60%;  }
.col-61  { width: 61%;  }
.col-62  { width: 62%;  }
.col-63  { width: 63%;  }
.col-64  { width: 64%;  }
.col-65  { width: 65%;  }
.col-66  { width: 66%;  }
.col-666 { width: 66.666666666%; }
.col-67  { width: 67%;  }
.col-68  { width: 68%;  }
.col-69  { width: 69%;  }
.col-70  { width: 70%;  }
.col-71  { width: 71%;  }
.col-72  { width: 72%;  }
.col-73  { width: 73%;  }
.col-74  { width: 74%;  }
.col-75  { width: 75%;  }
.col-76  { width: 76%;  }
.col-77  { width: 77%;  }
.col-78  { width: 78%;  }
.col-79  { width: 79%;  }
.col-80  { width: 80%;  }
.col-81  { width: 81%;  }
.col-82  { width: 82%;  }
.col-83  { width: 83%;  }
.col-84  { width: 84%;  }
.col-85  { width: 85%;  }
.col-86  { width: 86%;  }
.col-87  { width: 87%;  }
.col-88  { width: 88%;  }
.col-89  { width: 89%;  }
.col-90  { width: 90%;  }
.col-91  { width: 91%;  }
.col-92  { width: 92%;  }
.col-93  { width: 93%;  }
.col-94  { width: 94%;  }
.col-95  { width: 95%;  }
.col-96  { width: 96%;  }
.col-97  { width: 97%;  }
.col-98  { width: 98%;  }
.col-99  { width: 99%;  }
.col-100 { width: 100%; }

.l-1   { padding-left: 1%;   }
.l-2   { padding-left: 2%;   }
.l-3   { padding-left: 3%;   }
.l-4   { padding-left: 4%;   }
.l-5   { padding-left: 5%;   }
.l-6   { padding-left: 6%;   }
.l-7   { padding-left: 7%;   }
.l-8   { padding-left: 8%;   }
.l-9   { padding-left: 9%;   }
.l-10  { padding-left: 10%;  }
.l-11  { padding-left: 11%;  }
.l-12  { padding-left: 12%;  }
.l-13  { padding-left: 13%;  }
.l-14  { padding-left: 14%;  }
.l-15  { padding-left: 15%;  }
.l-16  { padding-left: 16%;  }
.l-17  { padding-left: 17%;  }
.l-18  { padding-left: 18%;  }
.l-19  { padding-left: 19%;  }
.l-20  { padding-left: 20%;  }
.l-21  { padding-left: 21%;  }
.l-22  { padding-left: 22%;  }
.l-23  { padding-left: 23%;  }
.l-24  { padding-left: 24%;  }
.l-25  { padding-left: 25%;  }
.l-26  { padding-left: 26%;  }
.l-27  { padding-left: 27%;  }
.l-28  { padding-left: 28%;  }
.l-29  { padding-left: 29%;  }
.l-30  { padding-left: 30%;  }
.l-31  { padding-left: 31%;  }
.l-32  { padding-left: 32%;  }
.l-33  { padding-left: 33%;  }
.l-333 { padding-left: 33.333333333%; }
.l-34  { padding-left: 34%;  }
.l-35  { padding-left: 35%;  }
.l-36  { padding-left: 36%;  }
.l-37  { padding-left: 37%;  }
.l-38  { padding-left: 38%;  }
.l-39  { padding-left: 39%;  }
.l-40  { padding-left: 40%;  }
.l-41  { padding-left: 41%;  }
.l-42  { padding-left: 42%;  }
.l-43  { padding-left: 43%;  }
.l-44  { padding-left: 44%;  }
.l-45  { padding-left: 45%;  }
.l-46  { padding-left: 46%;  }
.l-47  { padding-left: 47%;  }
.l-48  { padding-left: 48%;  }
.l-49  { padding-left: 49%;  }
.l-50  { padding-left: 50%;  }
.l-51  { padding-left: 51%;  }
.l-52  { padding-left: 52%;  }
.l-53  { padding-left: 53%;  }
.l-54  { padding-left: 54%;  }
.l-55  { padding-left: 55%;  }
.l-56  { padding-left: 56%;  }
.l-57  { padding-left: 57%;  }
.l-58  { padding-left: 58%;  }
.l-59  { padding-left: 59%;  }
.l-60  { padding-left: 60%;  }
.l-61  { padding-left: 61%;  }
.l-62  { padding-left: 62%;  }
.l-63  { padding-left: 63%;  }
.l-64  { padding-left: 64%;  }
.l-65  { padding-left: 65%;  }
.l-66  { padding-left: 66%;  }
.l-666 { padding-left: 66.666666666%; }
.l-67  { padding-left: 67%;  }
.l-68  { padding-left: 68%;  }
.l-69  { padding-left: 69%;  }
.l-70  { padding-left: 70%;  }
.l-71  { padding-left: 71%;  }
.l-72  { padding-left: 72%;  }
.l-73  { padding-left: 73%;  }
.l-74  { padding-left: 74%;  }
.l-75  { padding-left: 75%;  }
.l-76  { padding-left: 76%;  }
.l-77  { padding-left: 77%;  }
.l-78  { padding-left: 78%;  }
.l-79  { padding-left: 79%;  }
.l-80  { padding-left: 80%;  }
.l-81  { padding-left: 81%;  }
.l-82  { padding-left: 82%;  }
.l-83  { padding-left: 83%;  }
.l-84  { padding-left: 84%;  }
.l-85  { padding-left: 85%;  }
.l-86  { padding-left: 86%;  }
.l-87  { padding-left: 87%;  }
.l-88  { padding-left: 88%;  }
.l-89  { padding-left: 89%;  }
.l-90  { padding-left: 90%;  }
.l-91  { padding-left: 91%;  }
.l-92  { padding-left: 92%;  }
.l-93  { padding-left: 93%;  }
.l-94  { padding-left: 94%;  }
.l-95  { padding-left: 95%;  }
.l-96  { padding-left: 96%;  }
.l-97  { padding-left: 97%;  }
.l-98  { padding-left: 98%;  }
.l-99  { padding-left: 99%;  }
.l-100 { padding-left: 100%; }

.r-1   { padding-right: 1%;   }
.r-2   { padding-right: 2%;   }
.r-3   { padding-right: 3%;   }
.r-4   { padding-right: 4%;   }
.r-5   { padding-right: 5%;   }
.r-6   { padding-right: 6%;   }
.r-7   { padding-right: 7%;   }
.r-8   { padding-right: 8%;   }
.r-9   { padding-right: 9%;   }
.r-10  { padding-right: 10%;  }
.r-11  { padding-right: 11%;  }
.r-12  { padding-right: 12%;  }
.r-13  { padding-right: 13%;  }
.r-14  { padding-right: 14%;  }
.r-15  { padding-right: 15%;  }
.r-16  { padding-right: 16%;  }
.r-17  { padding-right: 17%;  }
.r-18  { padding-right: 18%;  }
.r-19  { padding-right: 19%;  }
.r-20  { padding-right: 20%;  }
.r-21  { padding-right: 21%;  }
.r-22  { padding-right: 22%;  }
.r-23  { padding-right: 23%;  }
.r-24  { padding-right: 24%;  }
.r-25  { padding-right: 25%;  }
.r-26  { padding-right: 26%;  }
.r-27  { padding-right: 27%;  }
.r-28  { padding-right: 28%;  }
.r-29  { padding-right: 29%;  }
.r-30  { padding-right: 30%;  }
.r-31  { padding-right: 31%;  }
.r-32  { padding-right: 32%;  }
.r-33  { padding-right: 33%;  }
.r-333 { padding-right: 33.333333333%; }
.r-34  { padding-right: 34%;  }
.r-35  { padding-right: 35%;  }
.r-36  { padding-right: 36%;  }
.r-37  { padding-right: 37%;  }
.r-38  { padding-right: 38%;  }
.r-39  { padding-right: 39%;  }
.r-40  { padding-right: 40%;  }
.r-41  { padding-right: 41%;  }
.r-42  { padding-right: 42%;  }
.r-43  { padding-right: 43%;  }
.r-44  { padding-right: 44%;  }
.r-45  { padding-right: 45%;  }
.r-46  { padding-right: 46%;  }
.r-47  { padding-right: 47%;  }
.r-48  { padding-right: 48%;  }
.r-49  { padding-right: 49%;  }
.r-50  { padding-right: 50%;  }
.r-51  { padding-right: 51%;  }
.r-52  { padding-right: 52%;  }
.r-53  { padding-right: 53%;  }
.r-54  { padding-right: 54%;  }
.r-55  { padding-right: 55%;  }
.r-56  { padding-right: 56%;  }
.r-57  { padding-right: 57%;  }
.r-58  { padding-right: 58%;  }
.r-59  { padding-right: 59%;  }
.r-60  { padding-right: 60%;  }
.r-61  { padding-right: 61%;  }
.r-62  { padding-right: 62%;  }
.r-63  { padding-right: 63%;  }
.r-64  { padding-right: 64%;  }
.r-65  { padding-right: 65%;  }
.r-66  { padding-right: 66%;  }
.r-666 { padding-right: 66.666666666%; }
.r-67  { padding-right: 67%;  }
.r-68  { padding-right: 68%;  }
.r-69  { padding-right: 69%;  }
.r-70  { padding-right: 70%;  }
.r-71  { padding-right: 71%;  }
.r-72  { padding-right: 72%;  }
.r-73  { padding-right: 73%;  }
.r-74  { padding-right: 74%;  }
.r-75  { padding-right: 75%;  }
.r-76  { padding-right: 76%;  }
.r-77  { padding-right: 77%;  }
.r-78  { padding-right: 78%;  }
.r-79  { padding-right: 79%;  }
.r-80  { padding-right: 80%;  }
.r-81  { padding-right: 81%;  }
.r-82  { padding-right: 82%;  }
.r-83  { padding-right: 83%;  }
.r-84  { padding-right: 84%;  }
.r-85  { padding-right: 85%;  }
.r-86  { padding-right: 86%;  }
.r-87  { padding-right: 87%;  }
.r-88  { padding-right: 88%;  }
.r-89  { padding-right: 89%;  }
.r-90  { padding-right: 90%;  }
.r-91  { padding-right: 91%;  }
.r-92  { padding-right: 92%;  }
.r-93  { padding-right: 93%;  }
.r-94  { padding-right: 94%;  }
.r-95  { padding-right: 95%;  }
.r-96  { padding-right: 96%;  }
.r-97  { padding-right: 97%;  }
.r-98  { padding-right: 98%;  }
.r-99  { padding-right: 99%;  }
.r-100 { padding-right: 100%; }

.fclear { clear:both; }
/*
Theme Name: [THEMENAME]
Author: Sharp Hue
*/

/*Basics*/
html, body, .wrapper { min-width:960px; }
.container { width:960px; }
html { background:#fff; }
body { background:#fff; font-family: 'Montserrat', sans-serif; }
h1,h2,h3,h4,h5,h6 { color:#444; font-size:20px; font-weight:normal; }
p, label, ul, ol, input, textarea { color:#444; font-size:13px; line-height:20px; }
a { color:#195eac; }
a:hover { text-decoration:none; }
input.btn.font-awesome { font-family: FontAwesome, sans-serif; }

/*Loading*/
#loading-progress { display:none; position:fixed; top:25%; left:0; right:0; background:#fff; background:rgba(25,97,174,.9); z-index:9999; }
#loading-progress .message { position:relative; padding:100px 30px 150px 30px; text-align:center; font-size:15px; text-transform:uppercase; line-height:18px; font-weight:bold; color:#fff; 
	-webkit-box-shadow: 0 20px 100px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 20px 100px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 20px 100px rgba(0, 0, 0, 0.5);
}
#loading-progress .message i { position:absolute; left:50%; bottom:115px; margin-left:-10px; height:20px; width:20px; line-height:20px; font-size:20px; text-align:center; }

/*Misc*/
[class*="col-"].right { float:right; }
#b8w-topbar .b8w-logo { display:none !important; }
#bw8-widget-holder { min-height:56px; }
.red-text { color:red; }
.text-right { text-align:right; }

/*Olark Chat*/
#olark-box-container { border:1px solid #f9f9f9; padding:50px;  
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}
.online-chat-btn { float:right; display:block; margin-top:8px; padding:10px 25px; line-height:20px; font-size:14px; text-transform:uppercase; text-decoration:none; color:#25a94b   ; background:#fff; border-radius:3px; 
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.online-chat-btn:hover { background:#25a94b; color:#fff; }
.online-chat-btn i { margin-left:10px; font-size:20px; vertical-align:top; }

/*Fonts*/
h1,h2,h3,h4,h5,h6, #nav nav ul li a, #header .logo-tag, #header .btn.catalog a, #services .btn a, 
#introduction h1 .tag, .btn a, .btn button, #resources .box .body .top p a, #featured-posts .box .body .top p a, 
#resources .box.terms .body .top a, #resources .box.case-studies .body .top .title,
#resources .box.tip-sheet .body .bottom .title a, footer-nav > ul > li > a,
#footer .contact .phone, #footer .contact .address span, #footer-nav > ul > li > a, #footer-nav ul li.bold ul li a,
#search .links p.right,
#search h2,
#search h3,
#details p,
#details ul li,
#details .btn.bundle a,
#details .btn.cart a,
#cart .banner p,
#searchbar .top .back,
#modals .modal.search .form p,
#modals .modal.search .form .btn button,
#content #dynamic .headline a,
#course-details p,
#course-details li,
#course-details .btn,
#dynamic-landing-page p,
#dynamic-landing-page li,
#dynamic-landing-page .btn { font-family: 'Montserrat', sans-serif; }
#courses .box .body button,
#staff-bios h2,
#modals .modal.search button,
#filterbar .light ul li a,
#details .specs .tabs span,
#account table td,
#about-us h1, #about-us h2, #about-us h3, #about-us p { font-family: 'Montserrat', sans-serif; }
.condensed, #introduction h1, #footer .subscribe h3, #glossary .glossary-item .term p,
#glossary .glossary-term h2,
#account p.or,
#account table th { font-family: 'Montserrat', sans-serif; }

/*Buttons*/
.btn a, 
.btn input[type="submit"],
.btn button { display:inline-block; text-decoration:none; font-size:20px; font-weight:300; height:35px; line-height:35px; padding:0 15px; border:none; }
.btn a:hover,
.btn input[type="submit"]:hover,
.btn button:hover { opacity:0.9; }

/*Wrappers*/
.wrapper.header     { z-index:10;  background:#fff; }
.wrapper.nav        { z-index:9; background:#1961ae; 
	-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
}
.wrapper.promo      { z-index:7;  background:#eee; }
.wrapper.popular-categories { z-index:8; }
.wrapper.intro      { z-index:7;  background:#f4f7fa; }
.wrapper.courses    { z-index:7;  background:#fff; }
.wrapper.content    { z-index:7;  background:#fff; min-height:300px; }
.wrapper.footer     { z-index:7;  background:#093667; }
.wrapper.inner-promo { z-index:7;  background:#6484AB url(/images/promo1.jpg) no-repeat center top; }
.wrapper.dark-blue { background: #193b63; }

/*Test Mode*/
body.test-mode:before { display:block; padding:15px; background:#222; line-height:24px; font-size:15px; font-weight:bold; text-align:center; color:#fff; text-transform:uppercase; }
body.test-mode.test-payments:before { content:"Test Payments"; }
body.test-mode.test-data:before { content:"Test Data"; }
body.test-mode.test-payments.test-data:before { content:"Test Mode"; }

/*Header
#header { position:relative; height:140px; }
#header .logo { position:absolute; left:0px; top:25px; }
#header .logo img { width:85px; }
#header .logo-tag { position:absolute; left:120px; top:20px; }
#header .logo-tag p { font-size:13px; line-height:15px; font-weight:400; color:#7493b6; }

#header .info { position:absolute; right:0; top:13px; }
#header .info .grid { width:auto; }
#header .phone { float: left; padding: 0 30px 0 0; line-height: 34px; height: 34px; }
#header .phone p { font-size: 14px; font-weight: 700; color: #002c5d; line-height: 34px; text-align: right; text-transform: uppercase; }
#header .phone p a { color:#002c5d; font-weight:400; text-decoration:none; }
#header .countries { float:left; border-right:1px solid #ddd; padding:0 8px; }
#header .countries img { margin:0 8px; }
#header .account { float:left; line-height:34px; height:34px; }
#header .account a,
#header .account button { margin: 0 0 0 10px; font-size: 22px; display: inline-block; line-height: 34px; vertical-align: top; color: #1961ae; background: none; border: none; }
#header .account i { font-size: 22px; vertical-align: top; line-height: 34px; width:28px; text-align:center; color: #1961ae; }
#header .account i.fa-times { color:#ccc; }
#header .account a.line { padding-left:15px; }

#header .cart { position:absolute; right:0; top:75px; }
#header .cart * { vertical-align:middle; }
#header .cart a { display:inline-block; padding:5px 11px; height:24px; line-height:24px; color:#fff; font-size:14px; background:#f6921f; text-decoration:none; white-space:nowrap; border-radius:2px; }
#header .cart i { height:20px; line-height:20px; font-size:18px; margin-right:5px; }

#header .search { display:none; position:absolute; right:148px; top:55px; width:250px; height:50px; padding:15px; background:#fff; border-radius:5px; 
	-webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
}
#header .search.show { display:block; }
#header .search:before,
#header .search:after { content: ""; display: block; position: absolute; right: 33px; bottom: 100%; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; }
#header .search:before { right:32px; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 11px solid #ddd; }
#header .search [type="text"] { float:left; text-indent:15px; font-size:16px; width: 100%; line-height: 24px; padding: 12px 0; background:#f4f4f4; border: 1px solid #d0d0d0; border-radius: 1px; }
#header .search [type="submit"] { position:absolute; top:15px; right:15px; width:50px; line-height:24px; padding:7px 10px; background:none; border:none; color:#195eac; }
#header .search i { font-size: 22px; vertical-align: top; line-height: 34px; color: #1961ae; }

.compact-header #bw8-widget-holder { display:none; }
.compact-header #header { height:60px; }
.compact-header #header .logo { top:8px; }
.compact-header #header .logo img { width:40px; }
.compact-header #header .logo-tag { left:60px; top:8px; }
.compact-header #header .info { right: 135px; top: 13px; }*/
/*.compact-header #header .info .countries { display:none; }*/
/*.compact-header #header .search { }
.compact-header #header .cart { top:13px; }*/
#header .wrapper { background:#233167 url(https://www.8thandwalton.com/wp-content/uploads/2020/01/8w-retail-link-1-hero-bg.jpg) no-repeat center center; background-size:cover; }
#header .container { padding:20px 40px 30px 40px; width:auto; max-width:none; }
#header img { width:155px; }
#header a.cart { float:right; display: inline-block; background: url(https://www.8thandwalton.com/wp-content/themes/8thwalton/img/icon-cart.png) no-repeat bottom left / 34px auto; height: 35px; position: relative; width: 42px; margin-top: 15px; margin-bottom: 15px; font-weight:700; text-align:center; }
#header a.cart:hover { color: #179fd4; }
#header a.cart span.cart-count { display: inline-block; background: #fff; color: #179fd4; width: 22px; height: 22px; border-radius: 12px; text-align: center; margin:4px 0 0 4px; }
#header a.cart span.view-cart-text { display: none; }
#header h1 { margin: 50px 0 10px 0; color:#fff; font-weight:bold; font-size:49px; }
#header a.continue { color:#14ACE5; font-weight:bold; font-size:14px; text-transform:uppercase; text-decoration:none; }
#header a.continue:hover { color:#fff; }
@media all and (max-width: 700px) {
    #header h1 { font-size:30px; }
}

/*Nav
#nav { display:table; width:100%; }
#nav nav { position:relative; display:table; float:right; }
#nav nav > ul { display:table; width:100%; list-style:none; }
#nav ul > li { float:left; display:block; padding:0 0 0 35px; }
#nav ul > li:first-child { padding-left:0; }
#nav nav > ul > li > a { text-transform:none; }
#nav ul li > a { position:relative; display:block; height:40px; padding:4px 0; font-weight:600; line-height:39px; font-size:17px; color:#fff; text-transform:uppercase; text-decoration:none; }
#nav ul > li.browse-courses > a { padding-left:15px; padding-right:15px; background:#4c91dd; } 
.no-typekit #nav ul li > a { font-size:13px; }
#nav nav > ul > li:last-child { padding-right:0; }
#nav ul li:hover > a,
#nav ul li.current-menu-item > a,
#nav ul li.current-menu-parent > a,
#nav ul li.current_page_parent > a { }
#nav ul li.menu-item-has-children > a { padding-left:30px; position:relative; }
#nav ul li.menu-item-has-children > a:before { position:absolute; left:5px; top:50%; line-height:14px; height:14px; width:14px; margin-top:-7px; display:inline-block; text-align:center; font-size:9px; content: "\f078"; font-family: FontAwesome; }
#nav nav > ul > li:hover > a { color:#eee;  }
#nav nav > ul > li.active > a:after { content:""; position:absolute; left:0; right:0; bottom:0; height:3px; background:#093667; }
#nav nav > ul > li.active.menu-item-has-children > a:after { left:30px; }
#nav nav > ul > li:first-child:hover,
#nav nav > ul > li:last-child:hover { }
#nav nav > ul > li.active:last-child {  }
#nav nav ul li a.orange { background:#f6921f; }
#nav nav ul li a.orange-text { color: #f6b51b }*/


/*Sub Nav
#nav ul li .sub { position:relative; }
#nav ul ul { display:none; position:absolute; left:0px; top:0px; min-width:200px; height:auto; background:#195eac; 
	-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
}
#nav ul li:last-child ul { left:auto; right:0; }
#nav ul li:hover ul { display:block; }
#nav ul li ul li { float:none; display:block; margin:0; padding:0; border-top:1px solid #195eac; }
#nav ul li ul li a { display:block; height:auto; padding:5px 15px; line-height:18px; font-size:13px; color:#fff; text-transform:none; text-decoration:none; white-space:nowrap; }
#nav ul li ul li:first-child a { padding-top:10px; }
#nav ul li ul li:last-child a { padding-bottom:10px; }
#nav ul li ul li:hover a { background:#093667; }
#nav ul li ul li ul { display:none; }

#nav ul .banner ul { left:-210px; padding:0; }
#nav ul .banner ul li { position:relative; display:table; width:561px; height:120px; padding:0; background:#fff; }
#nav ul .banner ul li a { line-height:120px; height:120px; width:25%; float:left; display:block; padding:0; text-align:center; }
#nav ul li .banner ul li:hover a { background:#fff; }
#nav ul .banner ul li a img { max-height:60px; max-width:80%; }
#nav ul .banner ul li a.topten img { max-height:55px; }*/
/*#nav ul .banner ul li a.walmarthelp { width:50%; right:auto; }
#nav ul .banner ul li a.youtube { width:50%; left:auto; }*/
/*#nav ul li .banner ul li:hover a {  }
#nav ul li .banner ul li:first-child a { padding-top:0; }
#nav ul li .banner ul li:last-child a { padding-bottom:0; }*/

/*Side Nav
#sidenav .spacing { padding:55px 0px 40px 0; }
#sidenav ul { list-style:none; background:#195eac; padding:0;}
#sidenav ul li { border-bottom:1px solid #164c88; border-top:1px solid #266ab4; background:#195eac; }
#sidenav ul li:first-child { border-top:none; }
#sidenav ul li:last-child { border-bottom:none; }
#sidenav ul li a { display:block; padding:15px 20px; line-height:18px; color:#fff; font-size:17px; text-decoration:none; }
#sidenav ul li:hover a { color:#fff; background:#002c5d;  }
#sidenav ul li.current-menu-item a, #sidenav ul li.current-menu-parent a { color:#fff; background:#002c5d;  }
#sidenav ul li:hover, #sidenav ul li.current-menu-item, #sidenav ul li.current-menu-parent:hover { border-top:1px solid #002c5d; }
#sidenav ul li:first-child:hover { border-top:none; }
#sidenav ul li ul { display:none; }*/

/*Promo*/
#promo { position:relative; }
#promo .wrapper.promo { position:relative; z-index: 2; height:368px; }
#promo .wrapper.page { z-index: 5; }
#promo .message { position:absolute; right:0; top:70px; width:400px; }
#promo .message h2 { color:#fff; font-size:25px; font-weight:400; font-family:Arial, Helvetica, sans-serif; margin-bottom:35px; }
#promo .message h2 a { color:#fff; text-decoration:none; }
#promo .message p { color:#fff; font-size:22px; font-weight:600; line-height:32px; margin-bottom:30px; }
#promo .message .btn { text-align:left; }
#promo .message .btn a { background:#fff; color:#3a3a3a; }

/*Slider*/
#promo a.link-only { display:block; position:absolute; left:0; top:0; right:0; bottom:0; }
#promo .slider .slide { display:none; }
#promo .slider .slide:first-child { display:block; }
#promo .pager { position:absolute; bottom:20px; left:0; right:0; z-index:1; text-align:center; width:100%;}
#promo .pager a { display:inline-block; width:20px; height:8px; margin:0 5px; background:#093567; cursor:pointer; }
#promo .pager a.active { background-color:#fff; }
#promo .prev,
#promo .next { z-index:1; position:absolute; left:-60px; top:-199px; width:39px; height:39px;  background:url(/images/structure/slider-arrows.png) no-repeat 0px 0px; cursor:pointer; }
#promo .next { left:auto; right:-60px; background-position:-100px center; }
#promo .prev:hover,
#promo .next:hover { opacity:0.9; }

/*Inner-Promo*/
#inner-promo { }
#inner-promo .spacing { padding:22px 0; }
#inner-promo h1 { display:block; line-height:56px; font-size:47px; font-weight:700; color:#fff; }
#inner-promo h1 span:not(.notranslate) { font-size:42px; font-weight:300; padding-left:40px; margin-left:40px; border-left:1px solid #fff; }

#inner-promo .total { float:right; margin:2px 0 0 0; padding:0 15px; background: #f4f7fa; border: 1px solid #fff;
	-webkit-border-radius: 4px; 
       -moz-border-radius: 4px; 
	     -o-border-radius: 4px; 
	        border-radius: 4px;
}
#inner-promo .total * { vertical-align: middle; }
#inner-promo .total p { color:#696969; text-transform: uppercase; line-height: 53px; }
#inner-promo .total p b { padding:0 0 0 5px; display: inline-block; color: #033854; font-size: 32px; }
#inner-promo .total p sup { font-size: 18px; }
#inner-promo .total p.exchange { line-height:20px; }
#inner-promo .total p.exchange span { display:inline-block; padding:6px 0; }
#inner-promo .total p.exchange b { font-size:18px; }

/*Icon-Nav*/
.container.c-1200 { width:1200px; }
.wrapper.icon-nav {  z-index:8;  }
.wrapper.icon-nav .spacing  { padding:30px 0;  }
#icon-nav  {background:#193b63; position:relative; }
#icon-nav .frame { position:relative; }
#icon-nav .button {  display:table;  }
#icon-nav a { display:table-cell; width:100%; height:150px; background:#193b63; color:#fff; font-size:20px; font-family: 'Source Sans Pro', sans-serif; text-decoration:none; text-align:center; }
#icon-nav a .icon { display:inline-block; width:75px; height:75px; background:#3a63ae url(/images/structure/icon-nav-icons.png); 
-webkit-border-radius:100px; 
	   -moz-border-radius:100px; 
	     -o-border-radius:100px; 
	        border-radius:100px;
}
#icon-nav .inner { padding-top:15px; }
#icon-nav a .text { display:block; text-align:center; }
#icon-nav a:hover { background:#3a63ae;  }
#icon-nav:before { content:" "; width:100%; height:2px; background:#fff; position:absolute; left:0; right:0; top:50%; margin-top:-1px; }
#icon-nav .logo { z-index:10; position:absolute; width:152px; height:152px; left:50%; top:50%; margin-left:-78px; margin-top:-76px; 
-webkit-border-radius:100px; 
	   -moz-border-radius:100px; 
	     -o-border-radius:100px; 
	        border-radius:100px;
}
#icon-nav .logo a { display:block; width:100%; height:100%; background:url(/images/structure/icon-nav-logo.png) no-repeat center center;}

#icon-nav .button .icon.icon1 { background-position: 0 0; }
#icon-nav .button .icon.icon2 { background-position: -100px 0; }
#icon-nav .button .icon.icon3 { background-position: -200px 0; }
#icon-nav .button .icon.icon4 { background-position: -300px 0; }
#icon-nav .button .icon.icon5 { background-position: -400px 0; }
#icon-nav .button .icon.icon6 { background-position: -500px 0; }
#icon-nav .button .icon.icon7 { background-position: -600px 0; }
#icon-nav .button .icon.icon8 { background-position: -700px 0; }

#icon-nav .button.v1 { transform:skew(20deg); border-right:1px solid #fff; border-bottom:1px solid #fff; } 
#icon-nav .button.v1 a .inner { transform:skew(-20deg);  } 
#icon-nav .button.v2 { transform:skew(20deg); border-left:1px solid #fff; border-bottom:1px solid #fff;} 
#icon-nav .button.v2 a .inner { transform:skew(-20deg); } 

#icon-nav .button.v3 { transform:skew(-20deg); border-right:1px solid #fff; border-bottom:1px solid #fff;} 
#icon-nav .button.v3 a .inner { transform:skew(20deg); } 
#icon-nav .button.v4 { transform:skew(-20deg); border-left:1px solid #fff; border-bottom:1px solid #fff;} 
#icon-nav .button.v4 a .inner { transform:skew(20deg); } 

#icon-nav .button.v5 { transform:skew(-20deg); border-right:1px solid #fff; border-top:1px solid #fff;} 
#icon-nav .button.v5 a .inner { transform:skew(20deg); } 
#icon-nav .button.v6 { transform:skew(-20deg); border-left:1px solid #fff; border-top:1px solid #fff;} 
#icon-nav .button.v6 a .inner { transform:skew(20deg); } 

#icon-nav .button.v7 { transform:skew(20deg); border-right:1px solid #fff;  border-top:1px solid #fff;} 
#icon-nav .button.v7 a .inner { transform:skew(-20deg); } 
#icon-nav .button.v8 { transform:skew(20deg); border-left:1px solid #fff;  border-top:1px solid #fff; } 
#icon-nav .button.v8 a .inner { transform:skew(-20deg); } 

#icon-nav .button.v1 {  border-right:1px solid #fff; border-bottom:1px solid #fff; } 
#icon-nav .button.v2 {  border-left:1px solid #fff; border-bottom:1px solid #fff;   /* border-right:2px solid #fff; */ } 
#icon-nav .button.v3 { border-right:1px solid #fff; border-bottom:1px solid #fff; /* border-left:2px solid #fff; */} 
#icon-nav .button.v4 {  border-left:1px solid #fff; border-bottom:1px solid #fff;} 
#icon-nav .button.v5 {  border-right:1px solid #fff; border-top:1px solid #fff; } 
#icon-nav .button.v6 {  border-left:1px solid #fff; border-top:1px solid #fff;   /* border-right:2px solid #fff; */} 
#icon-nav .button.v7 {  border-right:1px solid #fff;  border-top:1px solid #fff;   /* border-left:2px solid #fff; */} 
#icon-nav .button.v8 { border-left:1px solid #fff;  border-top:1px solid #fff; } 
#icon-nav .mid-bg { position:absolute; left:50%; top:0; width:54px; height:300px; background:#000; z-index:9; margin-left:-27px;}

#icon-nav .mid-bg .top, #icon-nav .mid-bg .bottom { height:150px; position:relative; }
#icon-nav .mid-bg .left { display:inline-block; position:absolute; left:0; top:0; background:#193B63; width:26px; height:150px; border-right:1px solid #fff; box-sizing: border-box;}
#icon-nav .mid-bg .right { display:inline-block; position:absolute; right:0; top:0; background:#193B63; width: 30px; height:150px; border-left:1px solid #fff; box-sizing: border-box;}


/*Searchcrumb*/
#searchcrumb { min-height: 50px; padding:6px 0; }
#searchcrumb h2 { float:left; margin:0 25px 0 0; padding:0 12px; color: #195eac; font-size: 27px; font-weight: 700; line-height: 50px; background: #fff; }
#searchcrumb p { color:#d9ebff; font-size: 12px; line-height: 14px; }
#searchcrumb p a { padding:0 15px 0 0; margin: 0 5px 0 0; display: inline-block; color:#fff; background:url(/images/structure/crumb-arrow.png) no-repeat right center;  }

/*Footer
#footer { position:relative; min-height:50px; }
#footer .spacing { padding:20px 30px; }
#footer .left { position:relative; float:right; }
#footer .left .spacing { position:relative; background:#195eac; }
#footer .right { float:right; }
#footer p { color:#fff; font-size:11px; line-height: 18px; }
#footer p a { color:#fff; }
#footer .copyright { position:absolute; bottom:40px; right:0; }
#footer .disclaimer .padding { padding:30px 0 60px 0; }
#footer .disclaimer p { color:#5980ab; font-size:10px; line-height:15px;}
#footer .right .spacing { padding-right:0; }
#footer .subscribe { margin-bottom:40px; }
#footer .subscribe h3 { font-size:20px; line-height:24px; font-weight:700; margin-bottom:17px; color:#fff;  text-transform: uppercase; }
#footer .subscribe h3 span { color:#4c91dd; }
#footer .subscribe .hs_email > label { display: none; font-weight: bold; font-size: 13px; color: #fff; }
#footer .subscribe input[type="text"],
#footer .subscribe input[type="email"] { width: 100%; height: 30px; padding: 4px 10px; margin-bottom: 20px; border: none; font-style: italic; }
#footer .subscribe [type="submit"] { border-width: 0 !important; border: none !important; background: #4c91dd; color: #fff; font-size: 15px; height: 30px; line-height: 30px; padding: 0 30px; font-style: italic; font-family: Arial, Helvetica, sans-serif; }
#footer .subscribe input[type="submit"]:hover { opacity:0.9; }
#footer .subscribe .hs-error-msgs li { list-style: none; color: #fff; border: 1px solid #ccc; padding: 15px; margin-bottom: 5px; }
#footer .subscribe .hs-error-msgs li label { color:#fff; }
#footer .subscribe .submitted-message { color: #fff; border: 1px solid #ccc; padding: 15px; }
#footer .contact .phone { display:table; margin-bottom:30px;}
#footer .contact .phone span { display:inline-block; float:left; width:100px; color:#fff; text-transform:uppercase; font-weight:600; font-size:17px; text-align:right; padding-right:20px; box-sizing:border-box; }
#footer .contact .phone p { float:left; font-size:25px; font-weight:300; }
#footer .contact .address { display:table; margin-bottom:15px; }
#footer .contact .address span { display:inline-block; float:left; width:100px; color:#fff; text-transform:uppercase; font-weight:600; font-size:17px; text-align:right; padding-right:20px; box-sizing:border-box; }
#footer .contact .address p { float:left; font-size:14px; line-height:20px; }
#footer .social { line-height: 56px; height: 56px;}
#footer .social a {display: inline-block; width: 25px; height: 56px; background: url(https://www.8thandwalton.com/b8w/images/b8w-social.png) no-repeat 0 center; margin-left: 4px;}
#footer .social a:hover {opacity: 0.9;}
#footer .social a.b8w-facebook {background-position: 0 center;}
#footer .social a.b8w-twitter { background-position: -50px center; }
#footer .social a.b8w-linkedin { background-position: -100px center; }
#footer .social a.b8w-youtube { background-position: -150px center; }
#footer .social a.b8w-vimeo { background-position: -200px center; }
#footer .countries img { margin: 0 5px 5px 0; }*/
#footer .wrapper { background:#233167; }
#footer .container { padding:20px; }
#footer p { padding:0; margin:0; text-align:center; font-size:14px; color:#fff; }

/*Footer Nav*/
#footer-nav ul { list-style:none; }
#footer-nav > ul > li { margin-bottom:20px; }
#footer-nav ul li.bold ul li  { margin-bottom:15px;}
#footer-nav > ul > li > a, #footer-nav ul li.bold ul li a { color:#fff; font-size:17px; font-weight:600; text-decoration: none; text-transform:uppercase; }
#footer-nav ul li ul li a, #footer-nav ul li.second a { color:#fff; font-size:12px; font-weight:400; text-decoration: underline; text-transform:none; }
#footer-nav ul li ul { padding-top:10px; }
#footer-nav ul li.second { padding-top:30px; }
#footer-nav ul li.second ul { padding-top:0; }
#footer-nav ul li.split ul { display:table; width:66.66666%; }
#footer-nav ul li.split ul li { float:left; width:50%; }
#footer-nav ul li a.orange-text { color: #f6b51b }

/*404*/
#notfound { padding:50px 20px; }
#notfound h2 { font-size:50px; text-align:center; color:#666; margin-bottom:20px; font-weight:bold; }
#notfound h3 { font-size:30px; text-align:center; color:#666; margin-bottom:20px; font-weight:300; }
#notfound h5 { font-size:16px; text-align:center; color:#666; margin-bottom:20px; font-weight:300; text-transform:uppercase; letter-spacing:2px; }
#notfound p { font-size:15px; text-align:center; color:#666; margin-bottom:20px; }

/*Content*/
#content .spacing { padding:55px 0; }
#content h1 { padding:0 0 18px 0; color:#444; font-size:36px; line-height:54px; font-weight:400; }
#content h2 { padding:0 0 12px 0; color:#444; font-size:24px; line-height:36px; font-weight:400; }
#content h3 { padding:0 0 11px 0; color:#444; font-size:22px; line-height:33px; font-weight:400; }
#content h4 { padding:0 0 9px 0; color:#444; font-size:18px; line-height:27px; font-weight:400; }
#content h5 { padding:0 0 8px 0; color:#444; font-size:16px; line-height:24px; font-weight:400; }
#content h6 { padding:0 0 7px 0; color:#444; font-size:14px; line-height:21px; font-weight:400; }
#content p { padding:0 0 20px 0; }
#content a { color:#4c91dd; }
#content ul, #content ol { padding:0 0 0 20px; margin:0 0 20px 0; }
#content ul { list-style:square; }
#content li { padding:4px 0; }

/*Courses*/
#courses .spacing { padding:10px 20px 30px 0; }
#courses .spacing h2.line { margin-bottom:20px; }
#courses .supplier-title * { font-size:40px; font-weight:700; letter-spacing:-1px; color:#093667; text-transform:uppercase;}
#courses .box .title { background:#093667; height:50px; }
#courses .title * { display:inline-block; color:#fff; height:50px; line-height:50px; font-size:29px; padding:0 15px; }
#courses .box .body { background:#f4f7fa; }
#courses .box .body .padding { padding:0;}
#courses .box.role .body { background:#f4f7fa; margin-bottom:15px; border:1px solid #e6ebf1; border-top:none; padding:3px; }
#courses .box.role .body .padding { padding:3px;}
#courses .box .body button { width:100%; display:block; position:relative; height:103px; border:1px solid #e6ebf1; }
#courses .box .body button span { position:absolute; top:65px; left:0; right:0; width:auto; padding:0 10px; font-size:12px; text-align:center; text-transform:uppercase; color:#093667; }
#courses .box .body button:hover { opacity: 0.85; }
#courses .v1 button { background:#fff url(/images/structure/role1.png) no-repeat center top; }
#courses .v2 button { background:#fff url(/images/structure/role2.png) no-repeat center top; }
#courses .v3 button { background:#fff url(/images/structure/role3.png) no-repeat center top; }
#courses .v4 button { background:#fff url(/images/structure/role4.png) no-repeat center top; }
#courses .v5 button { background:#fff url(/images/structure/role5.png) no-repeat center top; }
#courses table { width:100%; }
#courses table th { background:#697c91; color:#fff; height:30px; line-height:20px; padding-top:5px; padding-bottom:5px; font-size:14px; text-align:left; padding:0 10px;  }
#courses table td { background:#f4f7fa; color:#000; height:30px; line-height:20px; padding-top:5px; padding-bottom:5px; font-size:14px; border-bottom:1px solid #fff; padding:0 10px; border-right:1px solid #e6ebf1; }
#courses table td a { display:block; color:#000; text-decoration:none; }
#courses table td:first-child { border-left:1px solid #e6ebf1; }
#courses table tr:last-child td { border-bottom:1px solid #e6ebf1; }
#courses table td.location { } 
#courses table td.course { width:20%;}
#courses table td.date { white-space:nowrap; background:#f4f7fa url(/images/structure/blue-arrow-sm.png) no-repeat 90% center; padding-right:20px; } 
#courses table tfoot td { background:#093667; color:#fff; text-align:center; cursor:pointer; }
#courses table tfoot td.more .fa-minus-circle,
#courses table tfoot td.less .fa-plus-circle { display:none; }

/*Services*/
#services .spacing { padding:60px 0; }
#services .box { float:right; background:url(/images/structure/services-bg.jpg) no-repeat left top; height:479px; width:308px; }
#services .box .padding { padding:24px; }
#services .box h2 { color:#fff; font-size:32px; line-height:41px; font-weight:600; margin-bottom:30px; }
#services .box p { font-size:17px; line-height:27px;  color:#fff; margin-bottom:40px; }
#services .btn a { display:inline-block; text-decoration:none; background:#fff url(/images/structure/blue-arrow-sm.png) no-repeat 90% center;;  width:100%; height:40px; line-height:40px; text-align:center;  margin-bottom:15px; padding:0; font-size:19px; font-weight:300;}
#services .btn a:hover { opacity:0.9; }

/*Introduction*/
#introduction .spacing { padding:40px 40px 60px 0; }
#introduction h1 { position:relative; font-size:55px; margin-bottom:20px; font-weight:700; line-height:80px; color:#4c91dd; text-transform:uppercase; }
#introduction h1 .sup { display:inline-block;  font-size:32px; letter-spacing:-2px; line-height:38px; border-bottom:5px solid; vertical-align:top; padding-top:16px; text-transform:uppercase; }
#introduction p { font-size:15px; line-height:25px; color:#4e4e4e; }
#introduction h1 .tag { float:right; width:auto; padding:14px 0 0 0; }
#introduction h1 .tag * { text-transform:none; font-size:19px; line-height:26px; font-weight:300; color:#093667; }

/*choose-path*/
#choose-path .wrapper.dark-blue { background:#193b63; }
#choose-path .spacing > h2.line { color:#fff; font-size:48px; margin-bottom:20px; }
#choose-path .spacing > h2.line span { background: #193b63; }
/*#choose-path .spacing > h2.line:before { content: " "; display: block; position: absolute; left: 0; top: 50%; margin-right: 15px; width: 100%; height: 3px; background: #fff; }*/
#choose-path .spacing > p { color: #fff; }
#choose-path .spacing { padding:40px 0; }
#choose-path .box { background:#fff; padding:30px; margin-bottom:40px; min-height:150px; position:relative; }
#choose-path p { font-size:18px; line-height:26px; text-align: center; margin-bottom: 40px; }
#choose-path .box h2 { margin:0; }
#choose-path .box h3 { margin:0 0 20px 0; font-size:23px; color:#195eac; font-weight:bold; text-align:center; text-transform:uppercase; }
#choose-path .box p { margin:0; font-size:16px; line-height:24px; }
#choose-path .box a { position:absolute; left:50%; bottom:-25px; display: block; width:135px; margin-left:-92px; padding: 15px 25px; background: #f6b51b; border-radius:3px; color:#fff; font-size:16px; font-weight:bold; text-decoration:none; text-align:center; }
#choose-path .box a:hover { background: #ffc334; }
@media all and (max-width: 700px) {

    #choose-path .spacing > h2.line { font-size: 30px; line-height: 36px; margin: 0 0 20px 0; }
    #choose-path .spacing > h2.line span { display:block; }
    #choose-path p { font-size:16px; }
}

/*Home Testimonial*/
#home-testimonials .spacing { padding:60px 0; }
#home-testimonials h2 { text-align:center; }
#home-testimonials .padding { padding:0 3px; }
#home-testimonials .box { height:auto;  margin:10px 0 0 0; border:1px solid #f1f1f1; padding:20px 50px; }
#home-testimonials .box h3 { position:relative; color:#195eac; line-height:38px; font-size:24px; font-weight:300; padding:0 10px 0 48px; }
#home-testimonials .box h3:before { display:block; content:" "; width:30px; height:36px; position:absolute; left:10px; top:0; background:url(/images/structure/resources-icons.png) no-repeat -150px  0; }
#home-testimonials .box .body { display:table;  position:relative; width:100%; height:auto; padding:15px; box-sizing:border-box;  }
#home-testimonials .box .body .top p { margin:0; padding:0; font-size:18px; font-weight:bold; line-height:20px; text-align:left; }
#home-testimonials .box .body .top p .name { text-decoration: none; color:#093667;  }
#home-testimonials .box .body .top p .name span { display:block; font-size:14px; color:#4c91dd; padding-top:10px; }
#home-testimonials .box .body .top img { float:left; width:92px; border:1px solid #000; margin: 0 10px 10px 0; }
#home-testimonials .box .read-more { position:absolute; bottom:15px; left:15px; font-size:12px; font-style:italic; color:#4c91dd; }
#home-testimonials .box .time { position:absolute; bottom:15px; right:15px; text-align:right; color:#919191; font-size:12px; font-style:italic;}
#home-testimonials .box .body .bottom p { font-size:15px; line-height:25px; color:#2e2e2e; }
#home-testimonials .slide { background:#fff; display:none; }

/*companies-lp*/
#companies-lp .wrapper.photo { background: url(/images/lp/company-header-bg.jpg) no-repeat center center; background-size:cover; }
#companies-lp .wrapper.blue { background: #edf0f4; }
#companies-lp .wrapper.yellow { background: #f5b51f; }
#companies-lp .wrapper .container { padding:50px 0; }
#companies-lp h1,
#companies-lp h2 { margin:0 0 20px 0; padding:0; font-size: 36px; font-weight: bold; color: #0e2d4c; text-align:center; }
#companies-lp h2 { font-size:26px; }
#companies-lp .box { padding:40px; background:rgba(255,255,255,0.8); }
#companies-lp .box p { padding:0; margin:0 0 20px 0; font-size:18px; color:#000; line-height:26px; text-align:center; }
#companies-lp .btn { text-align:center; }
#companies-lp .btn a { display:inline-block; padding:10px 45px; background:#f6921f; color:#fff; font-weight:bold; text-decoration:none; text-align:center; border-radius:4px; }
#companies-lp .grid li,
#companies-lp .grid p { font-size:15px; font-weight:300; line-height:20px; }
#companies-lp .grid li { margin:0 0 10px 0; }
#companies-lp .grid p { margin-bottom:25px; }
#companies-lp .grid li b { color:#195eac; font-weight:bold; }
#companies-lp .grid ul { margin: 0 0 25px 25px; }
#companies-lp .grid h2 { text-align:left; }
#companies-lp .grid h3,
#companies-lp .grid h4,
#companies-lp .grid h5,
#companies-lp .grid h6 { text-align:left; font-size:20px; font-weight:bold; margin:0 0 15px 0; }
#companies-lp .wrapper.yellow h2 { color:#fff; font-size:30px; margin-bottom:40px; }
#companies-lp .wrapper.yellow .container { padding:20px 0; }
#companies-lp .wrapper.yellow p { padding: 30px 0; font-size: 26px; text-align: center; color: #fff; }
#companies-lp .wrapper.yellow .grid .r-1 p { border-right: 1px solid #f2d89a; }
#companies-lp .pull-right { float:right; }
#companies-lp { }
#companies-lp { }
#companies-lp { }
#companies-lp { }
#companies-lp { }

@media all and (max-width: 960px) {

    #companies-lp .wrapper .container { padding: 20px; }
    #companies-lp .clients .cell { float:left; width:50%; text-align:center; }
}

/*Home-Video*/
#home-video .spacing { padding:60px 0 60px 15px;}
#home-video .box { position:relative; border:1px solid #999; }
#home-video .box img { width:100%; }
#home-video .box a { position:absolute; top:0; right:0; bottom:0; left:0; background:url(/images/structure/play.png) no-repeat center center; cursor:pointer; }

h2.line { position:relative; font-size:38px; font-weight:700; color:#093667; text-align:center; line-height:60px; text-transform:uppercase; }
/*h2.line:before { content:" "; display:block; position:absolute; left:0; top:50%; margin-right:15px; width:100%; height:3px; background:#093667;}*/
h2.line span { position:relative; padding:0 10px; background:#fff;}
.wrapper.intro h2.line span { background: #f4f7fa; }

/*Resources*/
#resources .spacing { padding:20px 0 60px 0; }
#resources h2 { text-align:center; }
#resources .padding { padding:0 3px; }
#resources .box { height:292px;  margin-bottom:10px; }
#resources .box h3 { background:#4c91dd; color:#fff; height:38px; line-height:38px; font-size:24px; font-weight:300; padding:0 10px 0 48px; }

#resources .box .body { position:relative; border:1px solid #e6ebf1; height:254px; background:#f4f7fa; box-sizing:border-box;  }
#resources .box .body .inner { padding:15px; }
#resources .box .body .top p { padding-left:105px; font-size:19px; font-weight:300; }
#resources .box .body .top p a { text-decoration: none; color:#093667;  }
#resources .box .body .top img { float:left; width:90px; border:1px solid #000; margin: 0 10px 10px 0; }
#resources .box .body .top .img-contain { float:left; display:inline-block; width:92px; height:100px; overflow:hidden; }
#resources .box .read-more { position:absolute; bottom:15px; left:15px; font-size:12px; font-style:italic; color:#4c91dd; }
#resources .box .time { position:absolute; bottom:15px; right:15px; text-align:right; color:#919191; font-size:12px; font-style:italic;}
#resources .box .body .bottom p { font-size:15px; line-height:25px; color:#2e2e2e; }

#resources .box.terms .body .top a { font-size:38px; font-weight:700; line-height:50px; text-decoration: none; color:#4c91dd; }
#resources .box.case-studies .body .top img,
#resources .box.tip-sheet .body .top img { width:100%; float:none;  }
#resources .box.case-studies .body .title a { font-size:21px; font-weight:600; color:#093667; text-decoration: none; }
#resources .box.tip-sheet .body .bottom .title a { font-size:21px;, font-weight:600; color:#093667; text-decoration: none; }

#resources .box h3 { position:relative; font-size:24px; padding:0 5px 0 15px; }
#resources .box h3:before { display:block; content:" "; width:30px; height:36px; position:absolute; left:10px; top:0; /*background:url(/images/structure/resources-icons.png) no-repeat 0 0;*/ }
/*#resources .box.smm h3:before { background-position:0 0; }
#resources .box.blog h3:before { background-position:-50px 0; }*/

/*DO NOT USE WALMART LOGO
#resources .box.news h3:before { background-position:-50px 0; }*/

/*Featured Posts*/
#featured-posts .spacing { padding:10px 0 30px 0; }
#featured-posts .spacing h2.line { margin-bottom:20px; }
#featured-posts .padding { padding:0 3px; }
#featured-posts .box { height:304px;  margin-bottom:11px; }
#featured-posts .box h3 { background:#f6921f; color:#fff; height:38px; line-height:38px; font-size:24px; font-weight:300; padding:0 10px 0 48px; }
#featured-posts .box h3 a { text-decoration:none; color:#fff; }
#featured-posts .news h3 { background-position:5px 0px; }

#featured-posts .box .body { display:table;  position:relative; border:1px solid #e6ebf1; width:100%; height:254px; padding:15px; background:#f4f7fa; box-sizing:border-box;  }
#featured-posts .box .body .top p { padding-left:105px; font-size:19px; font-weight:300; }
#featured-posts .box .body .top p a { text-decoration: none; color:#093667;  }
#featured-posts .box .body .top img { float:left; width:90px; border:1px solid #000; margin: 0 10px 10px 0; }
#featured-posts .box .body .top .img-contain { float:left; display:inline-block; width:92px; height:100px; overflow:hidden; }
#featured-posts .box .read-more { position:absolute; bottom:15px; right:15px; font-size:12px; font-style:italic; color:#4c91dd; }
#featured-posts .box .time { position:absolute; bottom:15px; right:15px; text-align:right; color:#919191; font-size:12px; font-style:italic;}
#featured-posts .box .body .bottom p { font-size:15px; line-height:25px; color:#2e2e2e; }

#featured-posts .box .body img { display:block; margin-bottom:10px; }

#featured-posts .box.terms .body .top a { font-size:38px; font-weight:700; line-height:50px; text-decoration: none; color:#4c91dd; }
#featured-posts .box.case-studies .body .top img,
#featured-posts .box.tip-sheet .body .top img { width:100%; float:none;  }
#featured-posts .box.case-studies .body .title a { font-size:21px; font-weight:600; color:#093667; text-decoration: none; }
#featured-posts .box.tip-sheet .body .bottom .title a { font-size:21px;, font-weight:600; color:#093667; text-decoration: none; }

#featured-posts .box h3 { position:relative; font-size:24px; padding:0 5px 0 15px; }
#featured-posts .box h3:before { display:block; content:" "; width:30px; height:36px; position:absolute; left:10px; top:0; /*background:url(/images/structure/resources-icons.png) no-repeat 0 0;*/ }
/*#featured-posts .box.smm h3:before { background-position:0 0; }
#featured-posts .box.blog h3:before { background-position:-50px 0; }*/

/*DO NOT USE WALMART LOGO
#featured-posts .box.news h3:before { background-position:-50px 0; }*/

/*Modal*/
.wrapper.main { min-height: 100%; }
#modals { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; opacity: 1; visibility: hidden; }
#modals .overlay { z-index: 1000; position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; opacity: 0; background: rgba(255,255,255,0.5);
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
 	        transition: all 0.3s;
}
#modals .modal { z-index: 2000; position: fixed; top: 50%; left: 50%; height: auto; max-width:90%; max-height:90%; visibility: hidden;
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	        backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	   -moz-transform: translateX(-50%) translateY(-50%);
	    -ms-transform: translateX(-50%) translateY(-50%);
	        transform: translateX(-50%) translateY(-50%);
}
#modals .modal .frame { max-width:100%; border:4px solid #4c91dd; background:#174e8c; opacity: 0;
	-webkit-border-radius: 5px; 
       -moz-border-radius: 5px; 
	     -o-border-radius: 5px; 
	        border-radius: 5px;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.7);
	   -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.7);
	        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.7);
	-webkit-transform: scale(0.7);
	   -moz-transform: scale(0.7);
	    -ms-transform: scale(0.7);
	        transform: scale(0.7);	
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	        transition: all 0.3s;
}
#modals.show { opacity: 1; visibility: visible; }
#modals.show .overlay { opacity: 1; visibility: visible; }
#modals .modal.show { visibility: visible; }
#modals .modal.show .frame { opacity: 1;
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);	
}

.lt-ie9 #modals .modal.search { margin-left:-426px; margin-top:-300px; }
#modals .modal.search .frame { width:852px; background-image:url(/images/find-courses.jpg); background-repeat:no-repeat; }
#modals .modal.search .form { padding-left:210px; }
#modals .modal.search .form .grid button { width:98%; margin:0 1%; display:block; position:relative; height:103px; border:none; background:no-repeat center -206px; color:#fff; 
	-webkit-border-radius: 3px; 
       -moz-border-radius: 3px; 
	     -o-border-radius: 3px; 
	        border-radius: 3px;
}
#modals .modal.search .form .grid button span { position:absolute; top:65px; left:0; right:0; width:auto; padding:0 10px; font-size:14px; text-align:center; text-transform:uppercase; font-weight:300; }
#modals .modal.search .form .grid button.active,
#modals .modal.search .form .grid button:hover { color:#285f9e; background-color:#fff; background-position:center -103px; }
#modals .modal.search .form .grid .v1 button { background-image:url(/images/structure/role1.png); }
#modals .modal.search .form .grid .v2 button { background-image:url(/images/structure/role2.png); }
#modals .modal.search .form .grid .v3 button { background-image:url(/images/structure/role3.png); }
#modals .modal.search .form .grid .v4 button { background-image:url(/images/structure/role4.png); }
#modals .modal.search .form .grid .v5 button { background-image:url(/images/structure/role5.png); }
#modals .modal.search .form form > div { padding:20px 30px; }
#modals .modal.search .form form > div:nth-child(odd) { background:#285f9e; }
#modals .modal.search .form p { margin:0 0 10px 0; color:#fff; font-weight:300; font-size:19px; line-height:30px; }
#modals .modal.search .form p span { display:inline-block; margin-right:10px; width:30px; height:30px; line-height:30px; background:#fff; font-size:24px; font-weight:700; text-align:center; color:#174e8c; font-family:Arial, Helvetica, sans-serif; 
	-webkit-border-radius: 15px; 
       -moz-border-radius: 15px; 
	     -o-border-radius: 15px; 
	        border-radius: 15px;
}
#modals .modal.search .form .space { padding:20px; }
#modals .modal.search .form .pad { padding:20px 0; }
#modals .modal.search .form label { color:#fff; font-size:14px; }
#modals .modal.search .form label * { vertical-align:middle; }
#modals .modal.search .form [type="email"] { padding:5px 10px; width:100%; font-size:14px; font-style:italic;
	-webkit-border-radius: 2px; 
       -moz-border-radius: 2px; 
	     -o-border-radius: 2px; 
	        border-radius: 2px;
}
#modals .modal.search .form .btn { text-align:right; }
#modals .modal.search .form .btn button { color:#09223e; font-weight:300; font-size:18px; line-height:35px; padding:0 40px 0 30px; text-transform:uppercase; background:#fff url(/images/structure/blue-arrow-sm.png) no-repeat 90% center; }
#modals .modal.search .form .roles [type="checkbox"] { display:none; }
#modals .modal.video .frame { width:640px; height:360px; max-width:100%; max-height:100%; }
#modals .modal.video iframe { width:640px; height:360px; max-width:100%; max-height:100%; }

/*Our Clients*/
#clients .spacing { padding:0 0 40px 0;  }
#clients h2 { position:relative; z-index:1; text-align:center; }
#clients .right { position:relative; z-index:2; float:right; display:inline-block; padding:0 10px 0 0; line-height:20px; text-transform:uppercase; font-size:11px; background:url(/images/structure/blue-arrow-sm.png) no-repeat right center; }

/*Glossary*/
#glossary {  }
#glossary .glossary-item { display:table; padding:0 0 30px 0; margin:0 0 30px 0; border-bottom:1px solid #d7dee6; }
#glossary .glossary-item:last-child { border:none; }
#glossary .glossary-item .term { display:block; float:left; width:150px; height:140px; margin-right:25px; background:#ffc104; box-sizing:border-box;  }
#glossary .glossary-item .term .holder { display:table; width:100%; height:100%; }
#glossary .glossary-item .term .inner { display:table-cell; width:100%; height:100%; padding:25px; vertical-align: middle; text-align:center; box-sizing:border-box; }
#glossary .glossary-item .term p { color:#232d37; font-weight:700; padding:0; margin:0; }
.no-js #glossary .glossary-item .term p { font-size:24px; }
#content #glossary  h2 { color:#093667; font-size:31px; font-weight:700; line-height:22px; padding:0 0 15px 0; }
#content #glossary .desc p { color:#093667; font-size:14px; line-height:21px; padding:0; }

/*Filter Bar*/
#filterbar .filter-btn { display:none; }
#filterbar .expander { display:block; }
#filterbar .spacing { padding:0 0px 40px 0; }
#filterbar .space { padding:15px 12px; }
#filterbar .space.x { padding:24px 30px; }
#filterbar h3 { padding:10px 13px; line-height: 22px; background: #002c5d; color: #fff; font-size: 18px; font-weight: bold; }
#filterbar .range { padding:15px 12px; background:url(/images/structure/date-arrow.png) no-repeat center center; }
#filterbar .range input:first-child { display: inline-block; width:45%; margin-right:10%; }
#filterbar .range input { display: inline-block; width:45%; height:32px; padding:5px 0 5px 30px; font-size: 12px; color:#555; line-height: 16px; background:#fff url(/images/structure/calendar-sep.png) no-repeat 5px center; border:none; }
#filterbar select { display: block; width: 100%; height:32px; padding:5px 5px 5px 10px; font-size: 14px; color:#555; line-height: 16px; background:#fff; border:none; }
#filterbar ul { margin:0 0 20px 0; list-style: none; }
#filterbar .box { margin:0 0 12px 0;}
#filterbar .box.blue { background: #195eac; }
#filterbar .box.blue h3 { background: #002c5d; color: #fff; }
#filterbar .blue ul li { padding:0 0 5px 0; font-size: 13px; line-height:23px; color: #fff; }
#filterbar .blue ul li input[type="checkbox"] { float:left; margin: 5px 5px 0 0; }
#filterbar .blue ul li label { color:#fff; }
#filterbar .blue input[type="submit"] { display: block; background:#fff; width: 100%; height:35px; text-align: center; background: #fff url(/images/structure/gray-arrow.png) no-repeat 90% center; color: #002c5d; font-size: 17px; line-height: 35px; border:none; }
#filterbar .blue input[type="submit"]:hover { opacity: .9; }
#filterbar .light { background:#f4f7fa; }
#filterbar .light h3 { background:#dee6ee; color:#002c5d;  }
#filterbar .light ul { margin:0; border:1px solid #e6ebf1; }
#filterbar .light ul li { border-top:1px solid #e6ebf1; }
#filterbar .light ul li:first-child { border:none; }
#filterbar .light ul li a { cursor:pointer; display: block; padding:16px 10px 16px 57px; color: #093667; font-size: 12px; line-height: 15px; text-transform: uppercase; background-color: #dee6ee; text-decoration: none; background-repeat: no-repeat; background-image:url(/images/structure/icons.png); }
#filterbar .light ul li input { display:none; }
#filterbar .light ul li a:hover { opacity: .7; }
#filterbar .light ul li.active a { background-color: #fff; }
#filterbar .light ul li:nth-child(1) a { background-position: 5px 0px; }
#filterbar .light ul li:nth-child(2) a { background-position: 5px -47px; }
#filterbar .light ul li:nth-child(3) a { background-position: 5px -94px; }
#filterbar .light ul li:nth-child(4) a { background-position: 5px -141px; }
#filterbar .light ul li:nth-child(5) a { background-position: 5px -188px; }
#filterbar .light select { border:1px solid #dee6ee; color:#195eac; }

/*Search*/
.search-classes .container { padding-top:20px; }
#search .spacing { padding:0 0 55px 50px; }
#search .box { margin:0 0 28px 0; border-bottom :1px solid #e6ebf1; }
#search h2 { padding:17px 28px; background: #093667; font-size: 29px; line-height: 40px; color: #fff; }
#search h3 { padding:8px 28px; background: #e2eaf2; border-top:1px solid #ffffff; font-size: 20px; line-height: 25px; color: #093667; font-weight: 700; }
#search h2 { padding:10px 28px; font-size:24px; }
#search .links p a { padding:5px 14px 5px 15px; text-decoration:none; display: block; border-left:1px solid #e6ebf1; border-right:1px solid #e6ebf1; background: #f4f7fa; border-top:1px solid #ffffff; color: #195eac; font-size: 12px; line-height: 18px; }
#search .links p a span { padding: 0 16px 0 0; display: inline-block; float:right; font-size: 12px; background: url(/images/structure/gray-arrow.png) no-repeat right center; }
#search .links p.right { float:right; width:270px; margin:20px 15px 0 0; font-weight: 300; color: #fff; font-size: 17px; line-height: 24px; }
#search table { width: 100%; }
#search table th { padding:7px 0; color:#fff; font-weight: 700; font-size: 14px; line-height: 20px; text-align: left; background: #697c91; border-top: 1px solid #ffffff; }
#search table th:first-child { padding-left:36px; }
#search table tr.expand td { cursor: pointer; padding:0; background: #f4f7fa; border-top:1px solid #ffffff; color: #093667; font-size: 14px; line-height: 30px; }
#search table tr.expand:hover td { background:#fff; }
#search table tr.active:hover td,
#search table tr.details:hover td { opacity: 1; }
#search table tr.expand td:first-child { padding-left:36px; padding-right:5px; font-weight: 700; border-left:1px solid #e6ebf1; background-image: url(/images/structure/blue-arrow-rotate.png); background-position: 10px 10px; background-repeat: no-repeat; }
#search table tr.expand td:last-child span { padding:0 5px 0 10px; display:block; border-right:1px solid #e6ebf1; text-align:right; }
#search table tr.expand td:nth-child(2) { padding:0 5px; text-decoration: underline; color: #195eac; }
#search table tr.expand td:nth-child(3) { white-space:nowrap; }
#search table tr.active td { cursor: auto; border-top:1px solid #89aace; background: #fff; }
#search table tr.active td:first-child { background-position:10px -90px; border-left:1px solid #89aace; }
#search table tr.active td:last-child span { display:block; border-right:1px solid #89aace; }
#search table tr.details { }
#search table tr.details td .expander { cursor:auto; border-top:none; border-bottom:1px solid #89aace; }
#search table tr.details td:first-child .expander { padding-left:17px; border-left:1px solid #89aace; }
#search table tr.details td:last-child .expander { padding-right:17px; border-right:1px solid #89aace; }
#search table tr.details img { border: 1px solid #e6ebf1; }
#search table tr.details .grid { padding:18px 0; border-top:1px solid #e7e7e7; }
#search table tr.details ul li { padding-bottom: 5px; font-size: 11px; color: #093667; line-height: 12px; }
#search table tr.details h4 { padding:0 20px; margin:0 0 15px 0; font-size:19px; line-height: 25px; font-weight: 300; text-align: center; color: #195eac; text-transform: uppercase; }
#search table tr.details .btn.blue a { margin: 0 0 5px 0; display: block; font-size: 15px; text-align: center; color:#fff; background:#195eac url(/images/structure/date-arrow.png) no-repeat 90% center; }
#search table tr.details p.center { text-align:center; }
#search table tr.details a { display: block; text-align: center; font-weight: 400; }
#search table tr.details p.incart a { color:#218e41; text-decoration:none; }
#search table tr.expand td.incart:nth-child(2) { color:#218e41; }
#search .overflow { overflow:auto; width:100%; max-width:100%; }

/*Details*/
#details .spacing { padding:55px 0; }
#details h1 { padding: 0 0 20px 0; font-size: 36px; font-weight: 700; color: #195eac; }
#details h2 { padding: 0 0 30px 0; font-size: 26px; font-weight: 600; color: #477ebd; }
#details p { padding:0 0 30px 0; font-size: 22px; line-height: 29px; color: #477ebd; font-weight: 300; }
#details p.small { color: #000000; font-size: 15px; line-height: 26px; }
#details .small-text * { color: #000000; font-size: 15px; line-height: 26px; }
#details .quote span { float:left; width:52px; height:52px; margin:5px 0 0 0; display: inline-block; background: url(/images/structure/quote.png) no-repeat 2px 6px; }
#details .learn-list ul { display:table; width:100%; }
#details .learn-list ul li { float:left; width:40%; padding-right:5%; padding-left:5%; }
#details ul { margin:0 0 30px 0; list-style: none; }
#details ul li { padding:0 0 5px 25px; font-size: 15px; line-height: 24px; font-weight: 300; background: url(/images/structure/check.png) no-repeat left 6px; color:#477ebd; }
#details .video { position: relative; margin: 0 0 12px 0; }
#details .video:hover { opacity:.9; }
#details .video a { cursor:pointer; position: absolute; left: 0; top:0; right:0; bottom:0; background: url(/images/structure/play2.png) no-repeat center center; }
#details .btn.bundle { height:45px; margin: 0 0 12px 0; background: #f1a80b url(/images/structure/lightbulb.png) no-repeat 16px center; border: 1px solid #db8202;
	-webkit-border-radius: 3px; 
       -moz-border-radius: 3px; 
	     -o-border-radius: 3px; 
	        border-radius: 3px;
}
#details .btn.bundle a { height:45px; line-height: 45px; display: block; font-size: 20px; font-weight: 300; color:#fff; text-align: center; background: url(/images/structure/white-arrow.png) no-repeat 93% center; }
#details .btn.bundle a b { font-size: 21px; font-weight: 600; }
#details .btn.cart { height:50px; margin: 0 0 28px 0; }
#details .btn.cart * { vertical-align: top; }
#details .btn.cart button,
#details .btn.cart a { display: block; width:100%; height:50px; line-height: 50px; padding:0; font-size: 24px; font-weight: 300; color:#fff; background: #F6921F; border:none; }
#details .btn.cart button b,
#details .btn.cart a b { display: inline-block; width:44%; text-align: center; background: #F6921F; }
#details .btn.cart button span,
#details .btn.cart a span { display: inline-block; width:56%; text-align: center; background: url(/images/structure/plus.png) no-repeat 90% center; }
#details .btn.cart.incart { margin:0 0 10px 0; }
#details .btn.cart.incart a { position:relative; background:#f6921f; border-radius:2px; color:#fff; font-weight:bold; text-align:center; }
#details .btn.cart.incart a i { height:50px; line-height:50px; }
#details .btn.cart.closed a { position:relative; background:#444; }
#details .btn.cart.closed a b { background:#999; }
#details .btn.cart.closed a i { position:absolute; right:15px; top:14px; }
#details .btn.cart.closed a span { padding:0 0 0 20px; width:auto; background:none; }

#details .btn.cart.upcoming a { position:relative; }
#details .btn.cart.upcoming a b { }
#details .btn.cart.upcoming a i { position:absolute; right:15px; top:14px; }
#details .btn.cart.upcoming a span { padding:0 0 0 20px; width:auto; background:none; }

#details a.continue-shopping { display:block; font-size:14px; margin:0 0 25px 0; text-align:right; }

#details .upcoming-classes-list { border:2px solid #195eac; line-height:20px; color:#444; padding:15px; width:100%; }

#details .access-code { background:#195eac; padding:10px; }
#details .access-code input { width:100%; text-align:center; line-height:28px; padding:5px 0; border:none; background:#fff; border-radius:3px; text-transform:uppercase; font-weight:bold; 
    -webkit-box-shadow: inset 0 0 5px #888;
	   -moz-box-shadow: inset 0 0 5px #888;
	        box-shadow: inset 0 0 5px #888;  
}

#details .location { margin:0 0 30px 0; background: #edf0f4; border: 1px solid #dfe3e9;
	-webkit-border-radius: 3px; 
       -moz-border-radius: 3px; 
	     -o-border-radius: 3px; 
	        border-radius: 3px;
}
#details .location p { padding:20px; font-size: 17px; line-height: 27px; color: #403f3f; border-top: 1px solid #f7fafe; border-bottom: 1px solid #dfe3e9; }
#details .location p:first-child { border-top:none; }
#details .location p:last-child { border-bottom:none; }
#details .location p > b { float:left; width:60px; color:#195eac; font-size: 15px; text-align: right; text-transform: uppercase; }
#details .location p span { display: inline-block; padding:0 0 0 30px; }
#details .specs { margin:40px 0 0 0; }
#details .specs .tabs { display: table; width:100%; }
#details .specs .tabs span:not(.notranslate) { float:left; display: inline-block; padding:0 25px 2px 25px; border-top:2px solid #195eac; line-height:32px; font-size: 14px; text-align: center; margin:0 3px 0 0; color: #fff; background: #195eac; text-transform:uppercase; }
#details .specs .tabs span:hover { opacity: .9; }
#details .specs .tabs span.active { background: #f9f9f9; color:#444; border-top:2px solid #ddd; }
#details .specs .inner { padding:30px 15px 30px 30px; background: #f9f9f9; border-bottom:2px solid #f1f1f1; }
#details .specs .inner ul li,
#details .specs .inner p { padding:0 0 20px 0; color: #333; font-size: 13px; line-height: 18px; }
#details .specs .inner ul li { background: url(/images/structure/blue-arrow-sm.png) no-repeat 0 5px; }
#details .specs .inner ul li,
#details .specs .inner blockquote { float:left; width:28%; padding:0 3% 20px 2%; }
#details .specs .inner blockquote p { background:none; padding:20px 0 0 0; }

/*Search Bar*/
.wrapper.main.searchbar { width:auto; min-width:0; }
.wrapper.main.searchbar .wrapper { width:auto; min-width:0; padding-left:250px; }
#searchbar { z-index:100; position:absolute; left:0px; top:0; bottom:0; width:250px; background: #ffffff; border-right:1px solid #85a5c9; }
#searchbar .top { position:fixed; top:56px; left:0; width:250px; min-height:203px; }
#searchbar .top .back { display: inline-block; margin:30px; padding:0 0 0 35px; font-size: 19px; line-height: 23px; color: #093667; background: url(/images/structure/arrow-circle.png) no-repeat left center; text-decoration: none; }
#searchbar .top .btn { padding:0 30px 30px 30px; }
#searchbar .top .btn a { display: block; background: #195eac; color: #fff; font-size: 16px; text-align: center; }
#searchbar h3 { padding:10px 15px; background: #0a3565; font-size: 20px; line-height: 23px; color:#fff; }
#searchbar h4 { padding:5px 15px; background: #d7dfe8; font-weight: 700; font-size: 20px; line-height: 23px; color:#093667; border-top: 1px solid #fff; }
#searchbar h5 { padding:8px 15px; background: #d7dfe8; font-weight: 700; font-size: 13px; line-height: 17px; color:#093667; border-top: 1px solid #fff; }
#searchbar ul { list-style: none; }
#searchbar p,
#searchbar ul li { font-size: 13px; line-height: 18px; background: #f2f5f8; border-top: 1px solid #fff; }
#searchbar ul li.selected { border-top: 1px solid #85a5c9; border-bottom: 1px solid #85a5c9; }
#searchbar p a,
#searchbar ul li a { display: block; padding:5px 15px; color:#195eac; }
#searchbar ul li.selected a { position: relative; left:1px; background: #fff; font-weight: 700; text-decoration: none; }

/*Package Banner*/
#package-banner { position:relative; padding: 15px 25px; margin:0; background: #f1a80b; border: 1px solid #db8202; 
	-webkit-border-radius: 4px; 
       -moz-border-radius: 4px; 
	     -o-border-radius: 4px; 
	        border-radius: 4px;
}
#package-banner p { padding-left:60px; color: #fff; font-size: 24px; line-height: 22px; }
#package-banner p b { font-weight: 600; }
#package-banner p span { display: inline-block; position:absolute; left:23px; top:17px; width: 40px; height: 40px; background: #fff url(/images/structure/lightbulb.png) no-repeat center center; 
	-webkit-border-radius: 20px; 
       -moz-border-radius: 20px; 
	     -o-border-radius: 20px; 
	        border-radius: 20px;
}
#package-banner h2 { font-size: 16px; line-height: 23px; color: #fff; }
#package-banner h2 b { font-size: 20px; }
#package-banner h2 span { font-family:Arial; }
#package-banner .rules { display:block; padding-left:60px; color:#fff; font-size:12px; }
#package-banner span.progress { display:inline-block; padding:0; margin:0 0 0 0; line-height:20px; font-size:14px; text-transform:uppercase; font-weight:700; text-align:center; color:#fff; }
#package-banner .grid div:last-child { text-align:center; }
/*#package-banner h2 span { margin:0 10px 0 0; float:left; display: inline-block; width:44px; height:44px; background: url(/images/structure/role4-w.png) no-repeat center center; }*/
#package-banner a { display: inline-block; padding:0 13px 0 0; font-size: 14px; line-height: 24px; color:#fff; background: url(/images/structure/white-arrow-sm.png) no-repeat right center; }

/*Cart*/
#cart .spacing { padding:20px 0 55px 0; }
#cart .frame .top { background: #093667; color: #fff; font-weight: 700; font-size: 14px; line-height: 36px; white-space: nowrap; }
#cart .frame .top [class*="col-"] { padding:0 15px; text-align: center; }
#cart .frame .top [class*="col-"]:first-child { text-align: left; }
#cart .frame .inner { margin:0 0 35px 0; border-left:1px solid #e0e6ec; border-right:1px solid #e0e6ec; background: #f4f7fa; }
#cart .frame .inner .table [class*="col-"] { min-height: 1px; padding:15px; text-align: center; border-left:1px solid #e0e6ec; }
#cart .frame .inner .table [class*="col-"]:first-child { border:none; padding-left:30px; text-align: left; }
#cart .frame .inner .block { padding:15px; }
#cart .frame .inner .block:first-child { padding-left:30px; }
#cart .frame .inner .col-100 { padding-bottom:0; }
#cart .frame .inner h3 { padding:0 0 15px 0; color: #195eac; font-size: 17px; font-weight: 700; }
#cart .frame .inner hr { border:none; padding:0; margin:0; border-top:1px solid #e0e6ec; }
#cart .frame .inner h4 { color: #195eac; font-size: 17px; line-height: 24px; }
#cart .frame .inner h4 a { text-decoration:none; }
#cart .frame .inner h4.v1 { padding-left:80px; background: url(/images/structure/v1.png) no-repeat left center; }
#cart .frame .inner h4.v2 { padding-left:80px; background: url(/images/structure/v2.png) no-repeat left center; }
#cart .frame .inner p.info { padding:5px 0 0 0; font-size:13px; }
#cart .frame .inner p { color: #001731; font-size: 15px; }
#cart .frame .inner .participant { padding:30px; }
#cart .frame .inner .participant input { display:block; width:100%; height:32px; padding:5px 10px; line-height: 22px; font-size: 13px; color: #384a5f; background: #fff; border: 1px solid #e0e6ec; }
#cart .frame .inner .participant input:focus { border-color:#ccc; }
#cart .frame .inner .participant [class*="col-"] { border:none; }
#cart .frame .inner .count { position: relative; padding:0 40px; }
#cart .frame .inner .count * { vertical-align: top; }
#cart .frame .inner .count .minus { cursor: pointer; position: absolute; left:0; top:0; display: inline-block; width:40px; height:34px; background:#195eac url(/images/structure/minus.png) no-repeat center center; 
	-webkit-border-radius: 4px 0 0 4px; 
       -moz-border-radius: 4px 0 0 4px; 
	     -o-border-radius: 4px 0 0 4px; 
	        border-radius: 4px 0 0 4px;
}
#cart .frame .inner .count .minus:hover { opacity: .9; }
#cart .frame .inner .count .plus { cursor: pointer; position: absolute; right:0; top:0; display: inline-block; width:40px; height:34px; background:#195eac url(/images/structure/add.png) no-repeat center center; 
	-webkit-border-radius: 0 4px 4px 0; 
       -moz-border-radius: 0 4px 4px 0; 
	     -o-border-radius: 0 4px 4px 0; 
	        border-radius: 0 4px 4px 0;
}
#cart .frame .inner .count .plus:hover { opacity: .9; }
#cart .frame .inner .count .num { width:100%; display: block; min-width:34px; background: #fff; text-align: center; color: #033854; font-size: 22px; line-height: 32px; border:none; border-top:1px solid #a0a0a0; border-bottom:1px solid #a0a0a0; }
#cart .btns { margin:0 0 35px 0; }
#cart .btns.right { text-align: right; }
#cart .btns.right .btn { display: inline-block; }
#cart .btns .btn.blue [type="button"],
#cart .btns .btn.blue button { padding:0 35px 0 25px; margin:0 0 0 35px; color: #fff; background:#195eac url(/images/structure/crumb-arrow.png) no-repeat 92% center; height:auto; font-size: 16px; text-transform: uppercase; }
#cart .btns .btn.blue.disabled a,
#cart .btns .btn.blue.disabled button { opacity:.5; }
#cart .btns .btn.orange [type="button"],
#cart .btns .btn.orange button { padding:0 35px 0 25px; margin:0 0 0 35px; color: #fff; background:#F6921F url(/images/structure/crumb-arrow.png) no-repeat 92% center; height:auto; font-size: 16px; text-transform: uppercase; }
#cart .btns .btn.orange.disabled a,
#cart .btns .btn.orange.disabled button { opacity:.5; }
#cart .btns a.continue { display: inline-block; padding:0 0 0 12px; font-size: 13px; color:#195eac; background: url(/images/structure/arrows-blue.png) no-repeat left center; }

#cart button.update-fields { background:#195eac; color:#fff; font-size:13px; padding:3px 5px; border-radius:3px; border:none; margin-left:10px; }
#cart button.update-fields.grey { background:#eee; }
#cart .mobile-item-price { display:none; }

#cart .mobile-show { display:none; }

/*Checkout*/
#cart #checkout .frame .inner .totals [class*="col-"] { padding:0; }
#cart #checkout .frame .inner .totals [class*="col-"]:first-child { padding:15px 30px; }
#checkout .frame .inner { border-bottom: 1px solid #e0e6ec; }
#checkout .frame .inner .totals [class*="col-"] * { vertical-align: top; }
#checkout .frame .inner .totals [class*="col-"] p { padding:7px; line-height: 20px; color: #093667; border-top:1px solid #e0e6ec; }
#checkout .frame .inner .totals [class*="col-"] p:first-child { border:none; }
#checkout .frame .inner .totals [class*="col-"] p:last-child { font-weight: 700; }
#checkout .frame .inner .totals [class*="col-"]:last-child p { font-size: 18px; }
#checkout .btn.combo * { vertical-align: top; }
#checkout .btn.combo [type="text"] { height:37px; padding:5px 10px; line-height: 22px; font-size: 13px; color: #384a5f; background: #fff; border: 1px solid #e0e6ec; border-right:none; }
#checkout .btn.combo [type="submit"] { padding:0 10px; color: #fff; background:#195eac; height:37px; font-size: 15px; line-height: 37px; font-weight: 700; text-transform: uppercase; 
	-webkit-border-radius: 0 4px 4px 0; 
       -moz-border-radius: 0 4px 4px 0; 
	     -o-border-radius: 0 4px 4px 0; 
	        border-radius: 0 4px 4px 0;
}
#checkout .form h3 { padding:15px 0 0 0; line-height: 25px; font-size: 16px; font-weight: 700; color: #064769; text-transform: uppercase; }
#checkout .form h3 span { display: inline-block; padding:0 0 0 10px; font-weight: 400; text-transform: none; }
#checkout .form select,
#checkout .form input[type="text"] { width:100%; height: 35px; margin:15px 0 5px 0; color: #444; font-size: 14px; line-height: 21px; padding:7px 10px; border:1px solid #e0e6ec; 
	-webkit-border-radius: 2px; 
       -moz-border-radius: 2px; 
	     -o-border-radius: 2px; 
	        border-radius: 2px;
}
#checkout .form .tip { margin:15px 0 0 0; display: inline-block; font-size: 12px; line-height: 18px; color:#ccc; }
#cart #checkout .btns { margin:30px 0; }
#cart #checkout .btns .btn button,
#cart #checkout .btns .btn a { padding:0 50px; }
#cart #checkout .btns .btn.back a { margin:0; padding: 0 35px 0 45px; color:#fff; background:#666 url(/images/structure/arrows-back.png); background-repeat: no-repeat; background-position: 10px center; }
#cart #checkout .btns .btn .disabled { display:none; cursor:default; }
#checkout .btns .btn.right { text-align: right; }
#checkout .form .adminform { padding:10px 15px; border: 1px solid #e0e6ec; background:#f4f7fa; }
#checkout .form .adminform label { display:block; padding:8px 0; line-height:20px; }
#checkout .form .adminform label * { vertical-align:middle; }
#checkout .form .adminform select { margin:0; }
#checkout .grid.disabled { opacity:.5; }
#checkout .terms-frame { margin-top:20px; border:1px solid #eee; padding:5px 10px; }
#checkout .terms-frame * { vertical-align:middle; }
#checkout .terms-frame input { margin-right:5px; }

/*Tip*/
.fa[data-tip] { transform: none !important; }
.tip-holder { position:relative; font-size:12px; font-family:Arial; }
.tip-holder div { position:absolute; left:-75px; bottom:20px; width:150px; padding:20px; background:#fff; border-radius:2px; white-space:normal; text-align:left;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.tip-holder div.sm { padding:10px; text-align:center; }
tr:first-child td .tip-holder div,
tr:nth-child(2) td .tip-holder div { top:5px; bottom:auto; }
th .tip-holder div { top:20px; bottom:auto; }
tr td:first-child .tip-holder div { left:20px !important; }
tr th:last-child .tip-holder div { left:auto !important; right:0px !important; }
tr td:last-child .tip-holder div { left:auto !important; right:0px !important; }
.table-responsive.extra-space tr td .tip-holder div { top:5px; bottom:auto; }

/*Account*/
#account h4 { padding:0; }
#account .form select,
#account .form input[type="text"],
#account .form input[type="password"] { width:100%; height: 35px; margin:15px 0 5px 0; color: #444; font-size: 14px; line-height: 21px; padding:7px 10px; border:1px solid #e0e6ec; 
	-webkit-border-radius: 2px; 
       -moz-border-radius: 2px; 
	     -o-border-radius: 2px; 
	        border-radius: 2px;
}
#account [type="submit"],
#account a.btn { display:inline-block; margin:0 0 30px 0; padding:0 30px; color: #fff; background:#195eac; height:37px; font-size: 13px; line-height: 37px; font-weight: 300; text-transform: uppercase; text-decoration:none; }
#account a.btn.btn-gray { height:35px; line-height:35px; background:#fff; border:1px solid #ccc; color:#666; }
#account .forgot p { padding:10px 0 0 0; text-align:right;  }
#account .remember label { display:inline-block; padding:10px 0 0 0; }
#account p.or { text-align:center; padding:0; margin:60px auto; width:100px; height:100px; line-height:100px; background:#4c91dd; color:#fff; font-size:40px; font-weight:700; text-transform:uppercase;
	-webkit-border-radius: 50px; 
       -moz-border-radius: 50px; 
	     -o-border-radius: 50px; 
	        border-radius: 50px;
}
#account .checkbox { padding:10px 0 0 0; }
#account .checkbox * { vertical-align:middle; }
#account .float-right { float:right; margin-top:5px; }
#account .float-right p { padding:0; }
#account table { width:100%; }
#account table th { padding:5px 25px; color:#444; text-align:left; font-size:23px; font-weight:bold; }
#account table td { padding:20px 25px; color:#444; text-align:left; font-size:15px; font-weight:300; }
#account table th:last-child { text-align:center; }
#account table td:last-child { text-align:center; }
#account table tbody tr:nth-child(odd) { background:#fefefe; }
#account table tbody tr:nth-child(odd) td:nth-child(odd) { background:#fafafa; }
#account table tbody tr:nth-child(even) { background:#f1f1f1; }
#account table tbody tr:nth-child(even) td:nth-child(even) { background:#f9f9f9; }

#account .options { padding:20px; border:1px solid #eee; }
#account .options a { display:inline-block; padding:10px 25px; text-decoration:none; white-space:nowrap; background:#195eac; color:#fff; font-weight:bold; font-size:15px; line-height:20px; border-radius:2px; }
#account .options a:hover { opacity:.9; }

/*Contracts*/
#contracts .contracts .contract { position:relative; border:1px solid #eee; padding:30px; margin:0 0 30px 0; background:#f9f9f9; 
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
#contracts .contracts .contract:hover { opacity:.9; border:1px solid #aaa; background:#fff; }
#contracts .contracts .contract:hover a { text-decoration:none; }
#contracts .contracts .contract .icon { position:absolute; left:0; top:0; bottom:0; width:150px; max-height:175px; background:#f1f1f1; }
#contracts .contracts .contract .icon i { position:absolute; left:50%; top:50%; font-size:100px; margin-left:-43px; margin-top:-50px; color:#195eac; }
#contracts .contracts .contract .info { padding-left:170px; min-height:165px; }
#contracts .contracts .contract .info p { font-size:13px; }
#contracts .contracts .contract .status { position:absolute; right:0; top:0; }
#contracts .contracts .contract .status i { font-size:30px; width:40px; height:40px; text-align:center; line-height:40px; }
#contracts .contracts .contract .status .approved { color:#25a94b; }
#contracts .contracts .contract .status .denied { color:#db3c02; }
#contracts .contracts .contract .time h3 { }
#contracts .contracts .contract .time table { width:100%; }
#contracts .contracts .contract .time table tr td { padding:5px 0; border-top:1px solid #ccc; font-size:13px; }
#contracts .contracts .contract .time table tr:nth-child(even) td {  }
#contracts .contracts .contract .link { display:block; position:absolute; left:0; top:0; right:0; bottom:0; }

#contracts .proposal { padding:30px; border:1px solid #195eac; }
#contracts .proposal [type="submit"] { display:inline-block; margin:0; padding:0 30px; color: #fff; background:#195eac; height:37px; font-size: 13px; line-height: 37px; font-weight: 300; text-transform: uppercase; text-decoration:none; }
#contracts .proposal .checkbox { display:block; border:1px solid #ccc; padding:10px 15px; margin:0 0 20px 0; cursor:pointer; }
#contracts .proposal .checkbox * { vertical-align:middle; }
#contracts .proposal .checkbox:hover { border-color:#195eac; }
#contracts .proposal h2 { font-size:26px; font-weight:bold;  color:#195eac; }
#contracts .proposal table { width:100%; margin:0 0 25px 0; }
#contracts .proposal table th,
#contracts .proposal table td { border:1px solid #ccc; background:#fff; color:#444; padding:10px 15px; font-size:15px; width:25%; vertical-align:top; }
#contracts .proposal table th { border-color:#4c91dd; background-color:#4c91dd; color:#fff; }
#contracts .proposal label { display:block; padding:5px 0 0 0; }
#contracts .btn.btn-danger { background:#db3c02; border:1px solid #db3c02; color:#fff; }
#contracts .btn.btn-success { background:#25a94b; border:1px solid #25a94b; color:#fff; }
#contracts select,
#contracts input[type="text"],
#contracts input[type="password"],
#contracts textarea { width:100%; height: 35px; margin:5px 0; color: #444; font-size: 14px; line-height: 21px; padding:7px 10px; border:1px solid #e0e6ec; 
	-webkit-border-radius: 2px; 
       -moz-border-radius: 2px; 
	     -o-border-radius: 2px; 
	        border-radius: 2px;
}
#contracts textarea { height:auto; min-height:100px; }

/*FAQs*/
#faqs .faq { position:relative; margin: 0; padding:15px 0 0 0; border-top:1px solid #ccc; cursor:pointer; }
#faqs .faq:first-child { border:none; }
#faqs .faq .icon { position:absolute; left:0px; top:15px; height:20px; width:20px; background:#999 url(/images/structure/faq.png) no-repeat 3px center; }
#faqs .faq.active .icon { background-position:-97px center; }
#faqs .faq p { padding:0 0 15px 0; font-size:12px; color:#999; }
#faqs .faq h2 { padding:0 0 15px 35px; color:#444; font-size:18px; line-height:20px; font-weight:300; text-transform:none; }
#faqs .faq h2:hover { color:#000; }
#faqs .faq .answer { display:none; }
#faqs .faq:first-child .answer { display:block; }

/*Testimonials*/
#testimonials .testimonial { position:relative; margin:0 0 20px 0; padding:25px 25px 20px 50px; border-bottom:2px solid #ddd; background:#f9f9f9 url(/images/structure/quote.png) no-repeat 12px 12px; }
#testimonials p { font-size:13px; line-height:22px; font-weight:300; color:#666; font-style:italic; }
#testimonials p span { display:block; padding:13px 0 0 0; font-size:16px; line-height:18px; color:#888; font-weight:400; font-style:normal; }
#testimonials p span span { padding:3px 0 0 14px; }
#testimonials img { float:right; max-width:125px; margin:0 0 5px 20px; }

/*Gallery*/
#gallery { display:none; }
.no-js #gallery { display:block; }
#gallery .gallery { display:table; width:977px; padding:0 0 15px 0; margin:0 0 0 -17px; }
#gallery .gallery .gallery-item { position:relative; float:left; opacity:.9; width:220px; height:160px; margin:0 0 17px 17px; overflow:hidden; border:3px solid #fff; }
#gallery .gallery .gallery-item img { vertical-align:top; }
#gallery .gallery .gallery-caption { display:block; position:absolute; left:0px; top:160px; width:100%; padding:8px 0; line-height:13px; text-align:center; font-size:11px; color:#fff; background: rgba(0, 0, 0, .5); }
#gallery.video .gallery .gallery-item a { position:absolute; left:0px; top:0px; right:0px; bottom:0px; display:block; cursor:pointer; background:url(/images/structure/play.png) no-repeat center center; }

/*Gallery Nav*/
#gallerynav { margin:10px 5px 17px 5px; border-bottom:1px solid #f1f1f1; }
#gallerynav a { position:relative; display:inline-block; font-size:11px; text-transform:uppercase; color:#777; text-decoration:none; padding:10px 8px 4px 8px; margin:0 10px 0 0; }
#gallerynav a:hover { border-bottom:2px solid #111; }
#gallerynav a.active { border-bottom:2px solid #111; }
#gallerynav a.active span { position:absolute; left:50%; bottom:-10px; display:inline-block; width: 0; height: 0; margin:0 0 0 -10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #111; }

/*Staff*/
#staff .block { width:50%; }
#staff .member { display:table; margin:0 0 50px 0; }
#staff .image { float:left; } 
#staff .image span { display:block; width:150px; height:150px; overflow:hidden; } 
#staff .image img { width:auto !important; height:auto !important; max-width:150px; max-height:150px; min-width:150px; min-height:150px; }
#staff .info { padding:0 40px 0 165px; }
#staff h2 { padding:0; color:#555; font-size:22px; line-height:25px; font-weight:400; }
#staff h3 { padding:0; color:#777; font-size:15px; line-height:17px; font-weight:400; }
#staff .bio p { padding:15px 0; }
#staff .contact { padding:15px 0 0 0; }
#staff .contact.none { padding:0; }
#staff .contact p.split .phone { padding:0 15px 0 0; margin:0 15px 0 0; border-right:1px solid #ddd; }
#staff .contact p a { display:inline-block; color:#888; text-decoration:none; text-transform:uppercase; }
#staff .phone { font-size:15px; cursor:default; }
#staff .email { font-size:12px; }
#staff .email:hover { color:#222; }

/*Team*/
#team .member { position:relative; display:table; margin:0 0 25px 0; }
#team .thumb { float:left; }
#team .thumb span { display:block; width:150px; height:150px; overflow:hidden; }
#team .thumb img { width:150px !important; height:auto !important; }
#team .thumb img:hover { opacity:.9; }
#team .info { padding:0 0 0 175px; }
#team h2 { padding:0 0 5px 0; color: #444; font-size:20px; line-height:23px; font-weight:400; }
#team h2 a { text-decoration:none; color: #444; }
#team h2 a:hover { color:#777; }
#team h3 { padding:0; color:#747474; font-size:16px; line-height:19px; font-weight:300; }
#team .bio p { padding:15px 0; }
#team .contact { padding:15px 0 0 0; }
#team .contact.none { padding:0; }
#team .contact p { padding-bottom:0; }
#team .contact p.split .phone { padding:0 15px 0 0; margin:0 15px 0 0; border-right:1px solid #ddd; }
#team .contact p a { display:inline-block; color:#444; text-decoration:none; text-transform:uppercase; }
#team .phone { font-size:15px; cursor:default; }
#team .email { font-size:12px; }
#team .email:hover { color:#777; }
#team .link { display:block; position:absolute; left:0; top:0; right:0; bottom:0; background:url(/images/structure/clear.png); }

/*Sponsors*/
#sponsors .grid { width:980px; margin:0 0 0 -25px; }
#sponsors .sponsor { float:left; width:218px; margin:0 0 20px 25px; border:1px solid #eee; 
	-webkit-border-radius: 5px; 
       -moz-border-radius: 5px; 
	     -o-border-radius: 5px; 
	        border-radius: 5px; 
}
#sponsors .sponsor:hover { border:1px solid #ddd; }
#sponsors .name h2 { padding:0; font-size:18px; line-height:20px; }
#sponsors .name h2 a { text-decoration:none; }
#sponsors .name .center { display: table-cell; text-align: center; vertical-align: middle; width: 320px; height: 50px; }
#sponsors .name .center * { vertical-align: middle; }
#sponsors .logo img { max-width:200px; max-height:120px; }
#sponsors .logo .center { display: table-cell; text-align: center; vertical-align: middle; width: 320px; height: 120px; }
#sponsors .logo .center * { vertical-align: middle; }

/*IE*/
.lt-ie8 #sponsors .name .center span { display: inline-block; height: 100%; }
.lt-ie8 #sponsors .logo .center span { display: inline-block; height: 100%; }

/*Events*/
#events .event { position:relative; padding:15px 20px 5px 20px; margin:0 0 30px 0; background:#fbfbfb; border-bottom:2px solid #eee; }
#events .date { position:absolute; left:0; top:0; width:70px; height:70px; text-align:center; color:#f1f1f1; font-size:30px; line-height:30px; text-transform:uppercase; font-weight:300; background:#999; }
#events .date span { display:block; padding:15px 0 0 0; line-height:15px; font-size:14px; font-weight:700; }
#events h2 { padding:0 0 0 70px; color:#444; font-size:24px; line-height:30px; font-weight:400; }
#events .location { padding:0 0 0 70px; }
#events .text { padding:10px 0 0 0; }

/*Information*/
#information .info { position:relative; }
#information h3 { padding:15px 0 5px 0; color:#444; font-size:22px; line-height:25px; font-weight:400; }
#information p { }
#information a.tel { color:#888; text-decoration:none; cursor:pointer; }

/*Dynamic*/
#content #dynamic .col-69 .spacing { padding:0 70px 0 0; }
#content #dynamic .col-31 .spacing { padding:0; }
#dynamic form label { display:block; padding:3px 0; font-weight:700; }
#dynamic form [type="text"], 
#dynamic form [type="tel"], 
#dynamic form [type="email"],
#dynamic form [type="datetime"],
#dynamic form [type="number"],
#dynamic form [type="url"], 
#dynamic form select, 
#dynamic form textarea 
{ 
    display:block; width:100%; padding:7px 10px; margin:3px 0 20px 0; font-size:12px; line-height:16px; background:#fff; border:1px solid #ddd; border-bottom:1px solid #ccc;
	-webkit-box-shadow: inset 0 0 3px #eee; 
	   -moz-box-shadow: inset 0 0 3px #eee; 	
	        box-shadow: inset 0 0 3px #eee;                                             
}
#dynamic form [type="text"]:focus, 
#dynamic form [type="tel"]:focus, 
#dynamic form [type="email"]:focus,
#dynamic form [type="datetime"]:focus,
#dynamic form [type="number"]:focus,
#dynamic form textarea:focus { border:1px solid #bbb; }
#dynamic form button,
#dynamic form input[type="submit"] { margin:20px 0; padding:0 25px; background:#195eac; border:none;  color:#fff; font-size:13px; text-transform:uppercase; 
    box-shadow:none;
	-webkit-border-radius:2px; 
	   -moz-border-radius:2px; 
	     -o-border-radius:2px; 
	        border-radius:2px;                                      
}
#dynamic form button:hover,
#dynamic form input[type="submit"]:hover { opacity:.9; }
#content #dynamic .headline { background:#f1f1f1; border-left:20px solid #999; margin-bottom:10px; padding:0; border-radius:3px 0 0 3px; }
#content #dynamic .headline:hover { opacity:.8; }
#content #dynamic .headline a { position: relative; display:block; padding:10px 15px; margin:0; line-height:20px; color:#999; font-size:15px; text-transform:uppercase; text-decoration:none; }
#content #dynamic .headline a:before {
    content: "\f08e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #999;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 11px;
    right: 8px;
}
#content #dynamic .headline:first-child { border-color:#195eac; }
#content #dynamic .headline:first-child a { font-weight:bold; color:#195eac; }
#content #dynamic .headline:first-child a:before { color:#195eac; }

#content #dynamic #video-faq h2 { background:#f4f7fa; border:1px solid #e6ebf1; color:#195eac; font-size:20px; padding:15px 20px; margin:10px 0 0 0; cursor:pointer; }
#content #dynamic #video-faq h2:before { content: "\f059"; font-family: FontAwesome; padding-right: 15px; display:inline-block; }
#content #dynamic #video-faq h2:after { content: "\f108"; font-family: FontAwesome; padding-right: 5px; display:inline-block; float:right; }
#content #dynamic #video-faq p { display:none; background:#fff; border:1px solid #e6ebf1; border-top:none; padding:15px 20px; margin:0 0 30px 0; }

#content #dynamic #social-feed { position:relative; display:block; max-height:900px; overflow:auto; }
#content #dynamic #social-feed .post { position:relative; margin-bottom:10px; border:1px solid #ccc; padding:10px; }
#content #dynamic #social-feed .post a { position:absolute; left:0; top:0; right:0; bottom:0; cursor:pointer; }
#content #dynamic #social-feed .post p { font-size:12px; line-height:17px; word-wrap: break-word; }
#content #dynamic #social-feed .post img { width:100%; margin:0 0 5px 0; }
#content #dynamic #social-feed .post b { display:block; padding:0 0 5px 0; font-size:12px; font-weight:bold; }
#content #dynamic #social-feed .post b i { margin-right: 5px; }
#content #dynamic #social-feed .post b i.fa-facebook-square { color:#3D5A99; }
#content #dynamic #social-feed .post b i.fa-twitter-square { color:#1da1f2; }

#content #dynamic #embed-form ul,
#content #dynamic #embed-form ul li { list-style:none; margin:0; padding:0; }
#content #dynamic #embed-form [type="submit"] { display:inline-block; padding-top:10px; padding-bottom:10px; }
#content #dynamic #embed-form [type="checkbox"],
#content #dynamic #embed-form [type="radio"] { margin:3px 5px 0 0; }

/*Dynamic Landing Page*/
#dynamic-landing-page h1 { text-align:center; font-weight:700; font-size:66px; line-height:70px; color:#fff; text-transform:uppercase; }
#dynamic-landing-page h2 { text-align:center; font-weight:300; font-size:33px; line-height:37px; color:#fff; }
#dynamic-landing-page h3 { text-align:center; font-weight:700; font-size:32px; line-height:46px; color:#fff; text-transform:uppercase; }
#dynamic-landing-page p { text-align:center; padding:0; margin:0 0 25px 0; font-weight:300; font-size:24px; line-height:40px; color:#195eac; }
#dynamic-landing-page ul,
#dynamic-landing-page ul li { list-style:none; margin:0; padding:0; }

#dynamic-landing-page .wrapper { background:#fff; }
#dynamic-landing-page .wrapper.light-blue { background:#edf0f4; }
#dynamic-landing-page .wrapper.light-blue h3 { color:#195eac; }
#dynamic-landing-page .wrapper.blue { background:#195eac; }

#dynamic-landing-page .btn { padding:0 40px; display:inline-block; background:#4c91dd; border-radius:4px; height:50px; line-height:50px; text-align:center; white-space:nowrap; text-decoration:none; font-size:25px; color:#fff; cursor:pointer; }

#dynamic-landing-page .promo { padding:100px 30px; text-align:center; }
#dynamic-landing-page .promo p { font-weight:500; font-size:23px; line-height:30px; color:#fff; }
#dynamic-landing-page .promo .buy-tickets { position:relative; display:inline-block; }
#dynamic-landing-page .promo .buy-tickets .btn { position:relative; z-index:2; }
#dynamic-landing-page .promo .buy-tickets .btn i { margin-left:5px; font-size:15px; vertical-align:top; height:50px; line-height:50px; }
#dynamic-landing-page .promo .buy-tickets .classes { z-index:1; display:none; position:absolute; left:0; right:0; top:46px; background:#fff; padding:10px 0; border-radius:0 0 4px 4px; 
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
#dynamic-landing-page .promo .buy-tickets .classes a { display:block; padding:10px; font-size:16px; color:#222; line-height:16px; text-decoration:none; text-align:left; }
#dynamic-landing-page .promo .buy-tickets .classes a:hover { text-decoration:underline; }
#dynamic-landing-page .promo * { text-align:center; }

#dynamic-landing-page .about { padding:70px 0; }
#dynamic-landing-page .about h3,
#dynamic-landing-page .about p { color:#3853a4; }

#dynamic-landing-page .info { padding:70px 0; }
#dynamic-landing-page .info * { text-align:center; }
#dynamic-landing-page .info img { display:inline-block; margin-bottom:25px; }
#dynamic-landing-page .info [class*="col-"] { padding:20px; }
#dynamic-landing-page .info h4 { padding:0; margin:0; font-weight:400; font-size:18px; line-height:25px; color:#3853a4; }
#dynamic-landing-page .info p { padding:0; margin:0 0 15px 0; font-weight:300; font-size:16px; line-height:25px; color:#3853a4; }

#dynamic-landing-page .agenda { padding:70px 15px; }
#dynamic-landing-page .agenda li { display:table; width:100%; }
#dynamic-landing-page .agenda .time,
#dynamic-landing-page .agenda .desc { position: relative; float: left; display: inline-block; color: #fff; font-size: 22px; line-height: 30px; font-weight: 300; padding: 15px 0; }
#dynamic-landing-page .agenda .time { width:25%; padding-right:5%; }
#dynamic-landing-page .agenda .desc { width:70%; }
#dynamic-landing-page .agenda .time b,
#dynamic-landing-page .agenda .desc b { display:inline-block; padding-right:40px; }
#dynamic-landing-page .agenda .time:before { position:absolute; right:62px; top:0; bottom:0; content:""; border-right:2px solid #fff; }
#dynamic-landing-page .agenda .time:after { position:absolute; right:50px; top:18px; content:""; background:#195eac; border:2px solid #fff; border-radius:12px; width:22px; height:22px; }
#dynamic-landing-page .agenda li:first-child .time:before { top:18px; }
#dynamic-landing-page .agenda li:last-child .time:before { height:18px; bottom:auto; }

#dynamic-landing-page .speakers { padding:70px 0; }
#dynamic-landing-page .speakers [class*="col-"] { padding:25px; }
#dynamic-landing-page .speakers * { text-align:center; }
#dynamic-landing-page .speakers [class*="col-"] img { display:inline-block; margin-bottom:25px; }
#dynamic-landing-page .speakers [class*="col-"] h4 { padding:0; margin:0 0 25px 0; font-weight:500; font-size:25px; line-height:40px; color:#195eac; }
#dynamic-landing-page .speakers [class*="col-"] p { padding:0; margin:0; font-weight:300; font-size:16px; line-height:25px; color:#193867; }

#dynamic-landing-page .map,
#dynamic-landing-page .map iframe,
#dynamic-landing-page .map .cover { z-index:1; position:absolute; left:0; top:0; right:0; bottom:0; width:100% !important; height:100% !important; }
#dynamic-landing-page .map .cover { z-index:2; background:rgba(47,47,47,.8); }

#dynamic-landing-page .directions { position:relative; z-index:3; padding:80px 15px; text-align:center; }
#dynamic-landing-page .directions p { color:#fff; }

#landing-page-conversion-bar { position:fixed; left:0; top:-200px; right:0; padding:10px; font-size:15px; color:#fff; background:#f6b519; text-align:center; cursor:pointer; font-weight:bold; text-transform:uppercase; z-index:9999;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

@media all and (max-width: 700px) {

    #dynamic-landing-page .agenda .time { float:none; padding-left:40px; padding-right:0; width:auto; display:block; }
    #dynamic-landing-page .agenda .desc { float: none; padding-left: 40px; width: auto; display: block; }
    #dynamic-landing-page .agenda .desc:before { position: absolute; left: 12px; top: 0; bottom: 0; content: ""; border-right: 2px solid #fff; }
    #dynamic-landing-page .agenda .time:before { right: auto; left:12px; }
    #dynamic-landing-page .agenda .time:after { right: auto; left:0; }
}

/*Landing Page Form*/
#dynamic-landing-page-form .wrapper { position:relative; }
#dynamic-landing-page-form .promo { position:absolute; left:0; top:0; right:0; height:500px; }
#dynamic-landing-page-form .head .promo { display:none; }
#dynamic-landing-page-form .container { position:relative; }
#dynamic-landing-page-form .head { height:320px; padding:180px 20px 0 0;  }
#dynamic-landing-page-form .head h1 { margin:0 0 15px 0; color:#fff; font-size:38px; font-weight:bold; line-height:42px; text-transform:uppercase; }
#dynamic-landing-page-form .head p { margin:0 0 15px 0; color:#fff; font-size:30px; line-height:35px; }
#dynamic-landing-page-form .body { padding:60px 20px 0 0; }
#dynamic-landing-page-form .body p { margin:0 0 20px 0; color:#3853a4; font-size:18px; line-height:25px; }
#dynamic-landing-page-form .frame { margin:100px 0; padding:40px; background:#fff; border:18px solid #f9f8f7; }
#dynamic-landing-page-form .frame h2 { padding:0 0 15px 0; margin:0 0 15px 0; font-size:38px; line-height:42px; color:#1961ae; text-align:center; font-weight:600; border-bottom:6px solid #edf0f4; }
#dynamic-landing-page-form .frame p { margin:0 0 15px 0; }
#dynamic-landing-page-form .frame form h3 { padding:30px 0 15px 0; margin:0; font-size:22px; line-height:26px; color:#1961ae; text-align:center; font-weight:600; }
#dynamic-landing-page-form form [type="text"],
#dynamic-landing-page-form form [type="email"],
#dynamic-landing-page-form form [type="number"],
#dynamic-landing-page-form form [type="tel"],
#dynamic-landing-page-form form [type="datetime"],
#dynamic-landing-page-form form select,
#dynamic-landing-page-form form textarea { height: 38px; width: 100%; max-width: 100%; text-indent: 10px; background: #f9f8f7; border: 1px solid #e4e5e6; border-radius: 3px; }
#dynamic-landing-page-form form textarea { height:90px; }
#dynamic-landing-page-form form [type="submit"] { display:block; width:100%; padding:15px 0; line-height:20px; height:auto; margin:20px 0 10px 0; font-size:18px; color:#fff; font-weight:bold; background:#4c91dd; border-radius:4px; text-transform:uppercase; }
#dynamic-landing-page-form form .form-group { margin-bottom:20px; }
#dynamic-landing-page-form form label { display:inline-block; font-weight:normal; }
#dynamic-landing-page-form form label.control-label { display:block; margin:10px 0 2px 0; font-weight:normal; color:#193b63; font-size:15px; }
#dynamic-landing-page-form form label [type="checkbox"],
#dynamic-landing-page-form form label [type="radio"] { vertical-align:top; margin-top:3px; }
#dynamic-landing-page-form form .grid .btn { margin-left:10px; }
#dynamic-landing-page-form form .label-options .grid { margin:0 0 10px 0; }
#dynamic-landing-page-form form .label-options label { color:#000; }
#dynamic-landing-page-form form .label-options label [type="checkbox"] { background:#f9f8f7; border:1px solid #e4e5e6; border-radius:3px; }

/*Colorbox*/
#cboxContent, #cboxContent button { font-size:10px; text-transform:uppercase; color:#555; }

/*UI*/
#ui-datepicker-div { font-size: 11px; }

/*Datepicker*/
#ui-datepicker-div { width:160px; padding:10px; margin:2px; background:#fff;
	-webkit-box-shadow: 0 0 5px hsla(0, 0%, 0%, .3);
	   -moz-box-shadow: 0 0 5px hsla(0, 0%, 0%, .3);
	        box-shadow: 0 0 5px hsla(0, 0%, 0%, .3);
}
#ui-datepicker-div * { font-size:12px; text-align:center; color:#555; text-decoration:none; }
#ui-datepicker-div .ui-datepicker-header { position:relative; padding:0 0 10px 0; }
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title span { color:#0577b8; }
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev { position:absolute; left:0; top:0; }
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next { position:absolute; right:0; top:0; }
#ui-datepicker-div .ui-datepicker-calendar { width:100%; }
#ui-datepicker-div .ui-datepicker-calendar th:first-child { border-left:1px solid #fff; }
#ui-datepicker-div .ui-datepicker-calendar th { background:#fff; border-bottom:1px solid #fff; border-right:1px solid #fff; }
#ui-datepicker-div .ui-datepicker-calendar td a { display:block; padding:2px; background:#f1f1f1; border-bottom:1px solid #fff; border-right:1px solid #fff; }
#ui-datepicker-div .ui-datepicker-calendar td:first-child a { border-left:1px solid #fff; }
#ui-datepicker-div .ui-datepicker-calendar td a:hover { background:#fff; }
#ui-datepicker-div .ui-datepicker-calendar td a.ui-state-active { background:#0577b8; color:#fff; }

/*Alerts*/
.validation-summary-errors ul { list-style:none !important; margin:0 !important; padding:0 !important; }
.validation-summary-errors ul li { color:#666 !important; padding:0 25px !important; font-size:15px !important; background:#ffebeb; border-left:3px solid #e82828; border-right:3px solid #e82828; }
.validation-summary-errors ul li:first-child { padding-top:25px !important; background:#ffebeb; border-left:3px solid #e82828; border-right:3px solid #e82828; border-top:3px solid #e82828; border-radius: 4px 4px 0 0; }
.validation-summary-errors ul li:last-child { padding-bottom:25px !important; margin:0 0 20px 0 !important; background:#ffebeb; border-left:3px solid #e82828; border-right:3px solid #e82828; border-bottom:3px solid #e82828; border-radius: 0 0 4px 4px; }
.alert { margin:0 0 20px 0; padding:25px; font-size:15px; border:3px solid #195eac; border-radius:5px; box-shadow:none; }
.container > .validation-summary-errors,
.container > .alert { margin-top:30px; }
.alert a { text-decoration:underline; }
.alert a:hover { text-decoration:none; }
.alert.info { background:#f0f8ff; border:3px solid #195eac; }
.alert.info,
.alert.info a { color: #666 !important; }
.alert.error { background:#fff3f3; border:3px solid #e82828; }
.alert.error,
.alert.error a { color: #666 !important; }
.alert.danger { background:#fff3f3; border:3px solid #e82828; }
.alert.danger,
.alert.danger a { color: #666 !important; }
.alert.warning { background:#fff9ed; border:3px solid #ffb100; }
.alert.warning,
.alert.warning a { color: #666 !important; }
.alert.success { background:#f6fff2; border:3px solid #55c527; }
.alert.success,
.alert.success a { color: #666 !important; }
.alert.success a.alert-view-cart-btn { float:right; display:inline-block; margin:-10px -10px 0 0; font-size:13px; line-height:16px; height:16px; padding:10px 25px; color:#fff !important; font-weight:400; background:#f1a80b; border-radius:2px; text-decoration:none; }

.alert .btn { display:inline-block; background:#195eac; color:#fff !important; font-weight:bold; text-decoration:none; border-radius:4px; padding:5px 10px; white-space:nowrap; margin-top:10px;  }

.alert .btn.orange { background:#f6921f; color:#fff !important; }
.alert .text-success { color: #25a94b; }

/*Tooltips*/
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4;
  visibility: visible;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

/*Errors*/
.text-danger { font-size:12px; color:red; }

/*Edit*/
.edit-link { display:block; padding:15px 0; }
.edit-link a { font-size:11px; text-transform:uppercase; }

/* Alignment */
.alignleft { float: left; margin:6px 20px 14px 0; }
.alignright { float: right; margin:6px 0 14px 20px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; padding:6px 0 14px 0; }

/*App*/
#app .table { }

/*Staff Bios*/
#staff-bios h2 { font-size:40px; font-weight:700; letter-spacing:-1px; color:#093667; text-transform:uppercase; text-align:center; }
#staff-bios .btn-success { margin-bottom:20px; }
#staff-bios .image { border-radius:50%; }
#staff-bios .bio { position:relative; margin:0 0 20px 0; }
#staff-bios .bio div { margin:0 auto; width:200px; height:200px; background-position:center center; background-size:cover; }
#staff-bios .bio * { text-align:center; }
#staff-bios .bio .fa-pencil { margin:0 10px; font-size:15px; color:#5cb85c; }
#staff-bios .bio .fa-remove { margin:0 10px; font-size:15px; color:#d9534f; }
#staff-bios .bio p { color:#444; padding-bottom:0; margin-bottom:0; }
#staff-bios .department { margin-bottom:40px; }
#staff-bios .bio .cover { position:absolute; left:0; top:0; right:0; bottom:25px; }
#staff-bios .bio .fa-linkedin-square { font-size:15px; vertical-align:middle; line-height:20px; }
#staff-bios .bio .fa-envelope { font-size:14px; vertical-align:middle; line-height:20px; }

/*Bio*/
#bio h1 { position:relative; padding-left:70px; }
#bio h1 .bio-photo { position:absolute; left:0; top:5px; display:inline-block; width:50px; height:50px; background-position:center center; background-size:cover; border-radius:25px; }
#bio .btn { display:inline-block; background:#195eac; width:50px; height:50px; border-radius:25px; text-align:center; color:#fff; font-size:25px; line-height:50px; }
#bio .right { float:right; margin:0 0 50px 40px; }
#bio .right div { width:200px; height:200px; background-position:center center; background-size:cover; border-radius:100px; }

/*Testimonial*/
#content .testimonial { background:#f1f1f1; border-bottom:3px solid #195eac; margin-bottom:30px; padding:40px 30px 30px 30px; border-radius:3px; }
#content .testimonial p { position:relative; padding:5px 25px 0 25px; margin:0; line-height:20px; font-size:15px; color:#666; display:inline-block; }
#content .testimonial .name { padding:10px 0 0 25px; font-size:15px; color:#195eac; }
#content .testimonial p:before { position:absolute; font-family: FontAwesome; top:-10px; left:0px; color:#ccc; font-size:16px; content: "\f10d"; }
#content .testimonial p:after { position:absolute; font-family: FontAwesome; bottom:-10px; right:0px; color:#ccc; font-size:16px; content: "\f10e"; }
#content .testimonial img { float:right; max-width:125px; margin:0 0 5px 20px; background:#fff; padding:5px; }

/*Ads*/
#ads .spacing { padding:55px 0; }
#ads img { margin-bottom:20px; }

/*Assessment Form*/
#dynamic #assessment-form { background:#f5f5f5; border-top:3px solid #eee; padding:15px 25px; }
#dynamic #assessment-form form h2 { padding:30px 0 15px 0; margin:0; }
#dynamic #assessment-form form [type="text"],
#dynamic #assessment-form form [type="email"],
#dynamic #assessment-form form [type="number"],
#dynamic #assessment-form form [type="datetime"],
#dynamic #assessment-form form select,
#dynamic #assessment-form form textarea { margin-top:3px; }
#dynamic #assessment-form form [type="submit"] { padding:15px 50px; line-height:20px; height:auto; margin:20px 0 10px 0; font-size:16px; font-weight:bold; }
#dynamic #assessment-form form .form-group { margin-bottom:20px; }
#dynamic #assessment-form form label { display:inline-block; font-weight:normal; }
#dynamic #assessment-form form label.control-label { font-weight:bold; }
#dynamic #assessment-form form label [type="checkbox"],
#dynamic #assessment-form form label [type="radio"] { vertical-align:top; margin-top:3px; }
#dynamic #assessment-form form .grid .btn { margin-left:10px; }
#dynamic .survey-participants .text-success,
#dynamic .survey-participants .text-success a { color:#25a94b; }

/*Help Desk Banner*/
#help-desk-banner { position:relative; border:3px solid #195eac; background:#f0f8ff; padding:10px; margin-bottom:20px; border-radius:4px; }
#help-desk-banner:hover { opacity:.9; }
#help-desk-banner .offer { display:table; width:100%; }
#help-desk-banner img { float:left; margin-right:20px; max-height:70px; }
#help-desk-banner label { display:block; cursor:pointer; }
#help-desk-banner label input { position:absolute; left:15px; top:15px; display:inline-block; width:15px; height:15px; }
#help-desk-banner h3 { color:#666; font-size:17px; font-weight:700; padding:2px 0 2px 35px; }
#help-desk-banner p { color:#666; padding-left:35px; }

/*Browse Courses*/
#browse-courses .container { max-width:1200px; width:auto; }
#browse-courses { padding:50px 0; }
#browse-courses h1 { margin:0 0 40px 0; font-size:30px; font-weight:bold; text-align:center; }
#browse-courses h1.lessmarg { margin-bottom:10px; }
#browse-courses .category { margin:0 0 40px 0; background:#f9f9f9;
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.12);
	   -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.12);
	        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.12);
}
#browse-courses .category .cat { display: block; background: #f1f1f1 url(/images/lp/photo1.jpg) no-repeat center center; background-size: cover; opacity: .9; text-decoration: none; }
#browse-courses .category .cat.v1 { background-image:url(/images/lp/analysis.jpg); }
#browse-courses .category .cat.v2 { background-image:url(/images/lp/supply.jpg); }
#browse-courses .category .cat.v3 { background-image:url(/images/lp/beyond.jpg); }
#browse-courses .category .cat.v4 { background-image:url(/images/lp/canada.jpg); }
#browse-courses .category .cat.v5 { background-image:url(/images/lp/mexico.jpg); }
#browse-courses .category .cat h2 { text-align: center; padding: 60px 10px; line-height: 24px; font-size: 20px; font-weight: bold; color: #fff; text-decoration: none; }
#browse-courses .category .desc { padding:20px 30px; }
#browse-courses .category .desc,
#browse-courses .category .desc p  { line-height:28px; font-size:15px; color:#777; }
#browse-courses .category .text { height:56px; overflow:hidden; 
 -webkit-transition: height 200ms;
    -moz-transition: height 200ms;
      -o-transition: height 200ms;
         transition: height 200ms;
}
#browse-courses .category .text.show { height:180px; }
#browse-courses .category .btns { padding:0 30px 20px 30px; }
#browse-courses .category .btns .btn { float:right; }
#browse-courses .category .btns .btn.blue { float:left; }
#browse-courses .btn { line-height:20px; padding:10px 15px; display:block; background:none; border:3px solid #f6921f; color:#f6921f; font-size:15px; font-weight:bold; text-transform:uppercase; text-align:center; text-decoration:none; cursor:pointer; opacity:1; border-radius:3px; white-space:nowrap; 
 -webkit-transition: opacity 100ms;
    -moz-transition: opacity 100ms;
      -o-transition: opacity 100ms;
         transition: opacity 100ms;
 -webkit-transition: background 100ms;
    -moz-transition: background 100ms;
      -o-transition: background 100ms;
         transition: background 100ms;
}
#browse-courses .btn.blue { float:left; background:none; border-color:#4c91dd; color:#4c91dd; }
#browse-courses .btn:hover { opacity:.8; background:#fff; }
#browse-courses .category:hover .btn.orange { background: #f6921f; color: #fff; } 

#browse-courses nav { margin:0 0 20px 0; overflow:hidden; border-radius:5px; }
#browse-courses nav ul { margin:0; padding:0; list-style:none; }
#browse-courses nav ul li { padding:0; margin:0; }
#browse-courses nav ul li a { display:block; padding:20px; margin:0 0 1px 0; text-decoration:none; border-bottom:1px solid #fff; color:#444; background:#eee; font-weight:700; font-size:16px; line-height:18px; 
 -webkit-transition: opacity 100ms;
    -moz-transition: opacity 100ms;
      -o-transition: opacity 100ms;
         transition: opacity 100ms;
}
#browse-courses nav ul li:last-child a { border:none; }
#browse-courses nav ul li a:hover { opacity:.8; color:#4c91dd; }
#browse-courses nav ul li.active a:hover { color:#fff; }
#browse-courses nav ul li.active a { background:#4c91dd; color:#fff; }

#browse-courses .course { position:relative; display:block; padding:20px; margin:0 0 40px 0; background:#f9f9f9; text-decoration:none;
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.12);
	   -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.12);
	        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.12);
 -webkit-transition: opacity 100ms;
    -moz-transition: opacity 100ms;
      -o-transition: opacity 100ms;
         transition: opacity 100ms;
}
#browse-courses .course:hover { opacity: .9; background: #fcfcfc; }
#browse-courses .course .image { position:relative; height:200px; overflow:hidden; }
#browse-courses .course .image img { width:100%; }
#browse-courses .course h2 { padding:0; margin:10px 0; font-size:20px; line-height:24px; font-weight:bold; text-align:center; }
#browse-courses .course h2 .combo { padding:0 10px; white-space:nowrap; display:inline-block; background:#f6921f; border-radius:15px; font-size:13px; color:#fff; }
#browse-courses .course h2 a { text-decoration:none; color:#444; }
#browse-courses .course h2 a:hover { text-decoration:underline; }
#browse-courses .course .content { min-height:250px; margin-bottom:20px; }
#browse-courses .course .content p { font-size:14px; line-height:24px; color:#777; }
#browse-courses .course:hover .btn.orange { background:#f6921f; color:#fff; }
#browse-courses .grouped .course:hover .btn.orange { background: #fff; color: #f6921f; }
#browse-courses .grouped .course:hover .btn.orange:hover { background: #f6921f; color: #fff; }
#browse-courses .grouped .course p { text-align:center; }
#browse-courses .grouped .course p .single-link { font-size:12px; color:#999; }
#browse-courses .grouped { /*padding:15px; background:#f6921f; border-radius:5px;*/ }
#browse-courses .grouped .course .content { min-height:0; }
#browse-courses .grouped > .course > .content { padding:15px 30px; }
#browse-courses .grouped .course .course { padding: 30px; margin: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
#browse-courses .grouped .course .course:hover { opacity: 1; }
#browse-courses .grouped .course:hover .course { opacity: 1; background: #fcfcfc; }
#browse-courses .grouped .course .course h2 { font-size: 14px; line-height: 18px; }
#browse-courses .search { position:relative; max-width:350px; height:48px; margin:0 auto 40px auto; }
#browse-courses .search [type="text"] { position:absolute; top:0; left:0; width:70%; background:#fff; border:1px solid #eee; line-height:18px; font-size:16px; color:#666; text-indent:15px; padding:15px 0; text-align:left; border-radius:3px 0 0 3px; }
#browse-courses .search [type="submit"] { position: absolute; top: 0; right: 0; width: 30%; border:none; background: #195eac; line-height: 18px; font-size: 16px; color: #fff; font-weight: bold; padding: 15px 0; text-align: center; border-radius: 0 3px 3px 0; }
#browse-courses .course.incart .btn { border-color: #25a94b !important; color: #25a94b !important; background: #fff !important; }

/*Cart
#customer-cart .container { max-width: 1000px; width: auto; }
#customer-cart .container .alert { margin-top:0; }
#customer-cart { padding: 50px 0; }
#customer-cart h1 { margin: 0 0 20px 0; font-size: 30px; font-weight: bold; text-align: center; }
#customer-cart .frame { position:relative; margin: 0 0 30px 0; background: #f9f9f9; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.12); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.12); }
#customer-cart .grid .btn { line-height: 20px; padding: 10px 15px; display: inline-block; background: #f6921f; border: 3px solid #f6921f; color: #fff; font-size: 15px; font-weight: bold; text-transform: uppercase; text-align: center; text-decoration: none; cursor: pointer; opacity: 1; border-radius: 3px; white-space: nowrap; -webkit-transition: opacity 100ms; -moz-transition: opacity 100ms; -o-transition: opacity 100ms; transition: opacity 100ms; -webkit-transition: background 100ms; -moz-transition: background 100ms; -o-transition: background 100ms; transition: background 100ms; }
#customer-cart .grid .btn.blue { background: #4c91dd; border-color: #4c91dd; color: #fff; }
#customer-cart .grid .btn.grey { background: #ccc; border-color: #ccc; color: #fff; }
#customer-cart .grid .btn:hover { opacity: .8; }
#customer-cart .add-participant .frame { border-radius:5px; border:3px dashed #ccc; color:#666; padding:20px; text-align:center; line-height:20px; font-weight:bold; font-size:16px; cursor:pointer; box-shadow:none; }
#customer-cart .add-participant .frame:hover { color: #3dc865; border-color: #3dc865; }
#customer-cart .participant { margin-bottom:10px; }
#customer-cart .participant h3 { font-size:15px; line-height:18px; padding:0 0 10px 0; margin:0; }
#customer-cart .participant .frame { padding:20px; }
#customer-cart .participant input { width:100%; line-height:20px; padding:10px; text-indent:10px; font-size:15px; color:#666; background:#fff; border:1px solid #ccc; border-radius:2px; }
#customer-cart .participant input:focus { border-color:#999; }
#customer-cart .participant i.remove { position: absolute; right: 0; top: 0; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #666; font-size: 18px; cursor: pointer; }
#customer-cart .participant i.remove:hover { color: red; }
#customer-cart .participant .class { position:relative; float:left; margin:10px; font-size:13px; border:3px dashed #555; border-radius:5px; cursor:pointer; }
#customer-cart .participant .class .info { padding: 15px; display:block; position:relative; z-index:1; }
#customer-cart .participant .class.assigned { border: 3px solid #3dc865; }
#customer-cart .participant .class.updating { opacity:.2; }
#customer-cart .participant .class:hover { border: 3px dashed #3dc865; }
#customer-cart .participant .class i { display:none; position: absolute; right: -12px; top: -12px; font-size: 20px; width: 24px; height: 24px; line-height: 24px; text-align: center; color: #3dc865; background:#f9f9f9; border-radius:10px; }
#customer-cart .participant .class .fa-plus-circle { display:inline-block; }
#customer-cart .participant .class.assigned .fa-plus-circle { display: none; }
#customer-cart .participant .class.assigned .fa-check-circle { display: inline-block; }
#customer-cart .participant .class.assigned:hover .fa-check-circle { display: none; }
#customer-cart .participant .class.assigned:hover .fa-minus-circle { display: inline-block; color:red; }
#customer-cart .participant .class.assigned:hover { border-color:#ccc; }
#customer-cart .participant .class b { display:inline-block; font-size:15px; line-height:18px; min-height:40px; max-width:300px; }
#customer-cart .confirm .frame { padding:15px; }
#customer-cart .confirm .participant { padding:15px; }
#customer-cart .confirm .participant .item { position:relative; border: 1px solid #ccc; padding: 10px; margin-top:5px; padding-right:170px; font-size:13px; line-height:16px; }
#customer-cart .confirm .participant .item a { }
#customer-cart .confirm .participant .item .price { position: absolute; right: 0; top: 0; bottom: 0; min-width: 150px; padding-top:25px; vertical-align: middle; text-align: center; background: #fff; color: #333; font-weight: bold; font-size: 16px; line-height: 18px; border-left: 1px solid #ccc; }
#customer-cart .confirm .participant .item .price.disc { padding-top:15px; }
#customer-cart .confirm .participant .item .price .discount { color:#ccc; font-size:12px; color:red; }
#customer-cart .confirm .participant .remove-cart-link { font-size:12px; }
#customer-cart .confirm .totals { margin:15px; border:1px solid #ccc; }
#customer-cart .confirm .total { float:right; min-width:150px; }
#customer-cart .confirm .total p { margin: 0; padding: 10px; text-align: right; border-top: 1px solid #ccc; border-left: 1px solid #ccc; background:#fff; }
#customer-cart .confirm .total p:first-child { border-top:none; }
#customer-cart .confirm .total p b { font-size:18px; }
#customer-cart .confirm .promo { float:left; padding:15px; }
#customer-cart .confirm .promo .btn.combo { padding: 0; background: none; border: none; }
#customer-cart .confirm .promo .btn.combo:hover { opacity:1; }
#customer-cart .confirm .promo .btn.combo * { vertical-align: top; }
#customer-cart .confirm .promo .btn.combo [type="text"] { height: 37px; padding: 5px 10px; line-height: 22px; font-size: 13px; color: #384a5f; background: #fff; border: 1px solid #ccc; border-right: none; }
#customer-cart .confirm .promo .btn.combo [type="submit"] { padding: 0 10px; color: #fff; background: #195eac; height: 37px; font-size: 15px; line-height: 37px; font-weight: 700; text-transform: uppercase; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }
#customer-cart .payment .btn.disabled { display:none; background: #ccc; border-color: #ccc; color: #aaa; cursor: default; }
#customer-cart .payment .grid.disabled { opacity: .5; }
#customer-cart .payment .frame { padding:30px; }
#customer-cart .payment [type="text"],
#customer-cart .payment [type="password"],
#customer-cart .payment select { width: 100%; line-height: 20px; padding: 10px; text-indent: 10px; margin-bottom: 10px; font-size: 15px; color: #666; background: #fff; border: 1px solid #ccc; border-radius: 2px; }
#customer-cart .payment select { padding:11px 10px; }
#customer-cart .payment select:focus,
#customer-cart .payment [type="text"]:focus { border-color: #999; }
#customer-cart .payment h3 { font-size: 15px; line-height: 18px; padding:10px 0; margin: 0; font-weight:bold; }
#customer-cart .payment .tip { display:inline-block; font-size:12px; line-height:16px; }
#customer-cart .payment .account-info-form { }
#customer-cart .payment .account-info-form .labels { max-width: 500px; margin: 0 auto 25px auto; border: 1px solid #ccc; border-radius: 4px; overflow:hidden; }
#customer-cart .payment .account-info-form .labels label { display: block; margin: 0; font-weight: bold; cursor: pointer; background: none; border-left: 1px solid #ccc; font-size: 14px; padding: 15px 10px; text-align: center; white-space:nowrap; }
#customer-cart .payment .account-info-form .labels label.selected { background:#fff; }
#customer-cart .payment .account-info-form .labels .col-333:first-child label { border:none; }
#customer-cart .payment .account-info-form .labels label:checked { border-color:#25a94b; }
#customer-cart .payment .account-info-form .labels label input { margin-top:4px; }
#customer-cart .payment .account-info-form .labels * { vertical-align: top; }
#customer-cart .payment .account-info-form .fields { text-align: center; max-width: 300px; margin: 0 auto 10px auto; }
#customer-cart .payment .account-info-form .fields span { margin-bottom: 5px; display:block; }
#customer-cart .payment .account-info-form .fields input { text-align:center; text-indent:0; }
#customer-cart .payment .adminform { padding: 10px 15px; border: 1px solid #e0e6ec; background: #fff; }
#customer-cart .payment .adminform label { display: block; padding: 10px 0; line-height: 20px; }
#customer-cart .payment .adminform label * { vertical-align: middle; }
#customer-cart .payment .adminform select { margin: 0; }
#customer-cart .participant-class-list { margin-bottom:10px; }



#customer-cart .participant-class-list span { display:inline-block; margin:0 5px 5px 0; padding:5px 12px; background:#f1f1f1; color:#666; font-size:13px; border-radius:15px; }
#customer-cart .participant-class-list span:hover { color:#444; }
#customer-cart .participant-class-list span i { background:#f1f1f1; border-radius:10px; padding:2px; color:#999; }
#customer-cart .participant-class-list span i:hover { color:red; }
#customer-cart .print-receipt { text-align:right; }
#customer-cart .print-receipt span { display:inline-block; padding-bottom:10px; font-size:15px; text-transform:uppercase; color:#333; font-weight:bold; cursor:pointer; }
#customer-cart .print-receipt span:hover { text-decoration:underline; }
#customer-cart .btn-total-frame { display:inline-block; height:46px; padding:10px; background: #f9f9f9; border: 1px solid #f1f1f1; border-radius: 5px; }
#customer-cart .btn-total-frame .btn-current-total { display: inline-block; padding: 5px 25px 0 15px; font-size: 14px; line-height: 18px; text-align: left; }
@media all and (max-width: 600px) {

    #customer-cart .payment .account-info-form .labels label { border: none; border-top: 1px solid #ccc; text-align:left; }
    #customer-cart .payment .account-info-form .labels .col-333:first-child label { border: none; }
}
*/
#customer-cart .container { width:100%; padding:0; }
#customer-cart .container.receipt { max-width:1000px; margin:0 auto; }
#customer-cart .back-link { text-transform:uppercase; color:#000; font-size:13px; text-decoration:none; font-weight:600; }
#customer-cart .back-link:hover { text-decoration:underline; }
#customer-cart .btn.onhold { float:right; line-height:38px; font-size:16px; }
#customer-cart h1,
#customer-cart h2 { margin-bottom:10px; display:inline-block; color:#25AEE4; font-size:35px; font-weight:bold; position:relative; }
#customer-cart h1:after,
#customer-cart h2:after { content:""; display:block; width:200px; max-width:100%; height:4px; margin-top:5px; background:#FDBC45; }
#customer-cart h2 { color:#222F69; }
#customer-cart h3 { margin-bottom:10px; color:#233167; font-size:20px; font-weight:bold; }
#customer-cart h3 .remove { float:right; margin-right:15px; color:#233167; }
#customer-cart h3 .remove:hover { color:red; }
#customer-cart .cart-form { float:left; width:70%; background:#fff; }
#customer-cart input[type="text"],
#customer-cart select { width:100%; background:#F9F9F9; border:1px solid #E2E2E7; height:45px; line-height:45px; color:#646464; font-size:15px; text-indent:15px; }
#customer-cart .cart-form.payment .space > .grid > [class*="col-"] { padding:0 10px 0 0; }
#customer-cart .cart-form.payment .space > .grid > .col-50 > .grid > .col-50:first-child { padding-right:5px; }
#customer-cart .cart-form.payment .space > .grid > .col-50 > .grid > .col-50:last-child { padding-left:5px; }
#customer-cart .cart-form.payment .space .grid .grid .grid .col-50:last-child input { border-left:0; }
#customer-cart .cart-form.payment .space .col-50 { position:relative; }
#customer-cart .cart-form.payment .space .tip { position:absolute; right:12px; top:13px; cursor:pointer; }
#customer-cart .cart-form.payment .space .tip span { display:none; }
#customer-cart .cart-form.payment input[type="text"] { margin:0 0 10px 0; }
#customer-cart .cart-form.payment label.chk { font-size:15px; padding:10px 0; line-height:25px; display:block; }
#customer-cart .cart-form.payment label.chk * { vertical-align:top; }
#customer-cart .cart-form.payment label.chk input { margin:4px 4px 0 0; width:15px; height:15px; }
#customer-cart .cart-form.payment .payment-form-grid.disabled { opacity:.3; }
#customer-cart hr { height:0; padding:0 0 40px 0; margin:40px 0 0 0; border-top:2px solid #E2E2E7; }
#customer-cart .cart-form .participant { margin-top:40px; padding-top:10px; border-top:2px solid #E2E2E7; position:relative; }
#customer-cart .cart-form #participants-list .participant .grid { width:96%; }
#customer-cart .cart-form .participant .col-25 { padding-right:10px; }
#customer-cart .cart-form .participant > .remove { position:absolute; right:-10px; bottom:0; width:45px; height:45px; line-height:45px; font-size:22px; text-align:center; cursor:pointer; }
#customer-cart .cart-form .participant > .remove:hover { color:red; }
#customer-cart .cart-form .participant .class { opacity:.5; margin:0 0 10px 0; padding:15px; background:#F7F7F7; border-left:10px solid #13ACE5; position:relative; cursor:pointer; }
#customer-cart .cart-form .participant .class:hover { background:#f1f1f1; }
#customer-cart .cart-form .participant .class.assigned { opacity:1; }
#customer-cart .cart-form .participant .class .info { font-weight:400; font-size:15px; line-height:22px; }
#customer-cart .cart-form .participant .class .info b { font-weight:500; }
#customer-cart .cart-form .participant .class .extra { display:none; }
#customer-cart .cart-form .participant .class .extra .requirements { color:#25AEE4; }
#customer-cart .cart-form .participant .class.assigned .extra { display:block; }
#customer-cart .cart-form .participant .class .fa-times,
#customer-cart .cart-form .participant .class .fa-plus { position:absolute; right:20px; top:50%; margin-top:-10px; font-size:20px; }
#customer-cart .cart-form .participant .class .fa-times,
#customer-cart .cart-form .participant .class.assigned .fa-plus { display:none; }
#customer-cart .cart-form .participant .class.assigned .fa-times { display:inline-block; }
#customer-cart .cart-form .participant .class.assigned:hover .fa-times { color:red; }
#customer-cart .cart-form .participant .class:hover .fa-plus { color:green; }
#customer-cart .summary { float:left; width:30%; background:#F7F7F7; }
#customer-cart .summary hr { padding:0 0 20px 0; margin:20px 0 0 0; border-top:3px solid #E2E2E7; }
#customer-cart .space { padding:40px; min-height:200px; }
#customer-cart .summary-class-list div { display:table; width:100%; text-align:right; margin-bottom:8px; }
#customer-cart .summary-class-list div span:first-child { position:relative; max-width:60%; text-align:left; float:left; line-height:16px; padding:7px 25px 7px 13px; border-radius:19px; display:inline-block; background:#E2E2E7; color:#222; font-size:12px; font-weight:400; }
#customer-cart .summary-class-list div span:last-child { display:inline-block; line-height:30px; }
#customer-cart .summary-class-list div span i { position:absolute; right:10px; top:50%; margin-top:-5px; color:#000; }
#customer-cart .summary-class-list div span i:hover { color:red; }
#customer-cart .btn { display:inline-block; border:none; background:#E2E2E7; color:#222F69; line-height:50px; padding:5px 25px; text-align:center; text-decoration:none; font-size:16px; font-weight:bold; text-transform:uppercase; }
#customer-cart .btn i.left { margin-right:10px; }
#customer-cart .btn i.right { margin-left:10px; }
#customer-cart .btn.blue { background:#25AEE4; color:#fff;  }
#customer-cart .btn.orange { background:#FDBC45; color:#222F69;  }
#customer-cart .summary .btn { display:block; width:100%; padding-left:0; padding-right:0; }
#customer-cart .summary .btn.submitted { background:#ccc; color:#777; }
#customer-cart .summary label { display:block; margin:30px 0 5px 0; color:#222F69; display:block; font-size:15px; font-weight:600; }
#customer-cart .summary label.right { text-align:right; font-weight:500; }
#customer-cart .summary label span:first-child { float:left; font-weight:600; }
#customer-cart .summary label.total { margin-top:0; font-size:20px; text-transform:uppercase; font-weight:bold; }
#customer-cart .summary label.total span:first-child { font-weight:bold; }
#customer-cart .summary .discount-alert { margin-bottom:10px; padding:10px 10px 10px 35px; border-radius: 5px; background:#2BA33029; font-size:12px; line-height:16px; color:#2BA330; position:relative; }
#customer-cart .summary .discount-alert i { position:absolute; left:5px; top:50%; width:26px; height:26px; line-height:26px; margin-top:-13px; font-size:16px; text-align:center; }
#customer-cart .summary .discount { margin-bottom:10px; color:red; font-weight:500; color:#C90F0F; text-align:right; }
#customer-cart .summary .discount span { float:left; }
#customer-cart .summary .enter-promo-code { background:none; border:none; color:#25AEE4; font-weight:400; text-decoration:underline; }
@media all and (max-width: 900px) {
    #customer-cart .cart-form { width:100%; }
    #customer-cart .summary { width:100%; }
    #customer-cart .summary .btn { padding:10px 0; font-size:20px; }
}
@media all and (max-width: 600px) {
    #customer-cart .btn.onhold { float:none; margin:10px 0; }
    #customer-cart .cart-form .participant .grid { width:100%; }
    #customer-cart .cart-form .participant .col-25 { padding-right:0; }
    #customer-cart .cart-form .participant > .remove { bottom:auto; top:3px; }
    #customer-cart .cart-form.payment .space > .grid .grid .grid .col-50 { width:50%; }
    #customer-cart .cart-form.payment .space > .grid > .col-50 > .grid > .col-50:first-child { padding-right:0; }
    #customer-cart .cart-form.payment .space > .grid > .col-50 > .grid > .col-50:last-child { padding-left:0; width:50%; }
}

@media print {
    
    #bw8-widget-holder,
    body.receipt-page .wrapper { display:none; }
    body.receipt-page .wrapper.main,
    body.receipt-page .receipt-section .wrapper { display:block; }
    body.receipt-page .receipt-section .wrapper .alert,
    body.receipt-page .receipt-section .wrapper .print-receipt { display: none; }    
}

/*place-order-on-hold-modal*/
#place-order-on-hold-modal { display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); }
#place-order-on-hold-modal .frame { width:70%; max-width:300px; margin:60px auto 0 auto; padding:60px 25px; background:#fff; border-radius:10px; position:relative; }
#place-order-on-hold-modal h2 { margin-bottom:30px; display:inline-block; color:#25AEE4; font-size:27px; font-weight:bold; position:relative; }
#place-order-on-hold-modal h2:after { content:""; display:block; width:200px; max-width:100%; height:4px; margin-top:5px; background:#FDBC45; }
#place-order-on-hold-modal h2 span { color:#093667; }
#place-order-on-hold-modal input[type="text"] { margin:15px 0; width:100%; background:#F9F9F9; border:1px solid #E2E2E7; line-height:45px; color:#646464; font-size:15px; text-indent:15px; }
#place-order-on-hold-modal .btn { width:100%; display:inline-block; border:none; background:#FDBC45; color:#222F69; line-height:50px; padding:0 25px; text-align:center; text-decoration:none; font-size:16px; font-weight:bold; text-transform:uppercase; }
#place-order-on-hold-modal .fa-times { position:absolute; right:0px; top:0; width:50px; height:50px; line-height:50px; text-align:center; font-size:27px; color:#000; cursor:pointer; }
#place-order-on-hold-modal .fa-times:hover { color:#e82828; }
@media all and (max-width: 600px) {
    #place-order-on-hold-modal .frame { margin-top:30px; }    
}
@media all and (max-width: 500px) {
    #place-order-on-hold-modal h2 { font-size:24px; }
}

/*Cart Steps*/
#cart-steps { padding:0 0 20px 0; text-align:center; max-width:600px; margin:0 auto; }
#cart-steps .step { position: relative; display: inline-block; width: 23%; font-size: 11px; font-weight: bold; color: #ddd; text-decoration: none; }
#cart-steps .step i { position: relative; width: 23px; height: 23px; line-height: 23px; border-radius: 12px; background: #ddd; color: #fff; text-align: center; }
#cart-steps .step.active,
#cart-steps .step.complete,
#cart-steps .step:hover { color: #4c91dd; }
#cart-steps .step.active i,
#cart-steps .step.complete i,
#cart-steps .step:hover i { background: #4c91dd; font-size:10px; }
#cart-steps .step:before { content:""; display:block; position:absolute; left:50%; top:11px; height:1px; width:100%; background:#ddd; }
#cart-steps .step.complete:before { background:#4c91dd; }
#cart-steps .step:last-child:before { display:none; }
#cart-steps .step.notneeded { display:none; }

@media all and (max-width: 1220px) {

    #browse-courses .container { max-width:1200px; width:auto; padding-left:15px; padding-right:15px; }
    #browse-courses .sidenav { width:15%; }
    #browse-courses .courses { width:85%; }
}

@media all and (max-width: 1000px) {

    #browse-courses .sidenav { width:100%; }
    #browse-courses .courses { width:100%; }
    #browse-courses [class*="col-"] { padding:0 1%; }
    #browse-courses nav ul { display:table; width:100%; } 
    #browse-courses nav ul li { float:left; width:20%; }
    #browse-courses nav ul li a { padding-right:10px; padding-bottom:5px; min-height:50px; font-size:13px; line-height:16px; border:none; border-right:1px solid #fff; }
    #browse-courses nav ul li:last-child a { border:none; }
}

@media all and (max-width: 830px) {

    #browse-courses .container { padding-left:100px; padding-right:100px; }
    #browse-courses .container > .grid > [class*="col-"] { width:100%; }
    #browse-courses nav ul li { float:left; width:33.3333333%; }
    #browse-courses .courses [class*="col-"] { width:50%; padding:0 1%; }
    #browse-courses .courses [class*="col-100"] { width: 100%; padding: 0 1%; }
    #browse-courses .grouped .col-333 { width:33.333333%; }
    #browse-courses .grouped .course .course { padding:10px; }
    #browse-courses .grouped .course .course .image { height:125px; }
}

@media all and (max-width: 670px) {

    #browse-courses { padding:30px 0; }
    #browse-courses h1 { margin:0 0 30px 0; }
    #browse-courses .container { padding-left:20px; padding-right:20px; }

    #customer-cart .confirm .participant .item { padding:0; }
    #customer-cart .confirm .participant .item .info { padding:15px; }
    #customer-cart .confirm .participant .item .price { position: relative; right: auto; top: auto; bottom: auto; padding:15px; border-left:none; border-top: 1px solid #ccc; }
    #customer-cart .confirm .total { float:none; padding-top:70px; }
    #customer-cart .confirm .total p { border-left: none; }
    #customer-cart .grid .text-right { width:100%; }
    #customer-cart .grid .text-right .btn { display:block; margin-top:10px; }
    #customer-cart .grid .text-right .btn.disabled { display:none; }
    #customer-cart .participant .class { float:none; margin:0 0 15px 0; }
    #customer-cart .btn-total-frame { display:block; margin-top:10px; height:auto; }
    #customer-cart .btn-total-frame .btn-current-total { float:none; display: block; padding: 5px 0 0 0; font-size: 14px; line-height: 18px; text-align: center; }
    #customer-cart .btn-total-frame .btn-current-total br { display: none; }
    #customer-cart .btn-total-frame a.btn { float:none; display:block; margin:0; }
    #customer-cart .btn-total-frame button.btn { float: none; margin: 0; width: 100%; padding-left: 0; padding-right: 0; }
}

@media all and (max-width: 500px) {

    #browse-courses .category .btn { margin-bottom:10px; float:none !important; }
    #browse-courses nav ul li { float:left; width:50%; }
    #browse-courses .courses [class*="col-"] { width:100%; padding:0; }
    #browse-courses .course .image { height:auto; }
    #browse-courses .course .content { min-height:0; }
}

/*Course Details*/
#course-details { }
#course-details h1 { text-align:center; font-weight:700; font-size:50px; line-height:60px; color:#fff; text-transform:uppercase; }
#course-details h2 { text-align:center; font-weight:300; font-size:33px; line-height:37px; color:#fff; }
#course-details h3 { text-align:center; font-weight:700; font-size:32px; line-height:46px; color:#fff; text-transform:uppercase; }
#course-details .details ul li,
#course-details .details ol li,
#course-details .details p { font-weight:300; font-size:20px; line-height:40px; color:#195eac; }
#course-details .details p { text-align:center; padding:0; margin:0 0 25px 0; }
#course-details .details ul,
#course-details .details ul li { list-style:none; margin:0; padding:0; }

#course-details .wrapper { position:relative; background:#fff; }
#course-details .wrapper.light-blue { background:#edf0f4; }
#course-details .wrapper.light-blue h3 { color:#195eac; }
#course-details .wrapper.blue { background:#195eac; }
#course-details .wrapper.dark-blue { background: #093667; }

#course-details .wrapper.white * { color:#444; }
#course-details .wrapper.white h3 { color:#195eac; }
#course-details .wrapper.light-blue * { color:#195eac; }
#course-details .wrapper.light-blue h3 { color:#195eac; }
#course-details .wrapper.blue * { color:#fff; }
#course-details .wrapper.blue h3 { color:#fff; }

#course-details .btn { padding:0 40px; display:inline-block; background:#4c91dd; border-radius:4px; height:50px; line-height:50px; text-align:center; white-space:nowrap; text-decoration:none; font-size:25px; color:#fff; cursor:pointer; }
#course-details .btn.orange { background:#f6921f; }

#course-details .promo { position:relative; padding:100px 30px; text-align:center; }
#course-details .promo p { font-weight:500; font-size:23px; line-height:30px; color:#fff; }
#course-details .promo ul,
#course-details .promo ul li { list-style:none; margin:0; padding:0; }
#course-details .promo .buy-tickets { position:relative; display:inline-block; }
#course-details .promo .buy-tickets .btn { position:relative; z-index:2; background:#f6921f; color:#fff; }
#course-details .promo .buy-tickets .btn i { margin-left:5px; font-size:15px; vertical-align:top; height:50px; line-height:50px; }
#course-details .promo .buy-tickets .step { display:none; top:-50px; opacity:0;
 -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
      -o-transition: opacity 500ms;
         transition: opacity 500ms;
}
#course-details .promo .buy-tickets .step.show { display:block; opacity:1; top:0; }
#course-details .promo .buy-tickets .items { z-index:1; display:none; position:absolute; left:0; right:0; top:46px; background:#fff; padding:10px 0; border-radius:0 0 4px 4px; 
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
#course-details .promo .buy-tickets .items a { display:block; padding:10px; font-size:16px; color:#222; line-height:16px; text-decoration:none; text-align:left; cursor:pointer; }
#course-details .promo .buy-tickets .items a:hover { text-decoration:underline; }
#course-details .promo * { text-align:center; }
#course-details .promo .buy-tickets .back-btn { opacity:.8; display:inline-block; position:absolute; left:-60px; top:0; width:50px; width:50px; font-size:30px; line-height:50px; color:#fff; text-align:center; cursor:pointer; text-decoration:none; }
#course-details .promo .buy-tickets .back-link { opacity:.8; position:absolute; left:0; right:0; top:60px; font-size:13px; line-height:16px; color:#fff; text-align:center; cursor:pointer; }
#course-details .promo .buy-tickets .back-btn:hover,
#course-details .promo .buy-tickets .back-link:hover { opacity:1; }
#course-details .promo .buy-tickets .btn.btn-yellow { background: #fab617; color: #122c51; }

#course-details .promotional-offers { position:relative; background:rgba(0,0,0,0.5); padding:30px; }
#course-details .promotional-offers .sep { display: block; width: 1px; position: absolute; left: 50%; top: 0; bottom: 0; background: #ccc; }
#course-details .promotional-offers ul { margin:0 0 20px 0; }
#course-details .promotional-offers li,
#course-details .promotional-offers p { margin:0 0 15px 0; padding:0; color:#ccc; font-size:18px; line-height:28px; text-align:left; }
#course-details .promotional-offers b { color:#fff; font-weight:600; }
#course-details .promotional-offers li { margin:0 0 0 30px; text-align:left; font-size:12px; }
#course-details .promotional-offers .btn { max-width:250px; background:none; border:3px solid #fff; color:#fff; font-size:14px; padding:10px; line-height:16px; height:auto; }
#course-details .promotional-offers .btn:hover { color:#555; background:#fff; }
#course-details .promotional-offers .btn i { margin-left: 5px; }
#course-details .promotional-offers .single { border:1px solid #777; padding:25px; max-width:450px; margin:0 auto; }

#course-details .about { padding:70px 0; }
#course-details .learn { padding:70px 0; }
#course-details .details .learn ul,
#course-details .details .about ul { display:table; width:100%; }
#course-details .details .learn ul li,
#course-details .details .about ul li { position:relative; float:left; width:40%; padding:0 0 0 10%; margin-bottom:10px; }
#course-details .details .learn ul li:before,
#course-details .details .about ul li:before { content: "\f00c"; display:inline-block; font-family: FontAwesome; position:absolute; left:10%; top:0; }
#course-details .requirements p,
#course-details .accomodations p { font-size:16px; text-align:left; }
#course-details .learn ul li,
#course-details .requirements ul li { margin-bottom:15px; font-size:16px; line-height:20px; min-height:40px; }
#course-details .col-50 .requirements ul li { font-size:13px; font-family:sans-serif; }
#course-details .requirements ul li { width:90%; min-height:0; margin-bottom:25px; }
#course-details .col-50 .requirements ul li:before { left:2%; min-height:0; }
#course-details .col-100 .requirements ul li:before { left:5%; min-height:0; }
#course-details .accomodations .loc { padding:15px 20px; margin-bottom:10px; background:rgba(0,0,0,.1); word-wrap:break-word; }
#course-details .accomodations .loc { font-size:13px; }
#course-details .accomodations .loc b { display:inline-block; margin-bottom:5px; font-size:16px; }
#course-details .split .col-50 { position:relative; }
#course-details .split .col-50:first-child:after { content:""; display:inline-block; position:absolute; right:0; top:10%; bottom:10%; width:1px; background:#ccc; }
#course-details .wrapper.blue .split .col-50:first-child:after { background:#fff; }

#course-details .quote { max-width:80%; width:600px; margin:0 auto; position:relative; padding:70px 10%; }
#course-details .quote .image { display:block; margin:0 auto 5px auto; width:100px; height:100px; border-radius:50px; }
#course-details .quote .name { text-align:center; margin:0; padding:0 0 5px 0; font-size:17px; line-height:20px; font-weight:bold; }
#course-details .quote .title { text-align:center; margin:0; padding:0; font-size:13px; line-height:16px; }
#course-details .quote i { display:block; position:relative; margin-top:20px; }
#course-details .quote i:before,
#course-details .quote i:after { content:"\f10d"; font-family: FontAwesome; display:inline-block; position:absolute; left:-30px; top:-20px; font-size:30px; font-weight:bold; }
#course-details .quote i:after { content:"\f10e"; left:auto; top:auto; right:-30px; bottom:-20px;  }
#course-details .quote i * { font-size:24px; line-height:34px; }

#course-details .requirements { padding:70px 0; }
#course-details .accomodations { padding:70px 0; }

#course-details .info { padding:70px 0; }
#course-details .info * { text-align:center; }
#course-details .info img { display:inline-block; margin-bottom:25px; }
#course-details .info [class*="col-"] { padding:20px; }
#course-details .info h4 { padding:0; margin:0; font-weight:400; font-size:18px; line-height:25px; color:#3853a4; }
#course-details .info p { padding:0; margin:0 0 15px 0; font-weight:300; font-size:16px; line-height:25px; color:#3853a4; }

#course-details .agenda { padding:70px 15px; }
#course-details .agenda li { display:table; width:100%; }
#course-details .agenda .time,
#course-details .agenda .desc { float:left; display:inline-block; color:#fff; font-size:22px; line-height:30px; font-weight:300; padding:15px 0; }
#course-details .agenda .time { position:relative; width:25%; padding-right:5%; }
#course-details .agenda .desc { width:70%; }
#course-details .agenda .time:before { position:absolute; right:62px; top:0; bottom:0; content:""; border-right:2px solid #fff; }
#course-details .agenda .time:after { position:absolute; right:50px; top:18px; content:""; background:#195eac; border:2px solid #fff; border-radius:12px; width:22px; height:22px; }
#course-details .agenda li:first-child .time:before { top:18px; }
#course-details .agenda li:last-child .time:before { height:18px; bottom:auto; }
#course-details .light-blue .agenda *,
#course-details .white .agenda * { color:#195eac !important; }
#course-details .light-blue .agenda .time:before,
#course-details .white .agenda .time:before { border-color:#195eac !important; }
#course-details .light-blue .agenda .time:after  { background:#edf0f4 !important; border-color:#195eac !important; }
#course-details .white .agenda .time:after { background:#fff !important; border-color:#195eac !important; }

#course-details .speakers { padding:70px 0; }
#course-details .speakers [class*="col-"] { padding:25px; }
#course-details .speakers * { text-align:center; }
#course-details .speakers [class*="col-"] .image { display:block; margin:0 auto 25px auto; border-radius:75px; width:150px; height:150px; }
#course-details .speakers [class*="col-"] h4 { padding:0; margin:0 0 25px 0; font-weight:500; font-size:25px; line-height:40px; color:#195eac; }
#course-details .speakers [class*="col-"] p { padding:0; margin:0; font-weight:300; font-size:16px; line-height:25px; color:#193867; }
#course-details .blue .speakers * { color:#fff !important; border-color:#fff !important; }

#course-details .videos { padding:50px 0; }
#course-details .videos [class*="col-"] { padding:25px; }
#course-details .videos .col-100 { display:block; float:none; margin:0 auto; max-width:600px; }
#course-details .videos * { text-align:center; }
#course-details .videos [class*="col-"] h4 { padding:0; margin:0 0 25px 0; font-weight:500; font-size:25px; line-height:40px; color:#195eac; }
#course-details .blue .videos * { color:#fff !important; }

#course-details .map,
#course-details .map iframe,
#course-details .map .cover { z-index:1; position:absolute; left:0; top:0; right:0; bottom:0; width:100% !important; height:100% !important; }
#course-details .map .cover { z-index:2; background:rgba(47,47,47,.8); }

#course-details .directions { position:relative; z-index:3; padding:80px 15px; text-align:center; }
#course-details .directions p { color:#fff; }

@media all and (max-width: 840px) {

    #course-details .promo h1 { font-size:40px; line-height:50px; }
    #course-details .promo h2 { font-size:22px; line-height:30px; }
    #course-details .details p,
    #course-details .details li { font-size:18px !important; line-height:22px !important; min-height:0 !important; } 
}

@media all and (max-width: 600px) {
    
    #course-details .promo { padding-left:0; padding-right:0; }
    #course-details .promo h1 { font-size:30px; line-height:40px; }
    #course-details .promo h2 { font-size:20px; line-height:26px; }
    #course-details .promo .btn { font-size:16px; }
    #course-details .promotional-offers .sep { display:none; }
    #course-details .promotional-offers .col-50:first-child { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px; }
    #course-details .details ul li { width:90% !important; padding:0 0 0 10% !important; }
    #course-details .details ul li:before { left:0 !important; }    
    #course-details .split .col-50:first-child:after { left:0; right:0; top:auto; bottom:0; width:auto; height:1px; }
}

/*About Us*/
#about-us .wrapper.map { background: #fff url(https://sharphuecdn.blob.core.windows.net/8thandwalton/upload/page/231/contact-background-map.png) no-repeat center top; background-size:contain; }
#about-us h1,
#about-us h2 { margin: 0; padding: 0 0 20px 0; line-height: 40px; font-size: 40px; text-align: center; color: #fff; font-weight: bold; text-transform: uppercase; text-align: center; }
#about-us h2 { color:#195eac; }
#about-us p { margin: 0; padding: 0 0 15px 0; line-height: 24px; font-size: 15px; text-align: center; color: #fff; font-weight: 400; text-align: center; }
#about-us .video { border:3px solid #fff; background:#fff; max-width:800px; margin:0 auto; display:block; }
#about-us #staff-bios { max-width:800px; margin:0 auto; }
#about-us .text-center { text-align:center; }
#about-us .what h3 { margin: 0; padding: 0 0 20px 0; line-height: 26px; font-size: 22px; color: #fff; font-weight: bold; }
#about-us .what .grid { display:flex; }
#about-us .what .grid [class*="col-"] { padding:40px; background:#195eac; }
#about-us .what .grid [class*="col-"]:last-child { background:#093667; }
#about-us .what .grid [class*="col-"] h3,
#about-us .what .grid [class*="col-"] p { color: #fff; text-align:left; }
#about-us .what .grid [class*="col-"] .btn { padding:13px 25px; font-size:14px; text-decoration:none; background:#f6921f; color:#fff; font-weight:bold; text-transform:uppercase; color:#fff; text-align:center; border-radius:5px; }
@media all and (max-width: 600px) {
    #about-us .wrapper.map { background-size:cover; }
    #about-us .what .grid { display:table; }
    #about-us .what .grid [class*="col-"] { width:100%; }
}

/*Media*/
@media all and (max-width: 1320px) {

	.container.c-1200 { width:960px; }
	#icon-nav a { font-size:16px; }

}

@media all and (max-width: 1210px) {

    /*Search Bar*/
    .wrapper.main.searchbar .wrapper { padding-left:150px; }
    #searchbar { width:150px; }
    #searchbar .top { width:150px; }
    #searchbar .btn a { height:auto; line-height:18px; padding:5px; }
    #searchbar .top .back { padding:30px 0 0 0; font-size:15px; line-height:18px; text-align:center; background-position:top center; }
}

@media all and (max-width: 1110px) {

    /*Search Bar*/    
    .wrapper.main.searchbar .wrapper { padding-left:0; }
    #searchbar { display:none; }
    
    .container.c-1200 { width:960px; overflow:hidden; }
	#icon-nav a { font-size:16px; }

    /*Promo*/
	#promo .prev { left:30px; }
	#promo .next { right:30px; }
}

@media all and (max-width: 960px) {

    /*Basics*/
	html, body, .wrapper, .container { min-width:600px; }

	/*Wrappers*/
	.wrapper.header { z-index:9; border-top:60px solid #1961ae; }
    .wrapper.nav { z-index: 10; }

    /*Containers*/
 	.container { width:100%; margin:0; padding:0 15px; } 
 	.wrapper.courses .container, .wrapper.header .container, .wrapper.nav .container { padding:0; }

 	/*Grid*/
 	.wrapper.courses [class*='col-'] { width:100%;}
 	#courses .col-20 { width:20%; }
 	#resources .col-333 { width:50%; }

 	/*Header
 	#header { position:relative; }
 	#header .logo { left:15px; }
 	#header .info { right:10px; }
    #header .cart { right:10px; }

    .compact-header #header { height:60px; 
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	   -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    }
    .compact-header #header .logo { left:10px; top:10px; }
    .compact-header #header .logo img { width:37px; }
    .compact-header #header .logo-tag { display:none; }
    .compact-header #header .info { right:125px; top:0; }
    .compact-header #header .info * { line-height:60px; }    
    .compact-header #header .cart { top:0; right:0; }
    .compact-header #header .cart a { border-radius:0; height:60px; padding:0 10px; line-height:60px; }    
    .compact-header #header .phone { float:none; border:none; padding:0; position:absolute; right:-100px; top:-60px; }
    .compact-header #header .phone * { line-height:60px; text-align:right; color:#fff !important; }
    .compact-header #header .search { right:140px; }*/

 	/*Nav
    #nav { height:auto; }
    #nav nav > ul { display:block; width:auto; }
    #nav ul > li { float:none; display:block; margin:0; padding:0; border-bottom:1px solid #164c88; border-top:1px solid #266ab4; }
    #nav ul li > a { height:auto; margin:0; padding:0 15px; line-height:40px; font-size:12px; color:#fff; text-transform:uppercase; }
    #nav ul li:hover > a,
    #nav ul li.current-menu-item > a,
    #nav ul li.current-menu-parent > a { background:#093667; }
    #nav ul li.menu-item-has-children > a { padding-left:15px; }
    #nav ul li.menu-item-has-children > a:before { left:auto; right:15px; }

    #nav nav > ul > li:hover,
    #nav nav > ul > li.active { background-image:none; }
    #nav nav > ul > li.active:last-child { background-image:none; }*/

    /*Sub Nav*/
    #nav ul ul { display:none; position:relative; left:auto; top:auto; min-width:0; background:#444; }
    #nav ul li:last-child ul { right:auto; }
    #nav ul li:hover ul { display:none; }
    #nav ul li ul li { float:none; margin:0; border:none; }
    #nav ul li ul li a { padding:0 0 0 30px; line-height:25px; font-size:12px; color:#fff; text-transform:none; text-decoration:none; white-space:normal; }
    #nav ul li ul li:hover a { background:#093667; }
    #nav ul li ul li ul { display:none; }
    #nav ul .banner ul { left:0; }
    #nav ul .banner ul li { width:100%; height:auto; background:#fff; }

    /*Menu*/
    #nav { top:0; left:0; bottom:auto; width:100%;}
    #nav nav { position:absolute; left:auto; top:-140px; right:auto; bottom:auto; width:100%; }
	#nav nav ul { display:none; width:100%; height:auto; max-height:none; background:#195eac; }
	#nav.on nav ul { display:block; }
    #nav .menu { display:none; position: absolute; left:0; top:-60px; width:60px; height:60px; background:url(/images/structure/menu.png) no-repeat center center; cursor:pointer; }
    #nav .menu.done { display:block; }
    #nav.on nav .menu { background-color:#195eac; }
    #nav.on nav ul li .sub ul { display:none; }
    #nav.on nav ul li.on .sub ul { display:block; }

    .compact-header #nav nav { top:-60px; }
 	
    /*Promo*/
    #promo .wrapper.promo { height:300px; background-position:center center !important; background-size:cover !important; }

    /*Popular Categories*/
	#popular-categories .categories { position:relative; top:auto; right:auto; padding:20px 15px;}
	#popular-categories .categories .box { width:100%; border:1px solid; }

    /*Content*/
    #content .spacing { padding:30px; }
    #content .spacing .spacing { padding:0; }

    /*Sidenav*/
    #sidenav .spacing { padding-top:30px; }

    /*Courses*/
    #courses .box { width:100%; padding:0; margin:0; }
    #courses .box .body a span { margin:0 auto; text-align:center;}
	#courses .spacing { padding:20px 15px 20px 15px; }
	#courses .box {  }

    /*Featured Posts*/
    #featured-posts .spacing { padding:30px 15px; }

	/*Services*/
	#services { background:#7ba7d2; }
	#services .spacing { padding:0; }
	#services .box { float:none; margin:0 auto; }

	/*Clients*/
    #clients .cell { display:block; width:25%; float:left; text-align:center; }


	/*Footer*/
	#footer .spacing { padding:15px; }
	#footer .copyright { right:15px;}

    /*Blog*/
    #blog .spacing { padding:30px 15px; }

    /*Blog Nav*/
    #blognav .spacing { padding:80px 15px; }

	/*Sponsors*/
    #sponsors .grid { width:100%; margin:0; }
    #sponsors .sponsor { float:none; width:auto; margin:0 0 25px 0; }
    #sponsors .sponsor .inner { width:218px; margin:0 auto; }

    /*Gallery*/
    #gallery .gallery { display:table; width:100%; padding:0 0 10px 0; margin:0; }
    #gallery .gallery .gallery-item { width: 33%; height: auto; margin: 10px 0 0 0; padding:0 5px; border: none; }
    #gallery.video .gallery .gallery-item { width:50%; }
    #gallery .gallery .gallery-item,
    #gallery .gallery .gallery-item:after,
    #gallery .gallery .gallery-item:before { 
        -webkit-box-sizing: border-box; 
           -moz-box-sizing: border-box; 
                box-sizing: border-box; 
    
    }
    #gallery .gallery .gallery-caption { display:none; visibility:hidden; }

    /*Introduction*/
    #introduction h1 .tag { float:none; text-align:left; display:block; }

    /*Inner-Promo*/
	#inner-promo h1 span { font-size:30px; }

    /*Staff Bios*/
    #staff-bios .bio div { width:150px; height:150px; }

    .container.c-1200 { width:100%; padding:0; }
	#icon-nav .button.v1 { transform:skew(0deg); } 
	#icon-nav .button.v1 a .inner { transform:skew(0deg);  } 
	#icon-nav .button.v2 { transform:skew(0deg); border-right:1px solid #fff; } 
	#icon-nav .button.v2 a .inner { transform:skew(0deg); } 
	#icon-nav .button.v3 { transform:skew(0deg); border-left:1px solid #fff; } 
	#icon-nav .button.v3 a .inner { transform:skew(0deg); } 
	#icon-nav .button.v4 { transform:skew(0deg); } 
	#icon-nav .button.v4 a .inner { transform:skew(0deg); } 
	#icon-nav .button.v5 { transform:skew(0deg); } 
	#icon-nav .button.v5 a .inner { transform:skew(0deg); } 
	#icon-nav .button.v6 { transform:skew(0deg); border-right:1px solid #fff; } 
	#icon-nav .button.v6 a .inner { transform:skew(0deg); } 
	#icon-nav .button.v7 { transform:skew(0deg); border-left:1px solid #fff;  } 
	#icon-nav .button.v7 a .inner { transform:skew(0deg); } 
	#icon-nav .button.v8 { transform:skew(0deg); } 
	#icon-nav .button.v8 a .inner { transform:skew(0deg); } 
	#icon-nav .logo { width:80px; height:80px; margin-left:-41px; margin-top:-40px; }
    #icon-nav .logo a { background-size:cover;} 
	#icon-nav .mid-bg { display:none; }

    /*Dynamic*/
    #content #dynamic #media table * { display:block; }
}

@media all and (max-width: 840px) {

    /*Landing Page Form*/
    #dynamic-landing-page-form .container > .grid > [class*="col-"] { width:100%; }
    #dynamic-landing-page-form .promo { display:none; }
    #dynamic-landing-page-form .head .promo { display:block; left:-15px; right:-15px; bottom:0; height:auto; }
    #dynamic-landing-page-form .head { position:relative; padding:40px 0 20px 0; height:auto; }
    #dynamic-landing-page-form .head h1 { position:relative; text-align:center; }
    #dynamic-landing-page-form .head p { position:relative; text-align:center; }
    #dynamic-landing-page-form .body { padding:30px; }
    #dynamic-landing-page-form .frame { overflow:hidden; margin:0 0 20px 0; }
}

@media all and (max-width: 800px) {

    /*Header
    #header .countries { display:none; }   */ 

    /*Promo*/
    #promo .wrapper.promo { height:250px; }

    /*Modals*/
    #modals { position: absolute; }
    #modals .modal { position: absolute; top:0%; 
	-webkit-transform: translateX(-50%) translateY(0%);
	   -moz-transform: translateX(-50%) translateY(0%);
	    -ms-transform: translateX(-50%) translateY(0%);
	        transform: translateX(-50%) translateY(0%);
    }
    #modals .modal.search .frame { background-image:none; }
    #modals .modal.search .form { padding-left:0; }

    #modals .modal.video { width:100%; height:auto; }
    #modals .modal.video .frame { width:100%; height:auto; }

    /*Staff Bios*/
    #staff-bios .bio div { width:100px; height:100px; }

    /*Dynamic*/
    #content #dynamic table * { display:block; width:auto !important; }

    /*Contracts*/
    #contracts .contract table,
    #contracts .proposal table,
    #contracts .contract table thead,
    #contracts .proposal table thead,
    #contracts .contract table tbody,
    #contracts .proposal table tbody,
    #contracts .contract table tfoot,
    #contracts .proposal table tfoot,
    #contracts .contract table tr,
    #contracts .proposal table tr,
    #contracts .contract table th,
    #contracts .proposal table th,
    #contracts .contract table td,
    #contracts .proposal table td { display:block; width:auto; }  
}

@media all and (max-width: 700px) {

    /*Promo*/
    #promo .wrapper.promo { height:220px; }
    #promo .pager { display:none; }

    /*Header*/
    #header .account .line { display:none; }
    .compact-header #header .account .line { display:inline-block; }
}

@media all and (min-width: 601px) {

    /*Filter Bar*/
    #filterbar .expander { display:block !important; }
}

@media all and (max-width: 600px) {

	/*Basics*/
	html, body, .wrapper, .container { min-width:320px; }

    /*Containers*/
 	.container {  } 	

	/*Tables*/
	.table { table-layout: auto; }
	.table .cell { display: block; }

	/*Grid*/
	[class*='col-'], .block, .cell { width:100%; padding:0; }
 	.wrapper.courses [class*='col-'] { width:100%;}
 	#courses .col-20 { width:100%; }
 	#resources .col-333 { width:100%; }

   	/*Header
 	#header { position:relative; height:80px; }
 	#header .logo { top:15px; left:15px; }
    #header .logo img { width:45px; } 
    #header .logo-tag { top:22px; left:77px; }
    #header .logo-tag p { font-size:15px; line-height:18px; }
 	#header .info { top:-40px; }
    #header .info * { color:#fff !important; }
    #header .cart { top:auto; top:22px; }
    #header .phone { padding:0 10px; }
    #header .account { padding:0 0 0 10px; }
    #header .phone p { font-size:13px; }
    .compact-header #header .search { right: auto; left: 0; right: 0; top: 60px; width: auto; border-radius:0 0 5px 5px; }
    
    .compact-header #header .info { top:0px; }
    .compact-header #header .info .account * { color:#195eac !important; }
    .compact-header #header .phone { padding:0; }*/
	
	/*Promo*/
    #promo .wrapper.promo { height:180px; }
	#promo .message { top:100px; width:90%; padding:5%; right:0; left:0;}
	#promo .message h2 { font-size:18px; }

	/*Inner-Promo*/
	#inner-promo .spacing { padding:15px 0; }
	#inner-promo h1 { line-height:38px; font-size:30px; }
	#inner-promo h1 span { display:block; font-size:25px; line-height:30px; padding:0; margin:0; border:none; }
    #inner-promo .total p { line-height:34px; }

    /*Menu*/
    #nav nav { top:-80px; }

    /*Side Nav*/
    #sidenav { display:none; }

    /*Footer*/
    #footer-nav { display:none; }
    #footer .left .spacing { background:none; }
    #footer .copyright { position:relative; bottom:auto; top:auto; right:auto; width:100%; text-align:center; margin-bottom:20px; }
    #footer .social { text-align:center; padding:0 0 15px 0; }

    /*Popular-Categories*/
    #popular-categories .categories .box .foot { display:block; background:#193c63; padding:15px 24px;}
	#popular-categories .categories .box .foot h3 { color:#fff; line-height:40px; font-size:16px; font-weight:700; }
	#popular-categories .categories .box .foot input[type="text"],
    #popular-categories .categories .box .foot input[type="datetime"] { display:block; float:none; width:100%; height:40px; padding:0 10px 0 35px; margin: 0 0 10px 0; background:#fff url(/images/structure/calendar-sep.png) no-repeat 8px center; border:none; font-size:15px; font-style:italic; color:#999999;  }
	#popular-categories .categories .box .foot .arrow { display:none; float:left; width:7px; height:30px; line-height:30px; background:url(/images/structure/date-arrow.png) no-repeat left center; margin-right:4px; }
	#popular-categories .categories .box .foot button[type="submit"] { display:block; text-indent:-99999px; width:100%; height:40px; line-height:40px; background:#fff url(/images/structure/gray-arrow.png) no-repeat center center; padding:0; margin:0;}


    /*Courses*/
    #courses h2 { font-size:30px; text-align:center; }
    #courses .box .body { padding:5px 0; }
    #courses .box .body .padding { padding:10px 20px; }
    #courses .box .body a span {  display:block; width:100%; padding:0;  }
	#courses .box .title { height:auto; padding:10px 0; }
    #courses .title h3 { height:auto; line-height:30px; font-size:20px; }
	#courses table th { height:auto; line-height:20px; font-size:12px; padding:0 10px;  }
	#courses table td { height:30px; line-height:15px; font-size:11px; border:1px solid #fff; padding:5px 10px; }
	#courses table td.location { font-weight:700; } 
	#courses table td.course { width:auto;}
	#courses table td.date { background:#f4f7fa url(/images/structure/blue-arrow-sm.png) no-repeat 90% center; padding-right:15px; } 
	#courses table tr:last-child td { border-bottom:none; }

    /*Introduction*/
    #introduction .spacing { padding:20px 0; }
    #introduction h1 { text-align:center; }
    #introduction h1 .tag { float:none; text-align:center; display:block; }
    #introduction p { line-height:22px;}
    #home-video .spacing { padding:20px 0; }

    /*Search*/
    #search h2 { width:100%; }
    #search .spacing { padding:0; }
    #search .details [class*="col-"] { padding:10px;}
    #search .details ul { margin-left:20px; }

    /*Resources*/
    #resources .spacing { padding:20px 0; }
    #resources .box { height:auto; min-height:200px;  }
	#resources .box .body { padding-bottom:40px; }

    /*Filter Bar*/
    #filterbar.dynamic-page { display:none; }
    #filterbar .filter-btn { position:relative; display:block; width:100%; padding:5px 0; margin-bottom:20px; color:#fff; background:#195eac; border-radius:3px; line-height:26px; font-size:16px; font-weight:700; text-align:center; }
    #filterbar .filter-btn.active { opacity:.3; }
    #filterbar .filter-btn i { position:absolute; right:20px; top:50%; margin-top:-10px; width:20px; height:20px; text-align:center; line-height:20px; font-size:20px; }
    #filterbar .expander { display:none; }
	
    /*Clients*/
    #clients .cell { display:block; width:50%; float:left; text-align:center; }

    /*Staff*/
    #staff .block { width:100%; }
    #staff .image span { width:100px; height:100px; } 
    #staff .image img { max-width:100px; max-height:100px; min-width:100px; min-height:100px; }
    #staff .info { padding:0; }
    #staff h2 { padding:0 0 0 115px; }
    #staff h3 { padding:0 0 0 115px; }
    #staff .contact { min-height:50px; padding:15px 0 0 115px; }
    #staff .contact p.split .phone { padding:0; margin:0; border-right:none; }
    #staff .contact p a { display:block; padding:5px 0; }
    
    /*Team*/
    #team .thumb span { width:100px; height:100px; }
    #team .thumb img { width:100px !important; height:auto !important; }
    #team .info { padding:0; }
    #team h2 { padding:0 0 5px 115px; }
    #team h3 { padding:0 0 0 115px; }
    #team .bio p { padding:15px 0; }
    #team .contact { min-height:50px; padding:15px 0 0 115px; }
    #team .contact p.split .phone { padding:0; margin:0; border-right:none; }
    #team .contact p a { display:block; padding:5px 0; }

    /*Glossary*/
	#glossary .glossary-item { display:block; max-width:100%; }
	#glossary .glossary-item .term { display:block; float:none; width:100%; height:auto; margin:0 0 20px 0;  }
	#glossary .glossary-item .term p { color:#232d37; font-weight:700; padding:10px; margin:0; }
	#glossary .glossary-item .term .inner { width:80%; margin:0 auto; }

    /*Gallery*/
    #gallery .gallery .gallery-item { width:50%; }

    /*Information*/
    #information h3 { padding: 15px 0 5px 35px; }
    #information .icon { position:absolute; left:0px; top:17px; height:20px; width:20px; background-image:url(/images/structure/faq.png); background-repeat:no-repeat; background-position:3px center; }
    #information .active .icon { background-position:-97px center; }

    /*Contact*/
    #contact .frm_forms .frm_form_field { width:100%; }
    #contact .frm_forms .frm_submit input { width:100%; padding:0; font-size:16px; line-height:50px; }

    /*Blog*/
    #blog .spacing { padding:30px 15px; }
    #blog article { padding:0 0 20px 0; }

    /*Blog Nav*/
    #blognav .spacing { padding:15px; }

    /*Comment Form*/
    #respond form p.form-allowed-tags { display:none; }

    /*Dynamic*/
    #content #dynamic .col-69 .spacing { padding:0; }
    #content #dynamic .overflowcaptcha { width:100%; overflow:hidden; }

    /*Staff Bios*/
    #staff-bios .bio div { width:200px; height:200px; }

    /*Contracts*/
    #contracts .contracts .contract .icon { width:100%; max-height:40px; }
    #contracts .contracts .contract .icon i { left:5px; font-size:30px; margin-left:0; margin-top:-15px; color:#195eac; }
    #contracts .contracts .contract .info { padding-left:0; padding-top:30px; }

    /*Cart*/
    #cart .frame { border-top: 1px solid #e0e6ec; }
    #cart .frame .top { display:none; }
    #cart .frame .inner .participant [class*="col-"] { margin-bottom:2px; }
    #cart .mobile-show { display:block; }
    #cart .mobile-hide { display:none; }
    #cart .course { border-bottom: 10px solid #e0e6ec; }
    #cart .btns a.continue { display:inline-block; margin-bottom:20px; }

    /*Package Banner*/
    #package-banner .grid [class*="col-"] { margin-bottom:15px; }
    #package-banner .grid div:last-child { margin-bottom:0; padding-left:60px; text-align:left; }
    #package-banner h2 { padding-left:60px; }

    /*Checkout*/
    #cart #checkout .btns .btn.blue button,
    #cart #checkout .btns .btn.blue [type="button"] { margin:0 0 20px 0; width:100%; padding:10px 0; text-align:center; }
    #cart .frame .inner .table [class*="col-"]:first-child { padding-left:15px; }
    #cart #checkout .frame .inner .totals [class*="col-"]:first-child { padding-left:15px; border-bottom:1px solid #e0e6ec; }
    #checkout .frame .inner .totals p { text-align:right; }
    #checkout .frame .inner .totals span { display:inline-block; float:left; }
}


@media all and (max-width: 500px) {

    /*Promo*/
    #promo .wrapper.promo { height:150px; }

    /*Dynamic Landing Page*/
    #dynamic-landing-page .promo h1 { font-size:40px; line-height:50px; }
    #dynamic-landing-page .promo h2 { font-size:22px; line-height:30px; }
    #dynamic-landing-page .promo p { font-size:18px; line-height:22px; }  
    
    /*Header
    .compact-header #header .phone span { display:inline-block; }
    .compact-header #header .account .line { display:none; }*/
}

@media all and (max-width: 400px) {

    /*Promo*/
    #promo .wrapper.promo { height:130px; }
}