/* Core Version 1 */
/* maybe remove this for themes */
/* Utility styles for core only that can be removed for sites

*/
@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=61a6a21a-530d-4aad-86b1-32c335a808bd");
.listingpage { padding: 10px; }
.listingpage h1, .listingpage h2, .listingpage h3, .listingpage h4, .listingpage h5, .listingpage h6, .listingpage p, .listingpage ul { max-width: 30em; }

.listingpage table { margin: 0; }
.listingpage table th, .listingpage table td { padding: 0.5em; text-align: left; background: #efefef; }
.listingpage table th a, .listingpage table td a { color: red; }
.listingpage table tr.inactive td { color: #999; text-decoration: line-through; }

/* theme for the code snippet syntax highligting */
pre { border: 1px solid #ccc; word-wrap: break-word; padding: 6px 10px; line-height: 19px; margin-bottom: 20px; }

code { border: 1px solid #eaeaea; margin: 0px 2px; padding: 0px 5px; font-size: 12px; }

pre code { border: 0px; padding: 0px; margin: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }

pre, code { font-family: Consolas, 'Liberation Mono', Courier, monospace; color: #333; background: #f8f8f8; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; clear: both; }

pre, pre code { font-size: 13px; }

pre .comment { color: #998; }

pre .support { color: #0086B3; }

pre .tag, pre .tag-name { color: navy; }

pre .keyword, pre .css-property, pre .vendor-prefix, pre .sass, pre .class, pre .id, pre .css-value, pre .entity.function, pre .storage.function { font-weight: bold; }

pre .css-property, pre .css-value, pre .vendor-prefix, pre .support.namespace { color: #333; }

pre .constant.numeric, pre .keyword.unit, pre .hex-color { font-weight: normal; color: #099; }

pre .entity.class { color: #458; }

pre .entity.id, pre .entity.function { color: #900; }

pre .attribute, pre .variable { color: teal; }

pre .string, pre .support.value { font-weight: normal; color: #d14; }

pre .regexp { color: #009926; }

.no-li { list-style: none; }

/* global css helpers */
/*
 Mixins variables for colors, sizes, etc. meant to be for re-usables, also see global.

*/
/* Font Sizes */
/* From GO! */
/* theme and brand overrides */
/*

Theme variables

*/
/* Variables: Color Specifications for Brands */
.form-button { font-size: 16px; display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; }
.form-button:focus, .form-button:active:focus, .form-button.active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.form-button:hover, .form-button:focus { text-decoration: none; }
.form-button:active, .form-button.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.form-button.disabled, .form-button[disabled], fieldset[disabled] .form-button { cursor: not-allowed; pointer-events: none; -webkit-box-shadow: none; box-shadow: none; }

.form-button-default { color: #333; background-color: #fff; border-color: #ccc; }
.form-button-default:hover, .form-button-default:focus, .form-button-default:active, .form-button-default.active, .open > .form-button-default.dropdown-toggle { color: #333; background-color: #e6e6e6; border-color: #adadad; }
.form-button-default:active, .form-button-default.active, .open > .form-button-default.dropdown-toggle { background-image: none; }
.form-button-default.disabled, .form-button-default.disabled:hover, .form-button-default.disabled:focus, .form-button-default.disabled:active, .form-button-default.disabled.active, .form-button-default[disabled], .form-button-default[disabled]:hover, .form-button-default[disabled]:focus, .form-button-default[disabled]:active, .form-button-default[disabled].active, fieldset[disabled] .form-button-default, fieldset[disabled] .form-button-default:hover, fieldset[disabled] .form-button-default:focus, fieldset[disabled] .form-button-default:active, fieldset[disabled] .form-button-default.active { background-color: #fff; border-color: #ccc; }
.form-button-default .badge { color: #fff; background-color: #333; }

.bg-error { background-color: #f2dede; padding: 0.8em; }

.bg-success { background-color: #dff0d8; padding: 0.8em; }

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

legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; }

label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; }

input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; }

input[type="file"] { display: block; }

input[type="range"] { display: block; width: 100%; }

select[multiple], select[size] { height: auto; }

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857; color: #000; }

.form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: #000; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
.form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
.form-control::-moz-placeholder { color: #ccc; opacity: 1; }
.form-control:-ms-input-placeholder { color: #ccc; }
.form-control::-webkit-input-placeholder { color: #ccc; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eeeeee; opacity: 1; }

textarea.form-control { height: auto; }

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

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { line-height: 34px; line-height: 1.42857 \0; }
input[type="date"].input-sm, .form-horizontal .form-group-sm input[type="date"].form-control, input[type="time"].input-sm, .form-horizontal .form-group-sm input[type="time"].form-control, input[type="datetime-local"].input-sm, .form-horizontal .form-group-sm input[type="datetime-local"].form-control, input[type="month"].input-sm, .form-horizontal .form-group-sm input[type="month"].form-control { line-height: 30px; }
input[type="date"].input-lg, .form-horizontal .form-group-lg input[type="date"].form-control, input[type="time"].input-lg, .form-horizontal .form-group-lg input[type="time"].form-control, input[type="datetime-local"].input-lg, .form-horizontal .form-group-lg input[type="datetime-local"].form-control, input[type="month"].input-lg, .form-horizontal .form-group-lg input[type="month"].form-control { line-height: 44px; }

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

.radio, .checkbox { position: relative; display: block; min-height: 20px; margin-top: 10px; margin-bottom: 10px; }
.radio label, .checkbox label { padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; }

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; }

.radio + .radio, .checkbox + .checkbox { margin-top: -5px; }

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

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; }

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

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

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

.form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; }
.form-control-static.input-lg, .form-horizontal .form-group-lg .form-control-static.form-control, .form-control-static.input-sm, .form-horizontal .form-group-sm .form-control-static.form-control { padding-left: 0; padding-right: 0; }

.input-sm, .form-horizontal .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }

select.input-sm, .form-horizontal .form-group-sm select.form-control { height: 30px; line-height: 30px; }

textarea.input-sm, .form-horizontal .form-group-sm textarea.form-control, select[multiple].input-sm, .form-horizontal .form-group-sm select[multiple].form-control { height: auto; }

.input-lg, .form-horizontal .form-group-lg .form-control { height: 44px; padding: 10px 16px; font-size: 16px; line-height: 1.33; border-radius: 6px; }

select.input-lg, .form-horizontal .form-group-lg select.form-control { height: 44px; line-height: 44px; }

textarea.input-lg, .form-horizontal .form-group-lg textarea.form-control, select[multiple].input-lg, .form-horizontal .form-group-lg select[multiple].form-control { height: auto; }

.has-feedback { position: relative; }
.has-feedback .form-control { padding-right: 42.5px; }

.form-control-feedback { position: absolute; top: 25px; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; }

.input-lg + .form-control-feedback, .form-horizontal .form-group-lg .form-control + .form-control-feedback { width: 44px; height: 44px; line-height: 44px; }

.input-sm + .form-control-feedback, .form-horizontal .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; }

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline { color: #3c763d; }
.has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }
.has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; }
.has-success .form-control-feedback { color: #3c763d; }

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline { color: #8a6d3b; }
.has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }
.has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; }
.has-warning .form-control-feedback { color: #8a6d3b; }

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline { color: #a94442; }
.has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }
.has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; }
.has-error .form-control-feedback { color: #a94442; }

.has-feedback label.sr-only ~ .form-control-feedback { top: 0; }

.help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; }

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

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; }
.form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; }
.form-horizontal .form-group { margin-left: -15px; margin-right: -15px; }
.form-horizontal .form-group:before, .form-horizontal .form-group:after { content: " "; display: table; }
.form-horizontal .form-group:after { clear: both; }
@media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } }
.form-horizontal .has-feedback .form-control-feedback { top: 0; right: 15px; }
@media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 14.3px; } }
@media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; } }

.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.container:before, .container:after { content: " "; display: table; }
.container:after { clear: both; }
@media (min-width: 768px) { .container { width: 750px; } }
@media (min-width: 992px) { .container { width: 970px; } }
@media (min-width: 1200px) { .container { width: 1170px; } }

.container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.container-fluid:before, .container-fluid:after { content: " "; display: table; }
.container-fluid:after { clear: both; }

.row { margin-left: -15px; margin-right: -15px; width: 100%; overflow: hidden; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }

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

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }

.col-xs-1 { width: 8.33333%; }

.col-xs-2 { width: 16.66667%; }

.col-xs-3 { width: 25%; }

.col-xs-4 { width: 33.33333%; }

.col-xs-5 { width: 41.66667%; }

.col-xs-6 { width: 50%; }

.col-xs-7 { width: 58.33333%; }

.col-xs-8 { width: 66.66667%; }

.col-xs-9 { width: 75%; }

.col-xs-10 { width: 83.33333%; }

.col-xs-11 { width: 91.66667%; }

.col-xs-12 { width: 100%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
  .col-sm-1 { width: 8.33333%; }
  .col-sm-2 { width: 16.66667%; }
  .col-sm-3 { width: 25%; }
  .col-sm-4 { width: 33.33333%; }
  .col-sm-5 { width: 41.66667%; }
  .col-sm-6 { width: 50%; }
  .col-sm-7 { width: 58.33333%; }
  .col-sm-8 { width: 66.66667%; }
  .col-sm-9 { width: 75%; }
  .col-sm-10 { width: 83.33333%; }
  .col-sm-11 { width: 91.66667%; }
  .col-sm-12 { width: 100%; }
  .col-sm-pull-0 { right: auto; }
  .col-sm-pull-1 { right: 8.33333%; }
  .col-sm-pull-2 { right: 16.66667%; }
  .col-sm-pull-3 { right: 25%; }
  .col-sm-pull-4 { right: 33.33333%; }
  .col-sm-pull-5 { right: 41.66667%; }
  .col-sm-pull-6 { right: 50%; }
  .col-sm-pull-7 { right: 58.33333%; }
  .col-sm-pull-8 { right: 66.66667%; }
  .col-sm-pull-9 { right: 75%; }
  .col-sm-pull-10 { right: 83.33333%; }
  .col-sm-pull-11 { right: 91.66667%; }
  .col-sm-pull-12 { right: 100%; }
  .col-sm-push-0 { left: auto; }
  .col-sm-push-1 { left: 8.33333%; }
  .col-sm-push-2 { left: 16.66667%; }
  .col-sm-push-3 { left: 25%; }
  .col-sm-push-4 { left: 33.33333%; }
  .col-sm-push-5 { left: 41.66667%; }
  .col-sm-push-6 { left: 50%; }
  .col-sm-push-7 { left: 58.33333%; }
  .col-sm-push-8 { left: 66.66667%; }
  .col-sm-push-9 { left: 75%; }
  .col-sm-push-10 { left: 83.33333%; }
  .col-sm-push-11 { left: 91.66667%; }
  .col-sm-push-12 { left: 100%; }
  .col-sm-offset-0 { margin-left: 0%; }
  .col-sm-offset-1 { margin-left: 8.33333%; }
  .col-sm-offset-2 { margin-left: 16.66667%; }
  .col-sm-offset-3 { margin-left: 25%; }
  .col-sm-offset-4 { margin-left: 33.33333%; }
  .col-sm-offset-5 { margin-left: 41.66667%; }
  .col-sm-offset-6 { margin-left: 50%; }
  .col-sm-offset-7 { margin-left: 58.33333%; }
  .col-sm-offset-8 { margin-left: 66.66667%; }
  .col-sm-offset-9 { margin-left: 75%; }
  .col-sm-offset-10 { margin-left: 83.33333%; }
  .col-sm-offset-11 { margin-left: 91.66667%; }
  .col-sm-offset-12 { margin-left: 100%; } }
@media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
  .col-md-1 { width: 8.33333%; }
  .col-md-2 { width: 16.66667%; }
  .col-md-3 { width: 25%; }
  .col-md-4 { width: 33.33333%; }
  .col-md-5 { width: 41.66667%; }
  .col-md-6 { width: 50%; }
  .col-md-7 { width: 58.33333%; }
  .col-md-8 { width: 66.66667%; }
  .col-md-9 { width: 75%; }
  .col-md-10 { width: 83.33333%; }
  .col-md-11 { width: 91.66667%; }
  .col-md-12 { width: 100%; }
  .col-md-pull-0 { right: auto; }
  .col-md-pull-1 { right: 8.33333%; }
  .col-md-pull-2 { right: 16.66667%; }
  .col-md-pull-3 { right: 25%; }
  .col-md-pull-4 { right: 33.33333%; }
  .col-md-pull-5 { right: 41.66667%; }
  .col-md-pull-6 { right: 50%; }
  .col-md-pull-7 { right: 58.33333%; }
  .col-md-pull-8 { right: 66.66667%; }
  .col-md-pull-9 { right: 75%; }
  .col-md-pull-10 { right: 83.33333%; }
  .col-md-pull-11 { right: 91.66667%; }
  .col-md-pull-12 { right: 100%; }
  .col-md-push-0 { left: auto; }
  .col-md-push-1 { left: 8.33333%; }
  .col-md-push-2 { left: 16.66667%; }
  .col-md-push-3 { left: 25%; }
  .col-md-push-4 { left: 33.33333%; }
  .col-md-push-5 { left: 41.66667%; }
  .col-md-push-6 { left: 50%; }
  .col-md-push-7 { left: 58.33333%; }
  .col-md-push-8 { left: 66.66667%; }
  .col-md-push-9 { left: 75%; }
  .col-md-push-10 { left: 83.33333%; }
  .col-md-push-11 { left: 91.66667%; }
  .col-md-push-12 { left: 100%; }
  .col-md-offset-0 { margin-left: 0%; }
  .col-md-offset-1 { margin-left: 8.33333%; }
  .col-md-offset-2 { margin-left: 16.66667%; }
  .col-md-offset-3 { margin-left: 25%; }
  .col-md-offset-4 { margin-left: 33.33333%; }
  .col-md-offset-5 { margin-left: 41.66667%; }
  .col-md-offset-6 { margin-left: 50%; }
  .col-md-offset-7 { margin-left: 58.33333%; }
  .col-md-offset-8 { margin-left: 66.66667%; }
  .col-md-offset-9 { margin-left: 75%; }
  .col-md-offset-10 { margin-left: 83.33333%; }
  .col-md-offset-11 { margin-left: 91.66667%; }
  .col-md-offset-12 { margin-left: 100%; } }
@media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
  .col-lg-1 { width: 8.33333%; }
  .col-lg-2 { width: 16.66667%; }
  .col-lg-3 { width: 25%; }
  .col-lg-4 { width: 33.33333%; }
  .col-lg-5 { width: 41.66667%; }
  .col-lg-6 { width: 50%; }
  .col-lg-7 { width: 58.33333%; }
  .col-lg-8 { width: 66.66667%; }
  .col-lg-9 { width: 75%; }
  .col-lg-10 { width: 83.33333%; }
  .col-lg-11 { width: 91.66667%; }
  .col-lg-12 { width: 100%; }
  .col-lg-pull-0 { right: auto; }
  .col-lg-pull-1 { right: 8.33333%; }
  .col-lg-pull-2 { right: 16.66667%; }
  .col-lg-pull-3 { right: 25%; }
  .col-lg-pull-4 { right: 33.33333%; }
  .col-lg-pull-5 { right: 41.66667%; }
  .col-lg-pull-6 { right: 50%; }
  .col-lg-pull-7 { right: 58.33333%; }
  .col-lg-pull-8 { right: 66.66667%; }
  .col-lg-pull-9 { right: 75%; }
  .col-lg-pull-10 { right: 83.33333%; }
  .col-lg-pull-11 { right: 91.66667%; }
  .col-lg-pull-12 { right: 100%; }
  .col-lg-push-0 { left: auto; }
  .col-lg-push-1 { left: 8.33333%; }
  .col-lg-push-2 { left: 16.66667%; }
  .col-lg-push-3 { left: 25%; }
  .col-lg-push-4 { left: 33.33333%; }
  .col-lg-push-5 { left: 41.66667%; }
  .col-lg-push-6 { left: 50%; }
  .col-lg-push-7 { left: 58.33333%; }
  .col-lg-push-8 { left: 66.66667%; }
  .col-lg-push-9 { left: 75%; }
  .col-lg-push-10 { left: 83.33333%; }
  .col-lg-push-11 { left: 91.66667%; }
  .col-lg-push-12 { left: 100%; }
  .col-lg-offset-0 { margin-left: 0%; }
  .col-lg-offset-1 { margin-left: 8.33333%; }
  .col-lg-offset-2 { margin-left: 16.66667%; }
  .col-lg-offset-3 { margin-left: 25%; }
  .col-lg-offset-4 { margin-left: 33.33333%; }
  .col-lg-offset-5 { margin-left: 41.66667%; }
  .col-lg-offset-6 { margin-left: 50%; }
  .col-lg-offset-7 { margin-left: 58.33333%; }
  .col-lg-offset-8 { margin-left: 66.66667%; }
  .col-lg-offset-9 { margin-left: 75%; }
  .col-lg-offset-10 { margin-left: 83.33333%; }
  .col-lg-offset-11 { margin-left: 91.66667%; }
  .col-lg-offset-12 { margin-left: 100%; } }
/*!
 *
 * jQuery TE 1.4.0 , http://jqueryte.com/
 * Copyright (C) 2013, Fatih Koca (fattih@fattih.com), (http://jqueryte.com/about)

 * jQuery TE is provided under the MIT LICENSE.
 *
*/
/* editor's general field */
.jqte { margin: 30px 0; border: #ccc 1px solid; overflow: hidden; }

.jqte * { color: #333; font-size: 14px; }

.jqte_focused { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

/* toolbar */
.jqte_toolbar { overflow: auto; padding: 3px 4px; background: #EEE; border-bottom: #BBB 1px solid; }

.jqte_tool { float: left; margin: 0; padding: 0; cursor: pointer; }

.jqte_tool, .jqte_tool_icon, .jqte_tool_label { border: #EEE 1px solid; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

.jqte_hiddenField { display: none; }

.jqte_tool_icon { display: block; width: 22px; height: 22px; background: url(../img/jquery-te.png) no-repeat; }

.jqte_tool.jqte_tool_1 .jqte_tool_label { position: relative; display: block; padding: 3px 6px; width: 70px; height: 26px; overflow: hidden; }

.jqte_tool.jqte_tool_1 .jqte_tool_text { font: bold 13px Arial,sans-serif; color: #222; }

.jqte_tool.jqte_tool_1 .jqte_tool_icon { position: absolute; top: 10px; right: 2px; width: 6px; height: 4px; background-position: -19px -23px; border: none; border-radius: none; -webkit-border-radius: none; -moz-border-radius: none; }

.jqte_tool.jqte_tool_2 .jqte_tool_icon { background-position: 0 0; }

.jqte_tool.jqte_tool_3 .jqte_tool_icon { background-position: -22px 0; }

.jqte_tool.jqte_tool_4 .jqte_tool_icon { background-position: -44px 0; }

.jqte_tool.jqte_tool_5 .jqte_tool_icon { background-position: -66px 0; }

.jqte_tool.jqte_tool_6 .jqte_tool_icon { background-position: -88px 0; }

.jqte_tool.jqte_tool_7 .jqte_tool_icon { background-position: -110px 0; }

.jqte_tool.jqte_tool_8 .jqte_tool_icon { background-position: -132px 0; }

.jqte_tool.jqte_tool_9 .jqte_tool_icon { background-position: -154px 0; }

.jqte_tool.jqte_tool_10 .jqte_tool_icon { background-position: -176px 0; }

.jqte_tool.jqte_tool_11 .jqte_tool_icon { background-position: -198px 0; }

.jqte_tool.jqte_tool_12 .jqte_tool_icon { background-position: -220px 0; }

.jqte_tool.jqte_tool_13 .jqte_tool_icon { background-position: -242px 0; }

.jqte_tool.jqte_tool_14 .jqte_tool_icon { background-position: -264px 0; }

.jqte_tool.jqte_tool_15 .jqte_tool_icon { background-position: -286px 0; }

.jqte_tool.jqte_tool_16 .jqte_tool_icon { background-position: -308px 0; }

.jqte_tool.jqte_tool_17 .jqte_tool_icon { background-position: -330px 0; }

.jqte_tool.jqte_tool_18 .jqte_tool_icon { background-position: -352px 0; }

.jqte_tool.jqte_tool_19 .jqte_tool_icon { background-position: -374px 0; }

.jqte_tool.jqte_tool_20 .jqte_tool_icon { background-position: -396px 0; }

.jqte_tool.jqte_tool_21 .jqte_tool_icon { background-position: -418px 0; }

.jqte_tool:hover { background-color: #FFF; border-color: #FFF; }

.jqte_tool:hover .jqte_tool_icon, .jqte_tool:hover .jqte_tool_label { border: #AAA 1px solid; }

.jqte_tool:active .jqte_tool_icon, .jqte_tool:active .jqte_tool_label { border: #777 1px solid; }

.jqte_tool.jqte_tool_1:hover .jqte_tool_icon, .jqte_tool.jqte_tool_1:active .jqte_tool_icon { border: none; }

.jqte_tool_depressed { background-color: #DDD; border-color: #CCC; }

.jqte_tool_depressed .jqte_tool_icon { border-color: #AAA; }

.jqte_tool_depressed:hover { background-color: #EEE; }

/* link form area */
.jqte_linkform { padding: 5px 10px; background: #DDD; border-bottom: #BBB 1px solid; }

.jqte_linktypeselect { position: relative; float: left; width: 130px; background: #EEE; cursor: pointer; }

.jqte_linktypeselect:Active { background: #FFF; }

.jqte_linktypeview { padding: 3px 5px; border: #333 1px solid; color: #777; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; outline: none; }

.jqte_linktypetext { font-size: 12px; }

.jqte_linktypearrow { position: absolute; bottom: 8px; right: 6px; width: 7px; height: 6px; margin: 0 auto; background: url(../img/jquery-te.png) -7px -23px no-repeat; }

.jqte_linktypes { display: none; position: absolute; top: 22px; left: 1px; width: 125px; background: #FFF; border: #333 1px solid; box-shadow: 0 1px 4px #AAA; -webkit-box-shadow: 0 1px 4px #AAA; -moz-box-shadow: 0 1px 4px #AAA; }

.jqte_linktypes a { display: block; padding: 4px 5px; font-size: 12px; }

.jqte_linktypes a:hover { background: #DDD; }

.jqte_linkinput { float: left; margin: 0 5px; padding: 3px 5px; width: 300px; background: #EEE; border: #333 1px solid; color: #777; font-size: 12px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; outline: none; }

.jqte_linkinput:focus, .jqte_linkinput:hover { background: #FFF; border-color: #000; }

.jqte_linkbutton { float: left; padding: 3px 12px; background: #AAA; border: #333 1px solid; color: #FFF; font-size: 12px; font-weight: bold; cursor: pointer; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: inset 0 1px #EEE; -webkit-box-shadow: inset 0 1px #EEE; -moz-box-shadow: inset 0 1px #EEE; }

.jqte_linkbutton:hover { background: #A1A1A1; }

.jqte_linkbutton:active { box-shadow: inset 0 1px #CCC; -webkit-box-shadow: inset 0 1px #CCC; -moz-box-shadow: inset 0 1px #CCC; background: #888; }

/* text format menu */
.jqte_formats { display: none; position: absolute; width: 180px; oveflow-x: hidden; overflow-y: auto; background: #FFF; border: #AAA 1px solid; box-shadow: 0 0 5px #AAA; -webkit-box-shadow: 0 0 5px #AAA; -moz-box-shadow: 0 0 5px #AAA; z-index: 100; }

.jqte_format { display: block; padding: 4px 7px; font-size: 13px; }

.jqte_format:hover { background: #DDD; }

.jqte_format_1, .jqte_format_2, .jqte_format_3, .jqte_format_4, .jqte_format_5, .jqte_format_6 { font-weight: bold; }

.jqte_format_1 { font-size: 22px; }

.jqte_format_2 { font-size: 20px; }

.jqte_format_3 { font-size: 18px; }

.jqte_format_4 { font-size: 16px; }

.jqte_format_5 { font-size: 14px; }

.jqte_format_6 { font-size: 12px; }

.jqte_format_7 { font-family: "Courier New", Courier, monospace; }

/* font size menu */
.jqte_fontsizes { display: none; position: absolute; width: 180px; height: 198px; oveflow-x: hidden; overflow-y: auto; background: #FFF; border: #AAA 1px solid; box-shadow: 0 0 5px #AAA; -webkit-box-shadow: 0 0 5px #AAA; -moz-box-shadow: 0 0 5px #AAA; }

.jqte_fontsize { display: block; padding: 3px 7px; }

.jqte_fontsize:hover { background: #DDD; }

/* color pallette */
.jqte_cpalette { display: none; position: absolute; padding: 6px; width: 144px; background: #FFF; border: #AAA 1px solid; box-shadow: 0 0 5px #AAA; -webkit-box-shadow: 0 0 5px #AAA; -moz-box-shadow: 0 0 5px #AAA; }

.jqte_color { display: block; float: left; width: 16px; height: 16px; border: #FFF 1px solid; }

.jqte_color:hover { border-color: #000; }

.jqte_colorSeperator { float: none; clear: both; height: 7px; }

/* editor area */
.jqte_editor, .jqte_source { padding: 10px; background: #FFF; min-height: 100px; max-height: 900px; overflow: auto; outline: none; word-wrap: break-word; -ms-word-wrap: break-word; resize: vertical; }

.jqte_editor div, .jqte_editor p { margin: 0 0 7px; }

.jqte_editor a:link, .jqte_editor a:link * { color: #0066FF !important; text-decoration: underline; }

.jqte_editor blockquote { margin-top: 0; margin-bottom: 7px; }

.jqte_editor img { float: left; margin: 0 10px 5px 0; }

.jqte_editor a[jqte-setlink], .jqte_editor a[jqte-setlink] * { background: #3297FD !important; color: #FFF !important; }

.jqte_editor h1, .jqte_editor h2, .jqte_editor h3, .jqte_editor h4, .jqte_editor h5, .jqte_editor h6, .jqte_editor pre { display: block; margin: 0 0 3px; }

.jqte_editor h1, .jqte_editor h1 * { font-size: 26px; }

.jqte_editor h2, .jqte_editor h2 * { font-size: 24px; }

.jqte_editor h3, .jqte_editor h3 * { font-size: 22px; }

.jqte_editor h4, .jqte_editor h4 * { font-size: 20px; }

.jqte_editor h5, .jqte_editor h5 * { font-size: 18px; }

.jqte_editor h6, .jqte_editor h6 * { font-size: 15px; }

.jqte_editor pre, .jqte_editor pre * { font-family: "Courier New", Courier, monospace; }

/* source area */
.jqte_source, .jqte_source textarea { background: #FFF1E8; }

.jqte_source textarea { margin: 0 !important; padding: 0 !important; display: block !important; width: 100% !important; min-height: 100px; font-family: Courier, Arial, sans-serif !important; font-weight: normal; font-size: 15px; overflow: hidden !important; outline: none; resize: none; }

.jqte_source textarea, .jqte_source textarea:focus { css_shadow: none !important; background: none !important; border: none !important; }

/* title box */
.jqte_title { display: none; position: absolute; z-index: 9999; }

.jqte_titleArrow { position: relative; }

.jqte_titleArrowIcon { width: 7px; height: 6px; margin: 0 auto; background: url(../img/jquery-te.png) 0 -23px no-repeat; }

.jqte_titleText { padding: 5px 7px; margin-top: 0; min-width: 5px; min-height: 1px; max-width: 400px; background: #000; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; word-wrap: break-word; -ms-word-wrap: break-word; }

.jqte_titleText, .jqte_titleText * { color: #FFF; font-size: 11px; }

/* placeholder */
.jqte_placeholder { position: relative; display: none; }

.jqte_placeholder_text { position: absolute; top: 43px; left: 10px; font-size: 14px; color: #CCC; }

/* used for this: http://www.fourfront.us/blog/jquery-window-width-and-media-queries */
.rwdtester { float: left; display: none; }

@media only screen and (max-width: 768px) { .rwdtester { float: none; } }
/* Font Families */
.primary-font-normal { font-family: "VAG Rounded W01 Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: normal; }

.primary-font-light { font-family: "VAG Rounded W01 Thin", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: normal; }

.primary-font-bold, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .ArticleTextwell h1 a, .ArticleTextwell .bold, .ArticleTextwell b, .table-doclib.tablesaw thead tr:first-child th { font-family: "VAG Rounded W01 Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: normal; }

.primary-font-bolder { font-family: "VAG Rounded W01 Black", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: normal; }

/* global body font */
body { font-family: "VAG Rounded W01 Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: normal; }

@font-face { font-family: "VAG Rounded W01 Bold"; src: url("../fonts/e043dd77-7cee-4a3c-b628-822e3bdbc8ac.eot?#iefix"); src: url("../fonts/e043dd77-7cee-4a3c-b628-822e3bdbc8ac.eot?#iefix") format("eot"), url("../fonts/5b73c12f-4a5a-4d8c-81be-1babf4a3f3dd.woff") format("woff"), url("../fonts/5638af5b-03a3-4601-a279-943ee3b29448.ttf") format("truetype"), url("../fonts/40964335-0b3a-4c89-895c-1e8f58438faa.svg#40964335-0b3a-4c89-895c-1e8f58438faa") format("svg"); }
@font-face { font-family: "VAG Rounded W01 Black"; src: url("../fonts/84e985c2-71b5-4795-9ee3-7a2873082407.eot?#iefix"); src: url("../fonts/84e985c2-71b5-4795-9ee3-7a2873082407.eot?#iefix") format("eot"), url("../fonts/5ea71c9d-8da0-41d5-9b8f-e307177bdea0.woff") format("woff"), url("../fonts/35642ac7-21cb-485f-bbff-802c7bf8203a.ttf") format("truetype"), url("../fonts/c36d847c-32b0-4e19-a270-f40d17e81853.svg#c36d847c-32b0-4e19-a270-f40d17e81853") format("svg"); }
@font-face { font-family: "VAG Rounded W01 Light"; src: url("../fonts/8eb3a61c-2df5-402f-aacc-7733752abec6.eot?#iefix"); src: url("../fonts/8eb3a61c-2df5-402f-aacc-7733752abec6.eot?#iefix") format("eot"), url("../fonts/67ca5d86-3357-4491-aa9f-6e7ff54b2e2e.woff") format("woff"), url("../fonts/888f8505-0e2c-41e8-af58-21279dda85e5.ttf") format("truetype"), url("../fonts/ca4650e2-5aa3-4755-9c6d-256cbb4f5115.svg#ca4650e2-5aa3-4755-9c6d-256cbb4f5115") format("svg"); }
@font-face { font-family: "VAG Rounded W01 Thin"; src: url("../fonts/c6cde420-95aa-4d44-8874-0fdf667e66a7.eot?#iefix"); src: url("../fonts/c6cde420-95aa-4d44-8874-0fdf667e66a7.eot?#iefix") format("eot"), url("../fonts/09d74e12-003d-45c0-882d-271717150255.woff") format("woff"), url("../fonts/87d85e95-0a98-468e-bfcf-9235dce604df.ttf") format("truetype"), url("../fonts/e4f4fa64-8733-4776-916d-600581ba3059.svg#e4f4fa64-8733-4776-916d-600581ba3059") format("svg"); }
@font-face { font-family: 'weather'; src: url("../fonts/weather.eot?tgg0rw"); src: url("../fonts/weather.eot?#iefixtgg0rw") format("embedded-opentype"), url("../fonts/weather.woff?tgg0rw") format("woff"), url("../fonts/weather.ttf?tgg0rw") format("truetype"), url("../fonts/weather.svg?tgg0rw#icomoon") format("svg"); font-weight: 400; font-style: normal; }
/*

	Global
	Styles that can be reused by components, or apply across components.
	These should be small and non-specific.

*/
/* Structural, common used classes
---------------------------------*/
*, *:before, *:after { box-sizing: border-box; }

/* adjustment for adobe CQ admin modals */
.x-window *, .x-window *:before, .x-window *:after { box-sizing: content-box; }
.x-window legend { width: auto; border-bottom: none; }

body { font-family: "VAG Rounded W01 Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; overflow-x: hidden; }

input, textarea, button { font-family: "VAG Rounded W01 Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }

a { text-decoration: none; }
a img { border: 0; }

/* consistent styles for https://github.com/diy/jquery-placeholder */
::-webkit-input-placeholder { color: #a0a0a0; }

input:-moz-placeholder, textarea:-moz-placeholder { color: #a0a0a0; }

.placeholder { color: #a0a0a0; }

@media print { .noprint { display: none; } }
/* for text or nav meant for screen readers or indexing */
.visually-hidden { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

.outer-container { height: auto; display: block; padding: 10px 0; overflow: hidden; text-align: center; background-image: none; background-color: transparent; }

.inner-container { width: 100%; display: inline-block; }

.show-sm { display: none !important; }
.show-sm[class^="icon-"], .video-container .show-sm.video-thumb:before, .ms-item .show-sm.ms-video-thumb:before, .show-sm.circle-button:before, .show-sm.like-button:after, .show-sm.close-button:after, .show-sm.ms-item:after, .ms-item.submit-question a.show-sm:before, .ms-item.submit-question a.show-sm:after, .pre-form-login .show-sm.login-option.social-facebook:before, .pre-form-login .show-sm.login-option.social-twitter:before, .pre-form-login .show-sm.login-option.social-googleplus:before, .pre-form-login .show-sm.login-option.social-yahoo:before, .pre-form-login .show-sm.login-option.social-linkedin:before, .pre-form-login .show-sm.login-option.social-pinterest:before, .pre-form-login .show-sm.login-option.social-tumblr:before, .pre-form-login .show-sm.login-option.social-instagram:before, .pre-form-login .show-sm.login-option.social-flickr:before, .pre-form-login .show-sm.login-option.social-vk:before, .pre-form-login .show-sm.login-option.social-weibo:before, .pre-form-login .show-sm.login-option.form-login:before { position: absolute; top: 50%; right: .5rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

/* Avatar */
.avatar-wrap { width: 100%; text-align: center; padding: 10px; }

.avatar { display: inline; }
.avatar figure { border-radius: 30px; display: inline-block; width: 60px; height: 60px; margin: 0px; background-size: cover; background-position: center; }

/* download image */
.image-with-download-img { position: relative; }

.download-icon-wrap { position: absolute; bottom: 25px; right: 20px; background: #999; width: 60px; height: 60px; border-radius: 30px; color: #fff; display: block; }
.download-icon-wrap:hover { background: #f00; color: #fff; }

.download-icon { font-size: 30px; padding: 13px 15px; position: absolute; }

/* button callout */
.button-callout { float: right; }

/* page layout for demo */
#searchbarWidgetHolder.is-revealed, #page-nav.is-revealed, #sidebar.is-revealed { max-height: 3000px; }

@media screen and (max-width: 767px) { #searchbarWidgetHolder, #page-nav, #sidebar { max-height: 0; overflow: hidden; transition: none; }
  #searchbarWidgetHolder.is-revealed, #page-nav.is-revealed, #sidebar.is-revealed { transition: max-height .5s ease-out; } }
/* Mobile sliders */
@media only screen and (max-width: 768px) { .featured-3up-wrap, .featured-4up-wrap, .sec-3across-grid-wrap { padding-top: 120%; position: relative; clear: both; } }
@media only screen and (max-width: 768px) and (max-width: 480px) { .featured-3up-wrap, .featured-4up-wrap, .sec-3across-grid-wrap { padding-top: 135%; } }
@media only screen and (max-width: 768px) and (max-width: 390px) { .featured-3up-wrap, .featured-4up-wrap, .sec-3across-grid-wrap { padding-top: 160%; } }
@media only screen and (max-width: 768px) and (max-width: 330px) { .featured-3up-wrap, .featured-4up-wrap, .sec-3across-grid-wrap { padding-top: 170%; } }
@media only screen and (max-width: 768px) { .mobile-slider-wrap { position: absolute; top: 0; width: 100%; height: 100%; }
  .mobile-slider { width: 100%; height: 100%; }
  .mobile-slider .slider { width: 100%; height: 100%; list-style-type: none; margin: 0; padding: 0; }
  .mobile-slider .slider .item { position: relative; top: 0; left: 0; width: 80%; height: 100%; text-align: center; }
  .mobile-slider .slider .item .item-txt { max-width: 280px; margin: 0 auto; text-align: center; }
  .mobile-slider .slider .item img { position: relative; top: 0; left: 0; max-width: 90%; width: 100%; margin: 0 auto; } }
.size-mobile .featured-3up-wrap, .size-mobile .featured-4up-wrap, .size-mobile .sec-3across-grid-wrap { padding-top: 170%; }

/* Buttons */
.btn, .server-error-msg-container .server-error-action .server-error-button { display: inline-block; padding: 10px; background-color: #000; color: #fff; }
.btn:hover, .server-error-msg-container .server-error-action .server-error-button:hover, .btn:active, .server-error-msg-container .server-error-action .server-error-button:active { background-color: #333333; }

.size-mobile .featured-3up-wrap, .size-mobile .featured-4up-wrap, .size-mobile .sec-3across-grid-wrap { padding-top: 170%; }

/* Flexbox convienence classes
---------------------------------*/
.flexcol { display: flex; flex-direction: column; }
.flexcol.rev { flex-direction: column-reverse; }

.flexrow { display: flex; flex-direction: row; }
.flexrow.rev { flex-direction: row-reverse; }

/* Media objects as in (http://philipwalton.github.io/solved-by-flexbox/demos/media-object/)
---------------------------------*/
.media { display: flex; align-items: flex-start; }
.media.rev { flex-direction: row-reverse; }

a.media:hover { background: #eee; }

.media-figure { margin-right: 1em; }

.media-body { flex: 1; }

.no-flexbox .media-body, .no-flexbox .media-figure { display: inline-block; vertical-align: top; }
.no-flexbox .media { clear: both; }

/* Default icon overlay definitions
-----------------------------------------------*/
.video-container .video-thumb { display: inline-block; position: relative; }

/* Gradients
-----------------------------------------------*/
.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

/* containers use bootstrap grid, and are divided by container classes (rows) and blocks inside them */
/* container for top header area */
.container-header { margin-left: -15px; margin-right: -15px; }
.container-header:before, .container-header:after { content: " "; display: table; }
.container-header:after { clear: both; }

.block-logo { margin-top: 40px; }

/*
@media only screen and (min-width: 769px){
#searchbarWidgetHolder{
	position:absolute;
	top:0;
	right:0;
}
}
*/
.nav-mobile-toggles { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; margin: 20px 0; }
@media (min-width: 768px) { .nav-mobile-toggles { float: left; width: 100%; } }

/* wrapper for content area, min-height for clearing the height of the sidebar */
.wrap-content { min-height: 1600px; }

/* Global content containers */
.cont-row { margin-left: -15px; margin-right: -15px; }
.cont-row:before, .cont-row:after { content: " "; display: table; }
.cont-row:after { clear: both; }

.cont-wrap-col1 .cont-item { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
@media (min-width: 768px) { .cont-wrap-col1 .cont-item { float: left; width: 100%; } }

.cont-wrap-col2 .cont-item { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
@media (min-width: 768px) { .cont-wrap-col2 .cont-item { float: left; width: 50%; } }

.cont-wrap-col3 .cont-item { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
@media (min-width: 768px) { .cont-wrap-col3 .cont-item { float: left; width: 33.33333%; } }

.cont-wrap-col4 .cont-item { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
@media (min-width: 768px) { .cont-wrap-col4 .cont-item { float: left; width: 25%; } }

.dual-components .cont-item .component img { width: 100%; }

.list-of-icons * { box-sizing: border-box; }
.list-of-icons span { font-size: 40px; }
.list-of-icons ul { padding: 0; margin: 0; list-style-type: none; text-align: center; display: flex; flex-wrap: wrap; align-items: center; }
.list-of-icons li { padding: 25px; }

@font-face { font-family: 'icomoon'; src: url("../fonts/icomoon.eot?-djj7hl"); src: url("../fonts/icomoon.eot?#iefix-djj7hl") format("embedded-opentype"), url("../fonts/icomoon.woff?-djj7hl") format("woff"), url("../fonts/icomoon.ttf?-djj7hl") format("truetype"), url("../fonts/icomoon.svg?-djj7hl#icomoon") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], .video-container .video-thumb:before, .ms-item .ms-video-thumb:before, .circle-button:before, .like-button:after, .close-button:after, .ms-item:after, .ms-item.submit-question a:before, .ms-item.submit-question a:after, .pre-form-login .login-option.social-facebook:before, .pre-form-login .login-option.social-twitter:before, .pre-form-login .login-option.social-googleplus:before, .pre-form-login .login-option.social-yahoo:before, .pre-form-login .login-option.social-linkedin:before, .pre-form-login .login-option.social-pinterest:before, .pre-form-login .login-option.social-tumblr:before, .pre-form-login .login-option.social-instagram:before, .pre-form-login .login-option.social-flickr:before, .pre-form-login .login-option.social-vk:before, .pre-form-login .login-option.social-weibo:before, .pre-form-login .login-option.form-login:before, [class*=" icon-"], .download-icon { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-iheartcoke:before, .icon-iheartcoke-after:after { content: "\e64e"; }

.icon-iheartcoke-outline:before, .icon-iheartcoke-outline-after:after { content: "\e64f"; }

.icon-DM:before { content: "\e64d"; }

.icon-naviconsharp:before { content: "\e64c"; }

.icon-grid:before { content: "\e648"; }

.icon-minus2:before { content: "\e649"; }

.icon-searchglass:before { content: "\e64a"; }

.icon-triangle:before, .icon-triangle-after:after, .ms-item:after { content: "\e64b"; }

.icon-dc-download:before { content: "\e646"; }

.icon-times:before { content: "\f00d"; }

.icon-navicon:before { content: "\f0c9"; }

.icon-plus-circle:before { content: "\f055"; }

.icon-minus-circle:before { content: "\f056"; }

.icon-times-circle:before { content: "\f057"; }

.icon-check-circle:before { content: "\f058"; }

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

.icon-minus:before { content: "\f068"; }

.icon-circle:before, .circle-button:before, .ms-item.submit-question a:before { content: "\f111"; }

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

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

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

.icon-chevron-left:before { content: "\f053"; }

.icon-chevron-right:before { content: "\f054"; }

.icon-chevron-up:before { content: "\f077"; }

.icon-chevron-down:before { content: "\f078"; }

.icon-caret-down:before { content: "\f0d7"; }

.icon-caret-up:before { content: "\f0d8"; }

.icon-caret-left:before { content: "\f0d2"; }

.icon-caret-right:before { content: "\f0d9"; }

.icon-angle-left:before { content: "\f104"; }

.icon-angle-right:before { content: "\f105"; }

.icon-angle-up:before { content: "\f106"; }

.icon-angle-down:before { content: "\f107"; }

.icon-chevron-circle-left:before { content: "\f137"; }

.icon-chevron-circle-right:before { content: "\f138"; }

.icon-chevron-circle-up:before { content: "\f139"; }

.icon-chevron-circle-down:before { content: "\f13a"; }

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

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

.icon-file-any:before { content: "\e654"; }

.icon-file-html:before { content: "\e650"; }

.icon-file-text:before { content: "\e651"; }

.icon-file-publisher:before { content: "\e653"; }

.icon-file-pdf:before { content: "\f1c1"; }

.icon-file-word:before { content: "\f1c2"; }

.icon-file-excel:before { content: "\f1c3"; }

.icon-file-powerpoint:before { content: "\f1c4"; }

.icon-file-photo:before { content: "\f1c5"; }

.icon-file-zip:before { content: "\f1c6"; }

.icon-file-movie:before { content: "\f1c8"; }

.icon-design-cloud-logo:before { content: "\e617"; }

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

.icon-guidelines:before { content: "\e602"; }

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

.icon-ask:before { content: "\e604"; }

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

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

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

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

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

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

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

.icon-closesharp:before, .icon-closesharp-after:after, .close-button:after, .icon-cc-close:before { content: "\e63d"; }

.icon-form:before, .pre-form-login .login-option.form-login:before { content: "\e63e"; }

.icon-videoplaysharp:before, .video-container .video-thumb:before, .ms-item .ms-video-thumb:before { content: "\e643"; }

.icon-bigplus:before, .icon-bigplus-after:after, .ms-item.submit-question a:after { content: "\e644"; }

.icon-edit-field:before { content: "\e647"; }

.icon-arrowdownsharp:before { content: "\e642"; }

.icon-bigarrow:before { content: "\e63c"; }

.icon-social-facebook:before, .pre-form-login .login-option.social-facebook:before, .icon-social-facebook-after:after { content: "\e63f"; }

.icon-social-heart:before { content: "\e640"; }

.icon-social-twitter:before, .pre-form-login .login-option.social-twitter:before, .icon-social-twitter-after:after { content: "\e641"; }

.icon-social-google:before, .pre-form-login .login-option.social-googleplus:before, .icon-social-google-after:after { content: "\e645"; }

.icon-social-yahoo:before, .pre-form-login .login-option.social-yahoo:before { content: "\e65b"; }

.icon-social-linkedin:before, .pre-form-login .login-option.social-linkedin:before { content: "\e658"; }

.icon-social-tumblr:before, .pre-form-login .login-option.social-tumblr:before { content: "\e65a"; }

.icon-social-instagram:before, .pre-form-login .login-option.social-instagram:before { content: "\e657"; }

.icon-social-flickr:before, .pre-form-login .login-option.social-flickr:before { content: "\e655"; }

.icon-social-vk:before, .pre-form-login .login-option.social-vk:before { content: "\e656"; }

.icon-social-weibo:before, .pre-form-login .login-option.social-weibo:before { content: "\e659"; }

.icon-engineersconnection:before { content: "\e632"; }

.icon-qualityassurance:before { content: "\e633"; }

.icon-operationalexcellence:before { content: "\e634"; }

.icon-liquidfood:before { content: "\e635"; }

.icon-kore:before { content: "\e636"; }

.icon-hydration:before { content: "\e637"; }

.icon-globalsupply:before { content: "\e638"; }

.icon-riskmanagement:before { content: "\e639"; }

.icon-bottleritsystems:before { content: "\e63a"; }

.icon-kotech:before { content: "\e63b"; }

.icon-report:before { content: "\e624"; }

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

.icon-beverage:before { content: "\e626"; }

.icon-sme-communities:before { content: "\e627"; }

.icon-qen:before { content: "\e628"; }

.icon-share-2:before { content: "\e629"; }

.icon-library:before { content: "\e62a"; }

.icon-dashboard:before { content: "\e62b"; }

.icon-safety:before { content: "\e62c"; }

.icon-packaging:before { content: "\e62d"; }

.icon-energy-climate:before { content: "\e62e"; }

.icon-water:before { content: "\e62f"; }

.icon-learn:before { content: "\e630"; }

.icon-chatter:before { content: "\e631"; }

.icon-edit-field2:before { content: "\e623"; }

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

.icon-save-as-pdf:before { content: "\e618"; }

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

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

.icon-download-icon:before, .icon-download:before { content: "\e61b"; }

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

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

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

.icon-share:before { content: "\e61f"; }

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

.icon-print:before { content: "\e621"; }

.icon-chatter-icon:before { content: "\e61c"; }

.icon-heart:before, .icon-heart-after:after, .like-button:after { content: "\e606"; }

.icon-pinterest:before, .icon-social-pinterest:before, .pre-form-login .login-option.social-pinterest:before { content: "\e608"; }

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

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

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

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

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

/* Reusable overlays
-----------------------------------------------*/
.video-container .video-thumb:before, .ms-item .ms-video-thumb:before { position: absolute; top: 50%; left: 50%; margin-left: -0.5em; margin-top: -0.5em; color: #fff; font-size: 60px; width: 60px; height: 60px; }

.circle-button { width: 60px; height: 60px; background: transparent; position: relative; display: block; }
.circle-button:before { top: -6%; left: 0; font-size: 68px; position: absolute; color: #eee; z-index: 0; }

.social-icon-link { display: block; position: relative; width: 60px; height: 60px; background-color: #eee; border-radius: 50%; }
.social-icon-link:after { font-size: 24px; position: absolute; top: 50%; left: 50%; margin-left: -0.5em; margin-top: -0.5em; content: ' '; display: block; width: 24px; height: 24px; background-repeat: no-repeat; background-size: 24px 24px; }
.social-icon-link:hover { -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; background-color: #dddddd; }

.circle-button:after { z-index: 1; }

.like-button:after { position: absolute; top: 50%; left: 50%; margin-left: -0.5em; margin-top: -0.5em; color: #bbb; margin-top: -.45em; margin-left: -.54em; font-size: 30px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.like-button:hover { -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
.like-button:hover:before { color: #dddddd; }
.like-button:hover:after { /*color: $like-red;*/ }
.like-button:active:after, .like-button.active:after { color: #ff0e06; }

.close-button:after { position: absolute; top: 50%; left: 50%; margin-left: -0.5em; margin-top: -0.5em; color: #aaa; font-size: 28px; }

.share-link { height: 40px; border: 0; padding: 10px; background-color: #eee; font-size: 16px; }

/* css from external libs, more at bottom */
/* Magnific Popup CSS */
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); }

.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }

.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.mfp-align-top .mfp-container:before { display: none; }

.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }

.mfp-ajax-cur { cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }

.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }

.mfp-auto-cursor .mfp-content { cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }

.mfp-loading.mfp-figure { display: none; }

.mfp-hide { display: none !important; }

.mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }

.mfp-preloader a { color: #cccccc; }

.mfp-preloader a:hover { color: white; }

.mfp-s-ready .mfp-preloader { display: none; }

.mfp-s-error .mfp-content { display: none; }

button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; }

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

.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }

.mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); }

.mfp-close:active { top: 1px; }

.mfp-close-btn-in .mfp-close { color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; }

.mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; }

.mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active { margin-top: -54px; }

.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); }

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }

.mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }

.mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }

.mfp-arrow-left { left: 0; }

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; }

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; }

.mfp-arrow-right { right: 0; }

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; }

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }

.mfp-iframe-holder .mfp-close { top: -40px; }

.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }

.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; }

/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure { line-height: 0; }

.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; }

.mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; }

.mfp-figure figure { margin: 0; }

.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }

.mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; }

.mfp-image-holder .mfp-content { max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** Remove all paddings around the image on small screen */
  .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
  .mfp-img-mobile img.mfp-img { padding: 0; }
  .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
  .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
  .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
  .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } }
@media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
  .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
  .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
  .mfp-container { padding-left: 6px; padding-right: 6px; } }
.mfp-ie7 .mfp-img { padding: 0; }

.mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; }

.mfp-ie7 .mfp-container { padding: 0; }

.mfp-ie7 .mfp-content { padding-top: 44px; }

.mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; }

/* variables.less */
.m-ticker { /*padding-top: 31px;
padding-bottom: 8px;*/ /*padding: 20px 0px; */ width: 288px; height: 248px; background: #eee; font-family: Arial, sans-serif; margin: 10px 0; }
.m-ticker .col-header { /*padding-bottom: 11px;*/ /*30px;*/ /*padding: 0 24px 11px;*/ padding: 12px 0 9px 24px; margin: 0; font-family: Arial, sans-serif; text-transform: uppercase; font-weight: bold; }
.m-ticker .graph-container { width: 240px; margin: 0 auto; }
.m-ticker .stock-graph { /*width: 100%;*/ width: 240px; height: 170px; /*90px;*/ position: relative; /*padding-bottom: 10px;
padding-top: 10px;*/ padding: 0; margin: 0 auto; background: #fff; padding-top: 10px;         /*.down { color: $light-red;
 &:after { content: url(../img/down.png); vertical-align: baseline; } }*/ }
.m-ticker .stock-graph .placeholder { /*width: auto;*/ width: 230px; /*height: inherit;*/ height: 130px; /*background: #fff;*/ margin: 0 auto; left: 8px; }
.m-ticker .stock-graph .price { color: #000; position: absolute; bottom: 2px; /*-13px;*/ right: 10px; font-size: 24px; /*&:after { padding-left: 3px; content: url(../img/up.png); vertical-align: super;
}*/ }
.m-ticker .stock-graph .price:before { content: "$"; vertical-align: super; font-size: 14px; padding-right: 3px; }
.m-ticker .stock-graph .clickthrough { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.m-ticker .flot-text .flot-x-axis > div { font-weight: bold; }
@media only screen and (max-width: 979px) { .m-ticker { /*padding-top: 56px;*/         /*.stock-graph { height: 123px;
 .price { font-size: 33px; bottom: -7px; right: 14px;  &:before { content: ""; } } }*/ } }

/* 
flot-base height

*/
/* v1.0.5 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider { width: 600px; height: 400px; position: relative; direction: ltr; }

.royalSlider > * { float: left; }

.rsWebkit3d .rsSlide { -webkit-transform: translateZ(0); }

.rsWebkit3d .rsSlide, .rsWebkit3d .rsContainer, .rsWebkit3d .rsThumbs, .rsWebkit3d .rsPreloader, .rsWebkit3d img, .rsWebkit3d .rsOverflow, .rsWebkit3d .rsBtnCenterer, .rsWebkit3d .rsAbsoluteEl, .rsWebkit3d .rsABlock, .rsWebkit3d .rsLink { -webkit-backface-visibility: hidden; }

.rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img, .rsFade.rsWebkit3d .rsContainer { -webkit-transform: none; }

.rsOverflow { width: 100%; height: 100%; position: relative; overflow: hidden; float: left; -webkit-tap-highlight-color: transparent; }

.rsVisibleNearbyWrap { width: 100%; height: 100%; position: relative; overflow: hidden; left: 0; top: 0; -webkit-tap-highlight-color: transparent; }

.rsVisibleNearbyWrap .rsOverflow { position: absolute; left: 0; top: 0; }

.rsContainer { position: relative; width: 100%; height: 100%; -webkit-tap-highlight-color: transparent; }

.rsArrow, .rsThumbsArrow { cursor: pointer; }

.rsThumb { float: left; position: relative; }

.rsArrow, .rsNav, .rsThumbsArrow { opacity: 1; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }

.rsHidden { opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear 0.3s,opacity 0.3s linear; -moz-transition: visibility 0s linear 0.3s,opacity 0.3s linear; -o-transition: visibility 0s linear 0.3s,opacity 0.3s linear; transition: visibility 0s linear 0.3s,opacity 0.3s linear; }

.rsGCaption { width: 100%; float: left; text-align: center; }

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen { position: fixed !important; height: auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; z-index: 2147483647 !important; top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; }

.royalSlider .rsSlide.rsFakePreloader { opacity: 1 !important; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; display: none; }

.rsSlide { position: absolute; left: 0; top: 0; display: block; overflow: hidden; height: 100%; width: 100%; }

.royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide { height: auto; }

.rsContent { width: 100%; height: 100%; position: relative; }

.rsPreloader { position: absolute; z-index: 0; }

.rsNav { -moz-user-select: -moz-none; -webkit-user-select: none; user-select: none; }

.rsNavItem { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25); }

.rsThumbs { cursor: pointer; position: relative; overflow: hidden; float: left; z-index: 22; }

.rsTabs { float: left; background: none !important; }

.rsTabs, .rsThumbs { -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; }

.rsVideoContainer { /*left: 0;
top: 0;
position: absolute;*/ /*width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
float: left;*/ width: auto; height: auto; line-height: 0; position: relative; }

.rsVideoFrameHolder { position: absolute; left: 0; top: 0; background: #141414; opacity: 0; -webkit-transition: .3s; }

.rsVideoFrameHolder.rsVideoActive { opacity: 1; }

.rsVideoContainer iframe, .rsVideoContainer video, .rsVideoContainer embed, .rsVideoContainer .rsVideoObj { position: absolute; z-index: 50; left: 0; top: 0; width: 100%; height: 100%; }

/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video, .rsVideoContainer.rsIOSVideo embed { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 44px; }

.rsABlock { left: 0; top: 0; position: absolute; z-index: 15; }

img.rsImg { max-width: none; }

.grab-cursor { cursor: url(../img/grab.png) 8 8, move; }

.grabbing-cursor { cursor: url(../img/grabbing.png) 8 8, move; }

.rsNoDrag { cursor: auto; }

.rsLink { left: 0; top: 0; position: absolute; width: 100%; height: 100%; display: block; z-index: 20; background: url(../img/blank.gif); }

/******************************
*
*  Core/Armchair RoyalSlider Skin 
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*    
*  Sprite: 'rs-core.png'
* 
******************************/
/* Background */
.rsCore, .rsCore .rsOverflow, .rsCore .rsSlide, .rsCore .rsVideoFrameHolder, .rsCore .rsThumbs { background: #fff; }

.rsCore .rsSlide div > h3 { margin: 0.8em 0 0.3em 0; }

/***************
*
*  1. Arrows
*
****************/
.rsCore .rsArrow { height: 100%; width: 34px; position: absolute; display: block; cursor: pointer; z-index: 21; }

.rsCore.rsVer .rsArrow { width: 100%; height: 34px; }

.rsCore.rsVer .rsArrowLeft { top: 0; left: 0; }

.rsCore.rsVer .rsArrowRight { bottom: 0; left: 0; }

.rsCore.rsHor .rsArrowLeft { left: 0; top: 0; }

.rsCore.rsHor .rsArrowRight { right: 0; top: 0; }

.rsCore .rsArrowIcn { top: 35%; position: absolute; cursor: pointer; color: red; font-size: 3em; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.rsCore.rsHor .rsArrowLeft .rsArrowIcn:before { content: "\f053"; }

.rsCore.rsHor .rsArrowRight .rsArrowIcn:before { content: "\f054"; }

.rsCore .rsArrowDisabled .rsArrowIcn { opacity: .2; filter: alpha(opacity=20); *display: none; }

@media screen and (min-width: 0px) and (max-width: 480px) { .rsCore .rsArrowIcn { top: 25%; } }
/***************
*
*  3. Thumbnails
*
****************/
.rsCore .rsThumbsHor { width: 100%; height: auto; }

.rsCore .rsThumbsVer { width: 248px; height: 100%; position: absolute; top: 0; right: 0; }

.rsCore.rsWithThumbsHor .rsThumbsContainer { position: relative; height: 100%; }

.rsCore.rsWithThumbsVer .rsThumbsContainer { position: relative; width: 100%; }

.rsCore .rsThumb { float: left; overflow: hidden; width: 248px; height: auto; }

.rsCore .rsThumb:after { content: " "; height: 10px; width: 100%; position: absolute; z-index: 2; top: 0; background: red; opacity: 0; transition: opacity 0.3s ease; }

.rsCore .rsThumb img { width: 100%; height: 100%; }

.rsCore .rsThumb.rsNavSelected:after { opacity: 1; transition: opacity 0.3s ease; }

.rsCore .rsThumb.rsNavSelected * { color: red; }

.rsCore .rsTmb { display: block; }

/* Thumbnails with text */
.rsCore .rsTmb h4 { font-size: 1.2em; margin: 0.8em 0 0.3em 0; padding: 0; }

/* Thumbnails arrow icons */
.rsCore .rsThumbsArrow { height: 100%; width: 20px; position: absolute; display: block; cursor: pointer; z-index: 21; }

.rsCore.rsWithThumbsVer .rsThumbsArrow { width: 100%; height: 20px; }

.rsCore.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; }

.rsCore.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0; left: 0; }

.rsCore.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; }

.rsCore.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top: 0; }

.rsCore .rsThumbsArrowIcn { top: 20%; position: absolute; cursor: pointer; color: red; font-size: 2em; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.rsCore.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn:before { content: "\f053"; }

.rsCore.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn:before { content: "\f054"; }

.rsCore .rsThumbsArrowDisabled { display: none !important; }

/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 480px) { .rsCore .rsThumbs { display: none; } }
/***************
*
*  6. Play/close video button
*
****************/
.rsCore .rsPlayBtn { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); width: 200px; height: 200px; margin-left: -6em; margin-top: -6em; cursor: pointer; }

.rsCore .rsPlayBtnIcon { width: 200px; display: block; height: 200px; transition: .3s; color: #fff; opacity: 0.8; font-size: 12em; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.rsCore .rsPlayBtnIcon:before { content: "\e622"; }

.rsCore .rsPlayBtn:hover .rsPlayBtnIcon { opacity: 1; }

@media screen and (min-width: 0px) and (max-width: 480px) { .rsCore .rsPlayBtn { margin-left: -3em; margin-top: -3em; }
  .rsCore .rsPlayBtnIcon { width: 100px; height: 100px; font-size: 6em; } }
.rsCore .rsBtnCenterer { position: absolute; left: 50%; top: 50%; }

.rsCore .rsCloseVideoBtn { right: 0; top: 0; width: 44px; height: 44px; z-index: 500; position: absolute; cursor: pointer; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); }

.rsCore .rsCloseVideoBtn.rsiOSBtn { top: -38px; right: -6px; }

.rsCore .rsCloseVideoIcn { margin: 6px; color: #fff; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 35px; }

.rsCore .rsCloseVideoIcn:before { content: "\f057"; }

.rsCore .rsCloseVideoIcn:hover { color: red; }

/***************
*
*  7. Preloader
*
****************/
.rsCore .rsPreloader { width: 20px; height: 20px; background-image: url(../img/preloader-white.gif); left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; }

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }

@-webkit-keyframes bounce { 0%,20%,50%,80%,100% { -webkit-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
  60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } }
@keyframes bounce { 0%,20%,50%,80%,100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); }
  60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } }
.bounce { -webkit-animation-name: bounce; animation-name: bounce; }

@-webkit-keyframes flash { 0%,50%,100% { opacity: 1; }
  25%,75% { opacity: 0; } }
@keyframes flash { 0%,50%,100% { opacity: 1; }
  25%,75% { opacity: 0; } }
.flash { -webkit-animation-name: flash; animation-name: flash; }

@-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
  100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }
.pulse { -webkit-animation-name: pulse; animation-name: pulse; }

@-webkit-keyframes shake { 0%,100% { -webkit-transform: translateX(0); transform: translateX(0); }
  10%,30%,50%,70%,90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); }
  20%,40%,60%,80% { -webkit-transform: translateX(10px); transform: translateX(10px); } }
@keyframes shake { 0%,100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  10%,30%,50%,70%,90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); }
  20%,40%,60%,80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } }
.shake { -webkit-animation-name: shake; animation-name: shake; }

@-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); }
  40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); }
  60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); }
  80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }
  100% { -webkit-transform: rotate(0); transform: rotate(0); } }
@keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); }
  40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); }
  60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); }
  80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); }
  100% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } }
.swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }

@-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); }
  10%,20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); }
  30%,50%,70%,90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); }
  40%,60%,80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); }
  100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } }
@keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  10%,20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); }
  30%,50%,70%,90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); }
  40%,60%,80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); }
  100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } }
.tada { -webkit-animation-name: tada; animation-name: tada; }

@-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); }
  15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); }
  30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); }
  45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); }
  60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); }
  75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); }
  100% { -webkit-transform: translateX(0%); transform: translateX(0%); } }
@keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }
  15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); }
  30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); }
  45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); }
  60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); }
  75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); }
  100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } }
.wobble { -webkit-animation-name: wobble; animation-name: wobble; }

@-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); }
  50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); }
  70% { -webkit-transform: scale(0.9); transform: scale(0.9); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); }
  50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
  70% { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }
  100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }
.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; }

@-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); }
  60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); }
  80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); }
  60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); }
  80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }
  100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); }
  60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); }
  80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); }
  60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); }
  80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); }
  100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); }
  60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); }
  80% { -webkit-transform: translateX(10px); transform: translateX(10px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); }
  60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); }
  80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); }
  100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); }
  60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); }
  80% { -webkit-transform: translateY(10px); transform: translateY(10px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); }
  60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); }
  80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); }
  100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }

@-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); }
  25% { -webkit-transform: scale(0.95); transform: scale(0.95); }
  50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); }
  100% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } }
@keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  25% { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); }
  50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
  100% { opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); } }
.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); }
  100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } }
@keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
  100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } }
.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); }
  100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } }
@keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }
  100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } }
.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); }
  100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } }
@keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); }
  100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } }
.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); }
  100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } }
@keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
  100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } }
.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); }
  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); }
  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } }
@keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } }
.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } }
@keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } }
.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } }
@keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } }
.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } }
@keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } }
.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } }
@keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } }
.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } }
@keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } }
.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } }
@keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } }
.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } }
@keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } }
.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }

@-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); }
  0%,40% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); }
  50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); }
  80%,100% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); } }
@keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); }
  0%,40% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); }
  50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); }
  80%,100% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); } }
.animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }

@-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); }
  70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); }
  100% { -webkit-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); opacity: 1; } }
@keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); }
  70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); }
  100% { -webkit-transform: perspective(400px) rotateX(0); -ms-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); opacity: 1; } }
.flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }

@-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); }
  70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); }
  100% { -webkit-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); opacity: 1; } }
@keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); }
  70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); }
  100% { -webkit-transform: perspective(400px) rotateY(0); -ms-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); opacity: 1; } }
.flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }

@-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); opacity: 1; }
  100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } }
@keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0); -ms-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); opacity: 1; }
  100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } }
.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); opacity: 1; }
  100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } }
@keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0); -ms-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); opacity: 1; }
  100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } }
.flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; }
  60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; }
  80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; }
  100% { -webkit-transform: translateX(0%) skewX(0); transform: translateX(0%) skewX(0); opacity: 1; } }
@keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; }
  60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; }
  80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; }
  100% { -webkit-transform: translateX(0%) skewX(0); -ms-transform: translateX(0%) skewX(0); transform: translateX(0%) skewX(0); opacity: 1; } }
.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0); transform: translateX(0%) skewX(0); opacity: 1; }
  100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } }
@keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0); -ms-transform: translateX(0%) skewX(0); transform: translateX(0%) skewX(0); opacity: 1; }
  100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } }
.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; }
  0%,100% { -webkit-transform-origin: center center; transform-origin: center center; }
  100% { -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } }
@keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; }
  0%,100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; }
  100% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } }
.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }
  0%,100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; }
  100% { -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } }
@keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }
  0%,100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; }
  100% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } }
.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight { 0% { -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; }
  0%,100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; }
  100% { -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } }
@keyframes rotateInDownRight { 0% { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; }
  0%,100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; }
  100% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } }
.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; }
  0%,100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; }
  100% { -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } }
@keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; }
  0%,100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; }
  100% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } }
.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }
  0%,100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; }
  100% { -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } }
@keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }
  0%,100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; }
  100% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } }
.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut { 0% { -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }
  0%,100% { -webkit-transform-origin: center center; transform-origin: center center; }
  100% { -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } }
@keyframes rotateOut { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }
  0%,100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; }
  100% { -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } }
.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }
  0%,100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; }
  100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } }
@keyframes rotateOutDownLeft { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }
  0%,100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; }
  100% { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } }
.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }
  0%,100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; }
  100% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } }
@keyframes rotateOutDownRight { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }
  0%,100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; }
  100% { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } }
.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }
  100% { -transform-origin: left bottom; -transform: rotate(-90deg); opacity: 0; } }
@keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }
  100% { -transform-origin: left bottom; -transform: rotate(-90deg); opacity: 0; } }
.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }
  0%,100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; }
  100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } }
@keyframes rotateOutUpRight { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }
  0%,100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; }
  100% { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } }
.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }

@-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); }
  100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }

@-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); }
  100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }

@-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); }
  100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }

@-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } }
@keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } }
.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } }
@keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } }
.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } }
@keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } }
.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }

@-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  0%,20%,60% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  20%,60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); }
  40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); }
  40%,80% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; }
  100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } }
@keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); }
  0%,20%,60% { -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  20%,60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); }
  40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); }
  40%,80% { -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; }
  100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } }
.hinge { -webkit-animation-name: hinge; animation-name: hinge; }

@-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); }
  100% { opacity: 1; -webkit-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } }
@keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); }
  100% { opacity: 1; -webkit-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } }
.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }

@-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); }
  100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } }
@keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); }
  100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } }
.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }

/* component imports */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.1; margin: 0; padding: 0; }

h1, h2, h3, .h1, .h2, .h3 { margin-top: 20px; margin-bottom: 10px; }

h1, .h1 { font-size: 40px; }

h2, .h2 { font-size: 30px; }

h3, .h3 { font-size: 28px; }

h4, .h4 { font-size: 24px; }

h5, .h5 { font-size: 22px; }

h6, .h6 { font-size: 20px; }

p { margin: 0 0 1em; padding: 0; }

.graphic-header { width: 100%; position: relative; }
.graphic-header img { width: 100%; }
.graphic-header h1, .graphic-header h2, .graphic-header h3, .graphic-header h4, .graphic-header h5, .graphic-header h6 { position: absolute; color: #fff; bottom: 0.2em; left: 0.5em; width: 100%; }

/* meant to be available and overrideable by theme */
.icon-header-01:before, .icon-header-02:before, .icon-header-03:before, .icon-header-04:before, .icon-header-05:before, .icon-header-06:before, .icon-header-07:before, .icon-header-08:before { content: "\f077"; }

/* logo */
.container-header { width: 100%; overflow: auto; }

/* navigation */
.nav-mobile-toggles { display: none; }

.nav-container { position: relative; width: 100%; max-width: 100%; margin: 0; padding: 0; }
.nav-container:before, .nav-container:after { content: " "; display: table; }
.nav-container:after { clear: both; }
.nav-container .nav-inner { position: relative; float: left; margin: 0 auto; padding: 0; list-style: none; position: relative; min-height: 1px; padding-left: 0; padding-right: 0; position: relative; min-height: 1px; padding-left: 0; padding-right: 0; position: relative; min-height: 1px; padding-left: 0; padding-right: 0; }
@media (min-width: 768px) { .nav-container .nav-inner { float: left; width: 91.66667%; } }
@media (min-width: 992px) { .nav-container .nav-inner { float: left; width: 100%; } }
@media (min-width: 1200px) { .nav-container .nav-inner { float: left; width: 100%; } }
.nav-container .nav-inner:before, .nav-container .nav-inner:after { content: " "; display: table; }
.nav-container .nav-inner:after { clear: both; }
.nav-container .nav-backdrop { display: block; position: absolute; top: 100%; left: 0; width: 100%; min-height: 200px; background: #fff; }

.nav-item { float: left; display: block; padding: 0; }
.nav-item.pull-right { float: right; padding-left: 0; vertical-align: top; }
.nav-item.pull-right:hover { background: none; }
.nav-item.pull-right a { color: #0097ff; }
.nav-item:hover .nav-pane-primary { display: block; }

.nav-title { display: block; padding: 12px 10px; padding: 1rem 1rem; text-align: center; font-size: 16px; font-weight: bold; color: #0097ff; }

.nav-pane-primary { z-index: 1000; display: none; position: absolute; left: 0; right: 0; width: 100%; margin: 0; padding: 0 10px; padding: 0 1rem; background: #ffffff; }
.nav-pane-primary:before, .nav-pane-primary:after { content: " "; display: table; }
.nav-pane-primary:after { clear: both; }
.nav-pane-primary .pane-inner { display: block; position: relative; min-height: 150px; padding: 10px 0; padding: 1rem 0; background: #ffffff; position: relative; min-height: 1px; padding-left: 0; padding-right: 0; }
.nav-pane-primary .pane-inner:before, .nav-pane-primary .pane-inner:after { content: " "; display: table; }
.nav-pane-primary .pane-inner:after { clear: both; }
@media (min-width: 992px) { .nav-pane-primary .pane-inner { float: left; width: 100%; } }

.nav-pane-col { display: block; margin: 0; padding: 0 30px; padding: 0rem 0rem; position: relative; float: left; width: 100%; min-height: 1px; padding-left: 0; padding-right: 0; position: relative; min-height: 1px; padding-left: 0; padding-right: 0; position: relative; min-height: 1px; padding-left: 0; padding-right: 0; position: relative; min-height: 1px; padding-left: 0; padding-right: 0; float: left\9; width: auto\9; margin: 0 20px \9; }
@media (min-width: 768px) { .nav-pane-col { float: left; width: 50%; } }
@media (min-width: 992px) { .nav-pane-col { float: left; width: 33.33333%; } }
@media (min-width: 1200px) { .nav-pane-col { float: left; width: 16.66667%; } }
.nav-pane-col:before, .nav-pane-col:after { content: " "; display: table; }
.nav-pane-col:after { clear: both; }
.nav-pane-col li { display: block; position: relative; width: 100%; padding: 0 0 10px; font-size: 13px; list-style: none; }
.nav-pane-col a { display: block; color: #0097ff; }

.nav-sub-header { position: relative; cursor: pointer; background: #ffffff; }
.nav-sub-header:before, .nav-sub-header:after { content: " "; display: table; }
.nav-sub-header:after { clear: both; }
.nav-sub-header:hover .nav-pane-secondary { display: block; }

.nav-pane-secondary { width: 100%; height: auto; margin: 0; padding: 0; }

.nav-sub-toggle { font-size: 16px; }

.nav-sub-title { font-size: 16px; font-weight: bold; }

@media screen and (max-width: 960px) { .nav-item { position: relative; display: inline-block; font-size: 12px; }
  .nav-item.pull-right { float: none; padding-right: 0; }
  .nav-title { font-size: 13px; }
  .nav-pane-primary { top: 100%; left: 0; padding: 10px; padding: 1rem; }
  .nav-pane-col { padding: 10px 0; padding: .5rem 0rem; }
  .nav-sub-toggle { font-size: 16px; }
  .nav-sub-title { font-size: 16px; font-weight: bold; } }
@media screen and (max-width: 767px) { .nav-mobile-toggles { display: block; }
  .nav-mobile-toggles a { display: inline-block; font-size: 2em; width: 32%; text-align: center; }
  .show-sm { display: inline-block !important; }
  .nav-container { background: none; }
  .nav-container .nav-inner { display: block; float: none; flex: none; width: 100%; }
  .nav-item { float: none; display: block; width: 100%; padding: 0; }
  .nav-item.pull-right { float: none; text-align: left; }
  .nav-item.pull-right a { display: block; color: #0097ff; }
  .nav-item:hover .nav-pane-primary { display: none; }
  .nav-item:hover .nav-pane-primary.is-expanded { display: block; }
  .nav-title { display: block; position: relative; margin-bottom: 3px; padding: .5rem .5rem; text-align: left; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; }
  .nav-title:after { position: absolute; top: 50%; right: 10px; content: '\f067'; font-family: 'icomoon'; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  .nav-title.is-active { background: #efefef; }
  .nav-title.is-active:after { content: '\f068'; }
  .nav-title.is-active:hover { background: #efefef; }
  .nav-title.no-bg:after { display: none; }
  .nav-title [class*="icon-"] { position: absolute; right: .5rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50% \9; right: 10px\9; margin-top: -5px\9; }
  .nav-title:hover { background: none; box-shadow: none; }
  .nav-pane-primary { border-top: none; width: 100%; }
  .nav-pane-primary.is-expanded { display: block; position: relative; padding: 1rem .25rem; }
  .nav-pane-primary.is-expanded .pane-inner { height: auto; padding: 0; }
  .nav-pane-primary.is-expanded .nav-pane-col { display: block; width: 100%; padding: 0; margin-bottom: 3px; margin-left: 5px\9; }
  .nav-pane-primary.is-expanded .nav-pane-col > li { padding: 5px 0; border-top: solid 1px #efefef; border-bottom: solid 1px #efefef; }
  .nav-pane-primary.is-expanded .nav-pane-col a.nav-sub-toggle { font-size: 13px; }
  .nav-sub-header { margin: 0; padding: 0; }
  .nav-sub-header:hover .nav-pane-secondary { display: none; }
  .nav-sub-header:hover .nav-pane-secondary.is-expanded { display: block; }
  .nav-pane-secondary { display: none; padding: 5px 5px 0; padding: .5rem .5rem 0; }
  .nav-pane-secondary.is-expanded { display: block; position: relative; }
  .nav-pane-secondary.is-expanded:hover { background: none; }
  .nav-sub-toggle { position: relative; padding: 5px 0; padding: .25rem 0; font-size: 13px; }
  .nav-sub-toggle:after { position: absolute; top: 50%; right: 10px; content: '\f067'; font-size: 10px; font-family: 'icomoon'; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  .nav-sub-toggle.is-active { border-bottom: solid 1px #efefef; }
  .nav-sub-toggle.is-active:after { content: '\f068'; }
  .nav-sub-toggle [class*="icon-"] { position: absolute; right: .5rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50% \9; right: 10px\9; margin-top: -5px\9; }
  .nav-sub-title { font-size: 13px; font-weight: bold; } }
@media screen and (min-width: 767px) { .aside-page { position: absolute; z-index: 4; top: 60px; right: 0; width: 320px; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; }
  .aside-page.is-visible { opacity: 1; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } }
.ie8 .aside-page { position: absolute; z-index: 4; top: 50px; right: 0; width: 320px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; }
.ie8 .aside-page.is-visible { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; }

.aside-page { width: 320px; height: auto; background: #f0f0f0; }
.aside-page .aside-module { padding: 1rem 1.5rem; border-bottom: solid 1px #ccc; }
.aside-page .aside-module .aside-title { margin: 0; padding: 0; font-size: 16px; }
.aside-page .aside-module p { margin: 0; padding: 0; font-size: 13px; }
.aside-page .aside-header { border-bottom: solid 1px #ccc; padding: 1rem 1.5rem; }
.aside-page .aside-header:before, .aside-page .aside-header:after { content: " "; display: table; }
.aside-page .aside-header:after { clear: both; }
.aside-page .aside-header .aside-title { margin: 0; padding: 0; font-size: 16px; }
.aside-page .aside-header p { margin: 0; padding: 0; font-size: 14px; }
.aside-page .aside-avatar { float: left; width: 30px; height: 30px; border-radius: 50%; }
.aside-page .aside-user { float: left; margin-left: 1rem; }
.aside-page .aside-list { margin: 0; padding: 0; }

.aside-btn { padding: .5em .8rem; border: solid 1px red; text-transform: uppercase; }

.aside-label { font-size: 13px; }

@media screen and (max-width: 767px) { .aside-page { width: 100%; height: 0px; overflow: hidden; position: relative; }
  .aside-page.is-visible { height: 3000px; }
  .aside-page.slider { width: 100%; min-width: 1px; position: relative; right: 0px; }
  .is-contracted { margin-right: 0; } }
.size-tablet-B .aside-page > div, .size-desktop .aside-page > div { padding: 1em 1.5em; }
.size-tablet-B .aside-page .aside-user, .size-desktop .aside-page .aside-user { margin-left: 1em; }

/* site map */
.sitemap { float: left; width: 100%; }
.sitemap a { text-decoration: none; font-weight: normal; }
.sitemap img { outline: none; border: none; }
.sitemap .logo-container { width: 100%; display: none; padding: 8px; }
.sitemap .sitemap-container { float: left; width: 100%; display: block; text-align: center; }
.sitemap .sitemap-container ul { list-style: none; padding: 0; margin: 0; padding-left: 0px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-moz-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: start; -webkit-moz-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; text-align: left; }
.sitemap .sitemap-container ul li { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.sitemap .sitemap-container ul li a > span { background: transparent; padding: 0; margin: 10px 0 20px 0; display: inline-block; text-indent: 0px; }
.sitemap .sitemap-container ul.menu-container { text-align: center; }
.sitemap .sitemap-container ul.menu-container li.primary-menu { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; width: 16.5%; margin-top: 25px; margin-right: 5px; margin-left: 5px; display: inline-block; vertical-align: top; text-align: left; }
@media (max-width: 768px) { .sitemap .sitemap-container ul.menu-container li.primary-menu { min-width: 25%; } }
.sitemap .sitemap-container ul.menu-container li.primary-menu > a > span { font-weight: bold; }
.sitemap .sitemap-container ul.menu-container li.primary-menu > ul.secondary-menu { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-moz-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; }
.sitemap .sitemap-container ul.menu-container li.primary-menu > ul.secondary-menu > li > a > span { font-weight: bold; }
.sitemap .sitemap-container ul.menu-container li.primary-menu > ul.secondary-menu > li ul.tertiary-menu { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: none; margin-bottom: 10px; }
@media screen and (max-width: 767px) { .sitemap { display: none; } }

/* footer */
.footer-cont footer { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-moz-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; }
.footer-cont footer .copyright, .footer-cont footer .links, .footer-cont footer legal.hidden-mobile { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }
.footer-cont footer ul.links { list-style: none; margin: 0; padding: 0; clear: both; height: 1em; }
.footer-cont footer ul.links li { display: inline; padding: 0 2px; }
.footer-cont footer ul.links li:nth-last-child(1) { border: none; }
.footer-cont footer ul.links li:nth-of-type(1) { padding-left: 0; }

/* lists */
/* General list objects */
.list { margin: 0; padding: 0; }

.list-body { flex: 1; }

.listregular .list-body p { margin: 0; padding: 0; color: #000; }

/* Media */
.medialist, .medialist-multicolumn { list-style-type: none; margin: 0; padding: 0; }

/* multicolumn */
.medialist-multicolumn .row { margin-left: -15px; margin-right: -15px; }
.medialist-multicolumn .row:before, .medialist-multicolumn .row:after { content: " "; display: table; }
.medialist-multicolumn .row:after { clear: both; }
.medialist-multicolumn .row .media-wrap { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 0; padding-right: 0; position: relative; min-height: 1px; padding-left: 0; padding-right: 0; position: relative; min-height: 1px; padding-left: 0; padding-right: 0; }
@media (min-width: 768px) { .medialist-multicolumn .row .media-wrap { float: left; width: 50%; } }
@media (min-width: 992px) { .medialist-multicolumn .row .media-wrap { float: left; width: 33.33333%; } }
.medialist-multicolumn .row .media-wrap:before, .medialist-multicolumn .row .media-wrap:after { content: " "; display: table; }
.medialist-multicolumn .row .media-wrap:after { clear: both; }
.medialist-multicolumn .row .media-wrap { padding-right: 1em; }

.medialist-multicolumn.no-link .media-body h3, .medialist-multicolumn.no-link .media-body span { display: block; }
.medialist-multicolumn.no-link .media-body .name { margin-top: 0; }

.medialist-multicolumn .button-row { text-align: center; }

.ie8 .medialist-multicolumn .media { position: relative; display: block; }
.ie8 .medialist-multicolumn .media-figure { position: absolute; left: 0; }
.ie8 .medialist-multicolumn .media-body { margin-left: 130px; min-height: 140px; }

/* List with Crumbs
------------------------------------*/
.listcrumbs-cont .listcrumbs { margin: 0; padding: 0; list-style: none; }
.listcrumbs-cont .listcrumbs li { margin-bottom: 10px; font-size: 14px; font-weight: bold; }
.listcrumbs-cont .listcrumbs li:before { content: ''; }
.listcrumbs-cont .link-crumb { font-weight: bold; color: red; }
.listcrumbs-cont .link-crumb:before { content: ' \e606'; font-family: icomoon; font-size: 8px; font-weight: bold; margin: -10px 5px 0 0; color: black; }

/* link out lists */
.listlinkout { list-style-type: none; margin: 0; padding: 0; }
.listlinkout li a { display: block; position: relative; padding: 0.5em 0; }
.listlinkout li a:hover { background: #eee; }
.listlinkout a.is-morelink:hover { background: none; }
.listlinkout .list-body p { margin: 0; padding: 0; color: #000; }

/* icon bullet lists */
.listiconbullets { list-style-type: none; margin: 0; padding: 0; }
.listiconbullets li a { display: block; position: relative; padding: 0.5em 0 0.5em 1.2em; }
.listiconbullets li a:hover { background: #eee; }
.listiconbullets a.is-morelink:hover { background: none; }
.listiconbullets a:before { color: #000; content: "\f138"; position: absolute; left: 0px; top: 0px; margin-top: 0.5em; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.listiconbullets a.is-morelink:before { display: none; }
.listiconbullets .list-body p { margin: 0; padding: 0; color: #000; }

/* icon bullet lists */
.listiconbullets { list-style-type: none; margin: 0; padding: 0; }
.listiconbullets li a { display: block; position: relative; padding: 0.5em 0 0.5em 1.2em; }
.listiconbullets li a:hover { background: #eee; }
.listiconbullets a.is-morelink:hover { background: none; }
.listiconbullets a:before { color: #000; content: "\f138"; position: absolute; left: 0px; top: 0px; margin-top: 0.5em; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.listiconbullets a.is-morelink:before { display: none; }
.listiconbullets .list-body p { margin: 0; padding: 0; color: #000; }

/* file type icon lists */
.listiconfiles { list-style-type: none; margin: 0; padding: 0; }
.listiconfiles li a { display: block; position: relative; padding: 0.8em 0 0.8em 40px; }
.listiconfiles li a:hover { background: #eee; }
.listiconfiles a.is-morelink:hover { background: none; }
.listiconfiles a:before { color: #fff; background: #000; width: 30px; height: 30px; padding: 7px; border-radius: 15px; position: absolute; left: 0px; top: 6px; margin: 0px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.listiconfiles a:hover:before { background: red; }
.listiconfiles a.folder:before { content: "\e60e"; }
.listiconfiles a.file-pdf:before, .listiconfiles span.file-pdf:before { content: "\f1c1"; }
.listiconfiles a.file-word:before { content: "\f1c2"; }
.listiconfiles a.file-excel:before { content: "\f1c3"; }
.listiconfiles a.file-zip:before { content: "\f1c6"; }
.listiconfiles a.file-powerpoint:before { content: "\f1c4"; }
.listiconfiles a.file-photo:before { content: "\f1c5"; }
.listiconfiles a.file-movie:before { content: "\f1c8"; }
.listiconfiles a.is-morelink:before { display: none; }
.listiconfiles a.file-text:before { content: "\e651"; }
.listiconfiles a.file-html:before { content: "\e650"; }
.listiconfiles a.file-publisher:before { content: "\e653"; }
.listiconfiles a.file-any:before { content: "\e654"; }
.listiconfiles .list-body p { margin: 0; padding: 0; color: #000; }

/* file type icon lists */
/* hide this because it's only used for proper column sorting with icons */
.icon-type-for-sorting { display: none; }

.listicons { list-style-type: none; margin: 0; padding: 0; }
.listicons li a { display: block; position: relative; padding: 1.5em 0 1em 60px; }
.listicons li a:hover { background: #eee; }
.listicons a.is-morelink:hover { background: none; }
.listicons a:before { color: #fff; background: #000; width: 50px; height: 50px; padding: 12px; border-radius: 25px; position: absolute; left: 0px; top: 6px; font-size: 1.5em; margin: 0px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.listicons a:hover:before { background: red; }
.listicons a.icon-search:before { content: "\e605"; }
.listicons a.is-morelink:before { display: none; }
.listicons .list-body p { margin: 0; padding: 0; color: #000; }

/* for media with linkblocks */
.ie8-border { display: none; }

.medialist-wrap .media { display: flex; margin: 0 0 15px; }
.medialist-wrap .media img { display: block; }

.media-container { height: 100%; width: 100%; margin: 0; padding: 0; }
.media-container div { display: block; /*float: left;*/ }
.media-container .media-figure { float: left; }
.media-container img { /*display: block;*/ }
.media-container .media-body { flex: 1; flex-shrink: 1; flex-basis: 0px; flex-grow: 1; float: none; }

@media screen and (max-width: 440px) { .media-container .media-figure, .media-container .media-body { float: none; }
  .media-container .media-figure { margin: 0; text-align: center; /*@include clearfix;*/ }
  .media-container .media-figure img { /*float: left;*/ display: inline; }
  .media-container .media-body h3 { margin: 3px 0 5px; }
  .media-container .media-body p { margin: 0; } }
.ie8 .media-figure { position: relative; }
.ie8 .media-figure .ie8-border { display: block; position: absolute; height: 100%; width: 100%; left: 0; top: 0; margin: 0; padding: 0; }
.ie8 .medialist-wrap .media { display: flex; }
.ie8 .medialist-wrap .media:before, .ie8 .medialist-wrap .media:after { content: " "; display: table; }
.ie8 .medialist-wrap .media:after { clear: both; }
.ie8 .medialist-wrap .media img { display: block; }
.ie8 .media-body h3, .ie8 .media-body p { margin-left: 0; }

.size-mobile .media-container .media-figure, .size-mobile .media-container .media-body { float: none; }
.size-mobile .media-container .media-figure { margin: 0; text-align: center; display: block; }
.size-mobile .media-container .media-figure img { display: inline; }
.size-mobile .media-container .media-body h3 { margin: 3px 0 5px; }
.size-mobile .media-container .media-body p { margin: 0; }

.size-mobile .medialist-multicolumn .media-wrap, .size-tablet-A .medialist-multicolumn .media-wrap { width: 100%; }

.size-tablet-B .medialist-multicolumn .media-wrap, .size-desktop-A .medialist-multicolumn .media-wrap { width: 50%; }

.size-desktop-B .medialist-multicolumn .media-wrap { width: 33.33333333333%; }

/* Download list */
ul.listiconfiles.downloadlist { list-style-type: none; margin: 0; padding: 0; }
ul.listiconfiles.downloadlist li { list-style-type: none; }
ul.listiconfiles.downloadlist li a { display: block; position: relative; font-size: 18px; padding: 0.2em 0 0.2em 28px; }
ul.listiconfiles.downloadlist li a:hover { background: none; }
ul.listiconfiles.downloadlist a.file-download:before { content: "\e642"; background: transparent; border-radius: 0; color: #428bca; width: 30px; height: 30px; padding: 4px; font-size: 14px; position: absolute; left: 0px; top: 4px; margin: 0px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
ul.listiconfiles.downloadlist a.file-download:before:hover { color: #428bca; }

/* featured 1/2/3/4 ups */
/* 1up - no carousel for mobile here */
.featured-1up-wrap { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.featured-1up-wrap:before, .featured-1up-wrap:after { content: " "; display: table; }
.featured-1up-wrap:after { clear: both; }

.featured-1up-wrap ul, .featured-1up-wrap ul li { margin: 0; padding: 0; list-style-type: none; }

.featured-1up-wrap .item { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
@media (min-width: 768px) { .featured-1up-wrap .item { float: left; width: 50%; } }
.featured-1up-wrap .item img { width: 100%; }

/* 2up - no carousel for mobile here */
.featured-2up-wrap { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.featured-2up-wrap:before, .featured-2up-wrap:after { content: " "; display: table; }
.featured-2up-wrap:after { clear: both; }

.featured-2up-wrap ul, .featured-2up-wrap ul li { margin: 0; padding: 0; list-style-type: none; }

.featured-2up-wrap .item { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
@media (min-width: 768px) { .featured-2up-wrap .item { float: left; width: 50%; } }
.featured-2up-wrap .item img { width: 100%; }

/* 3up */
@media only screen and (min-width: 769px) { .featured-3up-wrap { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
  .featured-3up-wrap:before, .featured-3up-wrap:after { content: " "; display: table; }
  .featured-3up-wrap:after { clear: both; }
  .featured-3up-wrap ul, .featured-3up-wrap ul li { margin: 0; padding: 0; list-style-type: none; }
  .featured-3up-wrap .item { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } }
@media only screen and (min-width: 769px) and (min-width: 768px) { .featured-3up-wrap .item { float: left; width: 33.33333%; } }
@media only screen and (min-width: 769px) { .featured-3up-wrap .item img { width: 100%; } }
/* 4up */
@media only screen and (min-width: 768px) and (max-width: 991px) { .featured-4up-md-clearfix:before, .featured-4up-md-clearfix:after { content: " "; display: table; }
  .featured-4up-md-clearfix:after { clear: both; } }
@media only screen and (min-width: 769px) { .featured-4up-wrap { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
  .featured-4up-wrap:before, .featured-4up-wrap:after { content: " "; display: table; }
  .featured-4up-wrap:after { clear: both; }
  .featured-4up-wrap .featured-4col { margin-left: -15px; margin-right: -15px; }
  .featured-4up-wrap .featured-4col:before, .featured-4up-wrap .featured-4col:after { content: " "; display: table; }
  .featured-4up-wrap .featured-4col:after { clear: both; }
  .featured-4up-wrap .item { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } }
@media only screen and (min-width: 769px) and (min-width: 768px) { .featured-4up-wrap .item { float: left; width: 50%; } }
@media only screen and (min-width: 769px) and (min-width: 992px) { .featured-4up-wrap .item { float: left; width: 25%; } }
@media only screen and (min-width: 769px) { .featured-4up-wrap .item img { width: 100%; } }
/*
Secondary components.
Patterened after _featured.scss */
.sec-3across-grid-wrap { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.sec-3across-grid-wrap:before, .sec-3across-grid-wrap:after { content: " "; display: table; }
.sec-3across-grid-wrap:after { clear: both; }

.sec-3across-grid-wrap ul, .sec-3across-grid-wrap li { margin: 0; padding: 0; list-style-type: none; }
.sec-3across-grid-wrap li:nth-child(3n+4) { clear: left; }
.sec-3across-grid-wrap .icon-plus-circle { background: transparent; color: #f40000; font-size: 40px; padding: 1px; width: 40px; }
.sec-3across-grid-wrap button { border: none; clear: both; cursor: pointer; display: block; }
.sec-3across-grid-wrap button:hover { color: #0097ff; }

.sec-3across-grid-wrap .item { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
@media (min-width: 768px) { .sec-3across-grid-wrap .item { float: left; width: 33.33333%; } }
.sec-3across-grid-wrap .item img { width: 100%; }

/*
Photo Library Grid.
Depends on _secondary.scss
*/
.photo-lib .btn-more { background: black; border-radius: .5em; color: #fff; display: block; font-size: 20px; margin: auto; padding: .5em 1em; width: 7em; }
.photo-lib .btn-more:hover { color: #fff; background: #0097ff; }
.photo-lib .item a:hover { color: #f40000; }
.photo-lib .item > a { display: block; position: relative; }
.photo-lib .item > a:hover .pl-icon-wrap .pl-download { color: #fff; background: #f40000; }
.photo-lib img { border-radius: 1em; }

.pl-icon-wrap { position: relative; }
.pl-icon-wrap .pl-download { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 40px; height: 40px; border: none; border-radius: 100%; bottom: 15px; background-color: #999; color: #fff; font-size: 22px; padding: 9px; position: absolute; right: 10px; }
.pl-icon-wrap .pl-download:after { content: "\e61b"; }

/* Must come after and depends on secondary. */
/* Home Carousel */
.carousel-home { width: 100%; height: 1500px; }
.carousel-home .slider { width: 100%; height: 100%; list-style-type: none; margin: 0; padding: 0; }
.carousel-home .item { position: relative; top: 0; left: 0; width: 60%; height: 100%; text-align: center; }
.carousel-home .item-txt { opacity: 0; max-width: 400px; margin: 0 auto; text-align: center; }
.carousel-home .selected .item-txt { opacity: 1; transition: opacity 0.8s; }
.carousel-home img { position: relative; top: 0; left: 0; max-width: 90%; width: 100%; margin: 0 auto; }

/* the slider (in responsive mode) requires padding set to preserve the height calculations */
/* height for non-media query browsers */
.carousel-home-wrap { position: relative; width: 100%; height: 0; padding: 0; }

.carousel-home .indicators { text-align: right; z-index: 2; position: absolute; bottom: 130px; right: 8%; }

.carousel-home .indicators .item { background-color: #F0F0F0; width: 12px; height: 12px; margin-right: 8px; border-radius: 6px; display: inline-block; cursor: pointer; }
.carousel-home .indicators .item.selected { background-color: #3F535F; }

@media only screen and (max-width: 767px) { .carousel-home .indicators { display: none; } }
@media only screen and (min-width: 1401px) { .carousel-home-wrap { padding: 0 0 34% 0; } }
@media only screen and (max-width: 1400px) { .carousel-home-wrap { padding: 0 0 38% 0; } }
@media only screen and (max-width: 1140px) { .carousel-home-wrap { padding: 0 0 42% 0; } }
@media only screen and (max-width: 960px) { .carousel-home-wrap { padding: 0 0 45% 0; } }
@media only screen and (max-width: 767px) { .carousel-home-wrap { padding: 0 0 60% 0; } }
@media only screen and (max-width: 480px) { .carousel-home-wrap { padding: 0 0 340px 0; }
  .carousel-home .item-txt { max-width: 200px; }
  .carousel-home .item { width: 80%; }
  .carousel-home h1, .carousel-home h2, .carousel-home h3, .carousel-home h4, .carousel-home h5, .carousel-home h6 { font-size: 20px; } }
/* iOSSlider REQUIRED Functional Styles */
/* slider container */
.carousel-design-gallery { /* required */ position: relative; top: 0; left: 0; overflow: hidden; height: 801px; width: 100%; }

/* slider */
.carousel-design-gallery .slider { /* required */ width: 100%; height: 100%; }

/* slide */
.carousel-design-gallery .slider .slide { /* required */ float: left; width: 100%; text-align: center; }

/* END iOSSlider REQUIRED Functional Styles */
.carousel-design-gallery { /* .size-tablet-B,
.size-desktop, */ }
.carousel-design-gallery .slide-txt { text-align: left; }
.carousel-design-gallery .slide-txt p, .carousel-design-gallery .slide-txt span { color: #000; /*margin: 40px 0 10px;*/ display: block; }
.carousel-design-gallery .slide .inner { width: 100%; }
.carousel-design-gallery .slide img { width: 100%; display: block; }
.carousel-design-gallery .dg-arrows-cont { position: absolute; font-size: 3em; z-index: 100; left: 50%; }
.carousel-design-gallery .navContainer { background: #4a4a4a; color: #fff; position: absolute; }
.carousel-design-gallery .navContainer:hover { background: #eee; }
.carousel-design-gallery .navContainer span { width: 100%; text-align: center; display: block; position: relative; top: 50%; }
.carousel-design-gallery .slideSelectors { width: 100%; text-align: center; position: absolute; z-index: 10; }
.carousel-design-gallery .slideSelectors .slide { display: inline-block; text-align: center; cursor: pointer; }
.carousel-design-gallery .dot-container:before, .carousel-design-gallery .dot-container:after { content: " "; display: table; }
.carousel-design-gallery .dot-container:after { clear: both; }
.carousel-design-gallery .dot-container .slide { color: #4a4a4a; }
.carousel-design-gallery .dot-container .slide.selected { color: #ddd; }
@media screen and (max-width: 480px) { .carousel-design-gallery { /*.carousel-design-gallery-inner {*/ height: 400px; /*}*/ /*.slide .img-cont,*/ }
  .carousel-design-gallery .slide-txt .dc-label { margin-top: 20px; }
  .carousel-design-gallery .slide .slide-txt { padding: 0 20px; }
  .carousel-design-gallery .navContainer { height: 50px; width: 50px; font-size: 40px; }
  .carousel-design-gallery .navContainer span { margin-top: -21px; }
  .carousel-design-gallery .dg-arrows-cont { width: 100%; height: 50px; left: 0; top: 65px; }
  .carousel-design-gallery .prevContainer { left: 0; }
  .carousel-design-gallery .nextContainer { right: 0; }
  .carousel-design-gallery .slideSelectors { top: 270px; } }
@media screen and (max-width: 767px) { .carousel-design-gallery .slideSelectors { display: none; } }
@media screen and (min-width: 481px) and (max-width: 767px) { .carousel-design-gallery { /*.carousel-design-gallery-inner {*/ height: 500px; height: 0; padding-bottom: 70%; /*}*/ }
  .carousel-design-gallery .slide .img-cont, .carousel-design-gallery .slide .slide-txt, .carousel-design-gallery .dg-arrows-cont { padding: 0 50px; }
  .carousel-design-gallery .navContainer { height: 70px; width: 70px; font-size: 50px; }
  .carousel-design-gallery .navContainer span { margin-top: -27px; }
  .carousel-design-gallery .dg-arrows-cont { width: 100%; height: 70px; left: 0; top: 100px; }
  .carousel-design-gallery .prevContainer { left: 50px; }
  .carousel-design-gallery .nextContainer { right: 50px; }
  .carousel-design-gallery .slideSelectors { top: 370px; } }
@media screen and (min-width: 768px) { .carousel-design-gallery { /*.carousel-design-gallery-inner {*/ height: 630px; /*}*/ }
  .carousel-design-gallery .slide .img-cont, .carousel-design-gallery .slide .slide-txt, .carousel-design-gallery .dg-arrows-cont { width: 100%; margin: 0 auto; }
  .carousel-design-gallery .navContainer { height: 90px; width: 90px; font-size: 64px; }
  .carousel-design-gallery .navContainer span { margin-top: -33px; }
  .carousel-design-gallery .dg-arrows-cont { height: 90px; left: 0; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .carousel-design-gallery { position: relative; /*.carousel-design-gallery-inner {*/ height: 0; padding-bottom: 65%; /*}*/ }
  .carousel-design-gallery .slide .img-cont, .carousel-design-gallery .slide .slide-txt, .carousel-design-gallery .dg-arrows-cont { padding: 0 50px; }
  .carousel-design-gallery .dg-arrows-cont { top: 170px; }
  .carousel-design-gallery .prevContainer { left: 50px; }
  .carousel-design-gallery .nextContainer { right: 50px; }
  .carousel-design-gallery .slideSelectors { bottom: 110px; } }
@media screen and (min-width: 1025px) { .carousel-design-gallery { position: relative; /*.carousel-design-gallery-inner {*/ height: 630px; /*}*/ }
  .carousel-design-gallery .slide .img-cont, .carousel-design-gallery .slide .slide-txt, .carousel-design-gallery .dg-arrows-cont { width: 924px; margin: 0 auto; }
  .carousel-design-gallery .dg-arrows-cont { margin-left: -462px; padding: 0; left: 50%; top: 210px; }
  .carousel-design-gallery .nextContainer { right: 0; }
  .carousel-design-gallery .slideSelectors { top: 510px; } }

.size-mobile .carousel-design-gallery { /*.carousel-design-gallery-inner {*/ height: 400px; /*}*/ /*.slide .img-cont,*/ }
.size-mobile .carousel-design-gallery .slide .slide-txt { padding: 0 20px; }
.size-mobile .carousel-design-gallery .navContainer { height: 50px; width: 50px; font-size: 40px; }
.size-mobile .carousel-design-gallery .navContainer span { margin-top: -21px; }
.size-mobile .carousel-design-gallery .dg-arrows-cont { width: 100%; height: 50px; left: 0; top: 65px; }
.size-mobile .carousel-design-gallery .prevContainer { left: 0; }
.size-mobile .carousel-design-gallery .nextContainer { right: 0; }
.size-mobile .carousel-design-gallery .slideSelectors { top: 270px; }

.size-tablet-A .carousel-design-gallery { /*.carousel-design-gallery-inner {*/ height: 500px; /*}*/ }
.size-tablet-A .carousel-design-gallery .slide .img-cont, .size-tablet-A .carousel-design-gallery .slide .slide-txt, .size-tablet-A .carousel-design-gallery .dg-arrows-cont { padding: 0 50px; }
.size-tablet-A .carousel-design-gallery .navContainer { height: 70px; width: 70px; font-size: 50px; }
.size-tablet-A .carousel-design-gallery .navContainer span { margin-top: -27px; }
.size-tablet-A .carousel-design-gallery .dg-arrows-cont { width: 100%; height: 70px; left: 0; top: 100px; }
.size-tablet-A .carousel-design-gallery .prevContainer { left: 50px; }
.size-tablet-A .carousel-design-gallery .nextContainer { right: 50px; }
.size-tablet-A .carousel-design-gallery .slideSelectors { top: 370px; }

.size-tablet-B .carousel-design-gallery, .size-desktop .carousel-design-gallery { /*.carousel-design-gallery-inner {*/ height: 630px; /*}*/ }
.size-tablet-B .carousel-design-gallery .slide .img-cont, .size-tablet-B .carousel-design-gallery .slide .slide-txt, .size-tablet-B .carousel-design-gallery .dg-arrows-cont, .size-desktop .carousel-design-gallery .slide .img-cont, .size-desktop .carousel-design-gallery .slide .slide-txt, .size-desktop .carousel-design-gallery .dg-arrows-cont { width: 100%; margin: 0 auto; }
.size-tablet-B .carousel-design-gallery .navContainer, .size-desktop .carousel-design-gallery .navContainer { height: 90px; width: 90px; font-size: 64px; }
.size-tablet-B .carousel-design-gallery .navContainer span, .size-desktop .carousel-design-gallery .navContainer span { margin-top: -33px; }
.size-tablet-B .carousel-design-gallery .dg-arrows-cont, .size-desktop .carousel-design-gallery .dg-arrows-cont { height: 90px; left: 0; }
.size-tablet-B .carousel-design-gallery .slideSelectors, .size-desktop .carousel-design-gallery .slideSelectors { top: 510px; }

.size-tablet-B .carousel-design-gallery .slide .img-cont, .size-tablet-B .carousel-design-gallery .slide .slide-txt, .size-tablet-B .carousel-design-gallery .dg-arrows-cont { padding: 0 50px; }
.size-tablet-B .carousel-design-gallery .dg-arrows-cont { top: 170px; }
.size-tablet-B .carousel-design-gallery .prevContainer { left: 50px; }
.size-tablet-B .carousel-design-gallery .nextContainer { right: 50px; }

.size-desktop .carousel-design-gallery { /*.carousel-design-gallery-inner { height: 630px;
}*/ }
.size-desktop .carousel-design-gallery .slide .img-cont, .size-desktop .carousel-design-gallery .slide .slide-txt, .size-desktop .carousel-design-gallery .dg-arrows-cont { width: 924px; margin: 0 auto; }
.size-desktop .carousel-design-gallery .dg-arrows-cont { margin-left: -462px; padding: 0; left: 50%; top: 210px; }
.size-desktop .carousel-design-gallery .nextContainer { right: 0; }

.content-grid-wrap { width: 100%; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.content-grid-wrap:before, .content-grid-wrap:after { content: " "; display: table; }
.content-grid-wrap:after { clear: both; }
.content-grid-wrap:before, .content-grid-wrap:after { content: " "; display: table; }
.content-grid-wrap:after { clear: both; }
.content-grid-wrap .content-grid-inner { position: relative; margin: 0 auto; padding: 20px 0; border-radius: 10px; background: red; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.content-grid-wrap .content-grid-inner:before, .content-grid-wrap .content-grid-inner:after { content: " "; display: table; }
.content-grid-wrap .content-grid-inner:after { clear: both; }
.content-grid-wrap .content-grid-inner:before, .content-grid-wrap .content-grid-inner:after { content: " "; display: table; }
.content-grid-wrap .content-grid-inner:after { clear: both; }
@media (min-width: 768px) { .content-grid-wrap .content-grid-inner { width: 750px; } }
@media (min-width: 992px) { .content-grid-wrap .content-grid-inner { width: 970px; } }
@media (min-width: 1200px) { .content-grid-wrap .content-grid-inner { width: 1170px; } }
.content-grid-wrap .content-grid-col { width: 25%; padding: 0 20px; }
.content-grid-wrap .content-grid-col.center { width: 45%; }
.content-grid-wrap .content-grid-col .content-grid-module a { color: black; }
.content-grid-wrap .content-grid-col .copy-wrap p { position: absolute; width: 80%; font-weight: bold; color: red; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translateY(-50%, -50%); }
.content-grid-wrap .content-grid-col .copy-wrap.heart { position: relative; width: 210px; height: 200px; }
.content-grid-wrap .content-grid-col .copy-wrap.heart p { top: 35%; left: 55%; }
.content-grid-wrap .content-grid-col .copy-wrap.circle { position: relative; width: 210px; height: 210px; text-align: center; border-radius: 50%; background: white; }
.content-grid-wrap .content-grid-col img { display: block; width: 100% \9; max-width: 100%; height: auto; }
.content-grid-wrap .content-grid-col .title-grid { text-transform: capitalize; }
@media screen and (max-width: 767px) { .content-grid-wrap .content-grid-col { width: 100%; padding: 0; }
  .content-grid-wrap .content-grid-col.center { width: 100%; }
  .content-grid-wrap .content-grid-col.center img { width: 90%; } }

.content-grid-popup { position: relative; background: red; padding: 20px; width: auto; max-width: 500px; margin: 20px auto; border-radius: 10px; }
.content-grid-popup img { height: auto; width: 100%; display: block; width: 100% \9; max-width: 100%; height: auto; }
.content-grid-popup .cont-modal-text .modal-title { font-size: 22px; color: white; }
.content-grid-popup .cont-modal-text p { margin: 0 0 3px; font-weight: bold; }
.content-grid-popup .mfp-close { width: 30px !important; height: 30px !important; line-height: 30px !important; font-weight: bold; }

.a-introduction, .a-introduction h2, .a-introduction h3 { padding-left: 1.5%; }
.a-introduction .article-intro-header { font-weight: 700; font-size: 45px; line-height: 50px; }

.ArticleImages .a-images { padding-top: 23px; }
.ArticleImages .a-images .image { padding-bottom: 10px; }
.ArticleImages .a-images .image a img { max-width: 100%; width: auto; }
.ArticleImages .a-images .image .caption.article-by-line { line-height: 20px; font-size: 12px; }
.ArticleImages .a-images .image .caption .description { display: block; /*max-height: 40px;*/ overflow: hidden; }
.ArticleImages .a-images .image .caption .description .ellipsisApplied { margin: 0px; padding: 0px; border: 0px; }

.ArticleTextwell .art-text-well { overflow: hidden; }
.ArticleTextwell .art-text-well.hr { margin-bottom: 20px; padding-bottom: 20px; }

.ArticleTextwell img { max-width: 100%; }
.ArticleTextwell h1 { font-size: 2.08em; padding: 0 0 14px 0; }
.ArticleTextwell h1 a { clear: both; }
.ArticleTextwell h2 { font-size: 1.66em; padding: 10px 0 12px 0; }
.ArticleTextwell h3 { font-size: 1.5em; padding: 10px 0 10px 0; }
.ArticleTextwell p { font-size: 14px; line-height: 1.6; margin-bottom: 12px; }
.ArticleTextwell p span { display: block; }
.ArticleTextwell p span.left { text-align: left; }
.ArticleTextwell p span.center { text-align: center; }
.ArticleTextwell p span.quote { font-size: 3em; margin: 0 50px 0 60px; line-height: 1.2em; text-indent: -10px; }
.ArticleTextwell p span.right { text-align: right; }
.ArticleTextwell p.img-left { float: left; margin-right: 10px; }
.ArticleTextwell p.img-right { float: right; margin-left: 10px; }
@media (max-width: 450px) { .ArticleTextwell p.img-left, .ArticleTextwell p.img-right { float: none; text-align: center; margin: 0; width: 100%; } }
.ArticleTextwell p.right { text-align: right; display: block; }
.ArticleTextwell .italic, .ArticleTextwell i { font-style: italic; }
.ArticleTextwell .underline, .ArticleTextwell u { text-decoration: underline; }
.ArticleTextwell ol { list-style-type: decimal; list-style-position: inside; margin: 0; padding: 0 0 1em 2em; }
.ArticleTextwell ol li { padding: 0 0 0.5em 0; }
.ArticleTextwell ul { list-style-position: inside; margin: 0; padding: 0 0 1em 2em; }
.ArticleTextwell ul li { padding: 0 0 0.5em 0; }

.inline-text-cont .inline-text { display: none; }
.inline-text-cont .inline-text.is-visible { display: block; }
.inline-text-cont .inline-text .text-expander { display: inline-block !important; }
.inline-text-cont .text-expander { display: inline-block; font-weight: bold; text-transform: capitalize; color: red; }
.inline-text-cont .text-expander:before { content: '\f067'; display: inline-block; padding-right: 5px; font-family: 'icomoon'; font-size: 10px; color: inherit; }
.inline-text-cont .text-expander.is-active:before { content: '\f068'; }

.article-title-wrap:before, .article-title-wrap:after { content: " "; display: table; }
.article-title-wrap:after { clear: both; }
.article-title-wrap .article-date { margin: 0 0 10px; padding: 0; line-height: 1; font-size: 14px; }
.article-title-wrap .article-title-lead { margin: 0 0 10px; font-size: 46px; position: relative; min-height: 1px; padding-left: 0; padding-right: 0; }
@media (min-width: 768px) { .article-title-wrap .article-title-lead { float: left; width: 75%; } }
@media screen and (max-width: 768px) { .article-title-wrap .article-title-lead { font-size: 28px; } }
.article-title-wrap .article-share-links { position: relative; min-height: 1px; padding-left: 0; padding-right: 0; }
@media (min-width: 768px) { .article-title-wrap .article-share-links { float: left; width: 25%; } }
.article-title-wrap .article-share-links i { display: inline-block; width: 40px; height: 40px; margin: 0; padding: 0; line-height: 40px; border-radius: 50%; font-size: 18px; text-align: center; background: gray; }
.article-title-wrap .article-share-links i.icon-heart { color: red; }
@media screen and (max-width: 768px) { .article-title-wrap .article-share-links { text-align: center; } }

.article-lead-wrap { padding: 10px 0; }
.article-lead-wrap:before, .article-lead-wrap:after { content: " "; display: table; }
.article-lead-wrap:after { clear: both; }
.article-lead-wrap .lead-txt { position: relative; min-height: 1px; padding-left: 0; padding-right: 0; }
@media (min-width: 992px) { .article-lead-wrap .lead-txt { float: left; width: 83.33333%; } }
.article-lead-wrap .lead-btn { border-radius: 5px; font-weight: bolder; text-align: center; background: black; color: white; position: relative; min-height: 1px; padding-left: 0; padding-right: 0; padding: 20px 15px; }
@media (min-width: 992px) { .article-lead-wrap .lead-btn { float: left; width: 16.66667%; } }
.article-lead-wrap .lead-btn i { margin: 0 0 0 5px; }

.alert-wrap { border-radius: 5px; background: #ccc; }
.alert-wrap .alert-box { position: relative; padding: 10px 25px; }
.alert-wrap .alert-box:before, .alert-wrap .alert-box:after { content: " "; display: table; }
.alert-wrap .alert-box:after { clear: both; }
.alert-wrap .alert-box .alert-close, .alert-wrap .alert-box .icon-plus { display: inline-block; position: absolute; left: 10px; cursor: pointer; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.alert-wrap .alert-box .alert-close:hover, .alert-wrap .alert-box .icon-plus:hover { color: red; }
.alert-wrap .alert-list { margin: 0; padding: 0; list-style: none; display: none; }
.alert-wrap .alert-list.is-active { display: inline; }
.alert-wrap .alert-list li { display: inline; padding: 0 10px; border-right: solid 1px #666; font-size: 13px; }
.alert-wrap .alert-list li:last-child { border-right: none; }
.alert-wrap .toggle-wrap { display: inline; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.alert-wrap .toggle-wrap .alert-toggle { cursor: pointer; color: #666; }
.alert-wrap .toggle-wrap .alert-toggle.is-active { color: red; }
.alert-wrap .toggle-wrap .alert-toggle.is-active:hover { color: #666; }
.alert-wrap .toggle-wrap .alert-toggle.in-active { color: #666; }
.alert-wrap .toggle-wrap .alert-toggle.in-active:hover { color: red; }

@media screen and (max-width: 767px) { .alert-wrap .alert-box .alert-close { float: left; }
  .alert-wrap .alert-list { float: left; padding-left: 20px; }
  .alert-wrap .alert-list li { display: inline-block; border-right: none; } }
/* For Cookie Alert */
#cookie-alert-wrap { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: transparent; pointer-events: auto; z-index: 9999; }

#ie-alert-wrap { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(255, 255, 255, 0.95); pointer-events: auto; z-index: 29999; }

.ie6 #ie-alert-wrap, .ie7 #ie-alert-wrap, .ie8 #ie-alert-wrap { filter: alpha(opacity=90); background: #fff; }
.ie6 #ie-alert-wrap, .ie6 .tier-alert.ie, .ie7 #ie-alert-wrap, .ie7 .tier-alert.ie, .ie8 #ie-alert-wrap, .ie8 .tier-alert.ie { display: block; }

#ie-alert-wrap, .tier-alert.ie { display: none; }

.icon-cc-close { font-size: 20px; display: block; position: relative; }

.tier-alert.ie { top: 30%; width: 100%; left: 0; z-index: 30000; color: #fff; }
.tier-alert.ie .browser-link { float: left; margin: 0 15px; width: 85px; }
.tier-alert.ie .browser-link img { border: none; }
.tier-alert.ie .browser-link:hover img { opacity: 0.8; filter: alpha(opacity=80); }
.tier-alert.ie .browser-link:hover p { color: #428bca; }
.tier-alert.ie .main { padding: 20px; height: auto; overflow: auto; }
.tier-alert.ie .text-container p { font-size: 1em; }
.tier-alert.ie .text-container p a { font-weight: 700; }
.tier-alert.ie .text-container p a:hover { color: white; }
.tier-alert.ie .text-container h1, .tier-alert.ie .text-container h2, .tier-alert.ie .text-container h3, .tier-alert.ie .text-container h4, .tier-alert.ie .text-container h5, .tier-alert.ie .text-container h6 { color: #fff; margin: 10px 0; }
.tier-alert.ie .text-container ul, .tier-alert.ie .text-container ol { display: table; margin: 0 auto; }
.tier-alert.ie .text-container ul li { list-style-type: disc; margin-before: 10px; }
.tier-alert.ie .text-container ul li a { color: #428bca; }

.tier-alert .text-container { max-width: 610px; margin: 0 auto; border: none; padding: 0; font-size: 1em; }
.tier-alert .text-container h2 { width: auto; margin-bottom: 2px; font-size: 1.4em; text-transform: none; max-width: 100%; }
.tier-alert .text-container p { line-height: 130%; text-align: center; font-size: .8em; hyphens: none; -webkit-hyphens: none; margin: 0; }
@media screen and (max-width: 647px) { .tier-alert .text-container { font-size: .9em; }
  .tier-alert .text-container p { text-align: left; }
  .tier-alert .text-container h2.headline { text-align: left; } }

.tier-alert .browser-list-container { max-width: 768px; margin: 20px auto; float: right; position: relative; left: -50%; }
.tier-alert .browser-list-container .browser-link-list { position: relative; left: 50%; }
.tier-alert .browser-list-container .browser-link-list li { float: left; list-style: none; }

.tier-alert { background: transparent; -moz-box-sizing: border-box; box-sizing: border-box; position: fixed; bottom: 0; left: 0; width: 100%; padding: 0 10px; text-align: center; z-index: 10000; max-width: 100%; font-size: 16px; }
.tier-alert * { -moz-box-sizing: border-box; box-sizing: border-box; }
.tier-alert .main { padding: 13px 15px 15px; margin: 0; margin-left: 0; max-width: 100%; width: 100%; left: 0; top: 0; position: relative; }
.tier-alert.dark-bg .main { background: #888; }
.tier-alert.dark-bg a { color: #0097ff; }
.tier-alert.dark-bg a:hover { color: #fff; }
.tier-alert.dark-bg h2, .tier-alert.dark-bg p { color: #fff; }
.tier-alert a { transition: color .2s ease-out, background .2s ease-out; }
.tier-alert a.alert-btn { background: #428bca; color: #fff; padding: 6px 20px 4px; display: inline-block; margin: 0 auto; /*text-transform: uppercase;*/ font-size: 16px; }
.tier-alert a.alert-btn:hover { background: #000; }
.tier-alert a.ie-alert-close { position: absolute; /*top: 16px;
right: 20px;*/ top: 7px; right: 18px; top: 9px; display: block; color: #434243; font-size: 30px; transition: color .2s ease-out, right .2s ease-out, top .2s ease-out; }
.tier-alert a.ie-alert-close:hover { color: #428bca; }
@media screen and (max-width: 647px) { .tier-alert a.ie-alert-close { top: 10px; font-size: 26px; } }
.tier-alert ul { list-style-type: none; }

.ie8 .tier-alert h2, .ie8 .tier-alert .alert-btn { font-weight: bold; }

.size-mobile .tier-alert a.alert-close, .size-tablet-A .tier-alert a.alert-close { top: 10px; right: 18px; font-size: 26px; }

#cookie-alert .main { /*position: relative;*/ }
#cookie-alert .text-container p { margin: 0 0 10px; }
#cookie-alert .alert-close { position: absolute; right: 18px; top: 10px; }

.crumbs { padding: 0; margin: 0; display: inline; }
.crumbs li { display: inline; }
.crumbs li a { color: gray; }
.crumbs li:before { content: ">"; margin: 0 7px 0 4px; }
.crumbs li:first-child:before { content: ""; margin: 0; }
.crumbs li.is-active a, .crumbs li.current-page a { text-decoration: none; }
.crumbs li.current-page a { pointer-events: none; cursor: default; }

.crumbs li.is-active a, .crumbs li.current-page a { color: darkgray; }

div.grid-block { box-sizing: border-box; height: 0; position: relative; background: darkgray; overflow: hidden; float: left; border-width: 1px; border-style: solid; border-top: none; border-left: none; }
div.grid-block .text-container { text-align: center; width: 100%; position: absolute; bottom: 0; height: 3em; padding-top: .38em; z-index: 2; }
div.grid-block .text-container p { font-size: 1em; color: #fff; margin: 0 0 .75em; }
div.grid-block .text-container.white { background: #fff; }
div.grid-block .text-container.white .caption, div.grid-block .text-container.white .times-liked, div.grid-block .text-container.white .label-plain { color: #000; }
div.grid-block .text-container.white .vbar { background: #000; }
div.grid-block img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
div.grid-block .grid-icon { color: #fff; }

.icon-block { font-family: "VAG Rounded W01 Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }

div.like-block p.caption { width: 80%; text-align: left; padding-left: 20px; padding-right: 10px; }
div.like-block img { float: left; height: 100%; width: 100%; margin: 0; position: absolute; left: 0; top: 0; }
div.like-block .text-container { bottom: -3em; transition: bottom .2s ease-out; }
div.like-block:hover .text-container { bottom: 0; }
div.like-block .vbar { position: absolute; /*background: #fff;*/ background: #000; width: 1px; height: 70%; float: left; left: 80%; top: 15%; }
div.like-block .like-container:hover .grid-icon { color: #f40000; }
div.like-block .like-container { position: absolute; width: 20%; right: 0; text-align: center; top: 50%; margin-top: -1.3em; cursor: pointer; }
div.like-block .like-container.is-liked .grid-icon { color: #f40000; }
div.like-block .like-container .times-liked { font-size: 1em; display: block; margin-top: -3px; }
div.like-block .text-container .like-container .grid-icon { font-size: 1.5em; transition: color .2s ease-out; }
div.like-block .text-container .like-container .grid-icon.icon-iheartcoke { font-size: 1.6em; }
div.like-block .guide-icon-heart, div.like-block .like-container .grid-icon { color: gray; transition: color .2s ease-out, font-size .2s ease-out; width: 100%; }

.image-block img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.toggle-block { text-align: center; cursor: pointer; }
.toggle-block.grid-block { background: transparent; }
.toggle-block .content-container { width: 100%; height: 100%; }
.toggle-block .content-container * { transition: visibility .2s ease-out, opacity .2s ease-out, color .2s ease-out; }
.toggle-block.state1 { background: darkgray; }
.toggle-block.state1 .state1 { visibility: visible; opacity: 1; }
.toggle-block.state1 .state2 { visibility: hidden; opacity: 0; }
.toggle-block.state1 h2, .toggle-block.state1 p { color: #f40000; }
.toggle-block.state1:hover h2, .toggle-block.state1:hover p { color: #000; }
.toggle-block.state2 .state1 { visibility: hidden; opacity: 0; }
.toggle-block.state2 .state2 { visibility: visible; opacity: 1; }
.toggle-block.state2 h2, .toggle-block.state2 p { color: #000; }
.toggle-block h2, .toggle-block p { z-index: 2; position: absolute; }
.toggle-block h2 { width: 100%; left: 0; top: 20%; font-size: 3.125em; font-weight: bold; /*top: 5.8139535%;*/ top: .24em; margin: 0; }
.toggle-block p { font-size: 0.9375em; width: 80%; margin: 0 10%; /*top: 35%;*/ top: 4.83em; }
.toggle-block img { z-index: 1; width: 100%; height: 100%; left: 0; top: 0; }
.toggle-block a { color: #f40000; }
.toggle-block a:hover { color: #000; }

.form-block div { transition: all .2s ease-out; }
.form-block .form-container { padding: 15px; }
.form-block input, .form-block textarea { width: 100%; display: block; height: 2.4em; margin-bottom: .5em; padding: 10px; font-size: .8em; background: #fff; border: none; box-shadow: none; }
.form-block .form-text-box { height: 6em; /*padding: ;*/ }
.form-block .form-btn { height: 2.4em; /*font-size: .8em;*/ padding: 10px 15px; width: auto; margin: 0 auto; background: gray; color: #fff; cursor: pointer; }
.form-block.state1 { cursor: pointer; text-align: center; }
.form-block.state1 .state1 { visibility: visible; opacity: 1; }
.form-block.state1 .state2, .form-block.state1 .state3 { visibility: hidden; opacity: 0; }
.form-block.state2 .state2 { visibility: visible; opacity: 1; }
.form-block.state2 .state1, .form-block.state2 .state3 { visibility: hidden; opacity: 0; }
.form-block.state3 { text-align: center; }
.form-block.state3 .state3 { visibility: visible; opacity: 1; }
.form-block.state3 .state1, .form-block.state3 .state2 { visibility: hidden; opacity: 0; }
.form-block.state3 h2, .form-block.state3 p { width: 80%; margin-left: 10%; margin-right: 10%; }
.form-block.state3 h2 { margin-top: 1.3em; font-size: 2em; margin-bottom: .5em; color: #fff; }
.form-block.state3 p { margin: 0 10%; }
.form-block .content-container div { position: absolute; height: 100%; width: 100%; left: 0; top: 0; }
.form-block .form-repeat-btn { display: block; color: #fff; margin-top: 15px; transition: color .2s ease-out, font-size .2s ease-out; }
.form-block .form-repeat-btn:hover { color: #000; }

.message-block { text-align: center; }
.message-block p { width: 80%; margin-right: 10%; margin-left: 10%; font-size: 1.2em; }
.message-block p:first-child { margin-top: 2.5em; margin-bottom: 20px; }
.message-block a { color: #f40000; }
.message-block a:hover { color: #000; }

.content-container { /*float: left;*/ position: absolute; left: 0; top: 0; margin: 0; width: 100%; height: 100%; transition: all .2s ease-out; }

.grid-block.zoom-in .content-container { width: 100%; height: 100%; margin-left: 0; margin-top: 0; }
.grid-block.zoom-in:hover .content-container { width: 120%; height: 120%; margin-left: -10%; margin-top: -10%; }
.grid-block.zoom-in:hover span { font-size: 4.5em; }

.grid-block.zoom-out .content-container, .form-block.state1 .content-container { width: 120%; height: 120%; margin-left: -10%; margin-top: -10%; }
.grid-block.zoom-out:hover .content-container, .form-block.state1:hover .content-container { width: 100%; height: 100%; margin-left: 0; margin-top: 0; }
.grid-block.zoom-out .icon-container span, .form-block.state1 .icon-container span { font-size: 4.5em; }
.grid-block.zoom-out:hover .icon-container span, .form-block.state1:hover .icon-container span { font-size: 3.5em; }

.icon-container { width: 52%; height: 52%; position: absolute; top: 50%; left: 50%; margin-top: -26%; margin-left: -26%; background: #000; border-radius: 50%; transition: width .2s ease-out, height .2s ease-out; }
.icon-container span { color: #fff; font-size: 3.5em; width: 100%; text-align: center; position: absolute; top: 50%; margin-top: -.5em; transition: font-size .2s ease-out, margin .2s ease-out; }

.is-like-action { display: none; font-size: 7.5em; line-height: 1em; height: 2em; width: 2em; position: absolute; top: 50%; left: 50%; margin-top: -0.5em; margin-left: -.5em; opacity: 0.7; transition: none; z-index: 1; }

.ie8 .is-like-action { text-align: center; width: 100%; margin-left: -50%; height: 100%; }

.is-love-action { display: none; text-align: center; font-size: 12em; line-height: 1em; height: 2em; width: 2em; position: fixed; top: 50%; left: 50%; margin-top: -.5em; margin-left: -1em; opacity: 0.7; transition: none; z-index: 500; color: lightgray; }

.ie8 .is-love-action { font-size: 21em; }

@media screen and (max-width: 480px) { div.grid-block { width: 100%; padding-bottom: 100%; font-size: 1.8em; border-right: none; }
  div.grid-block:first-child { border-top-width: 1px; border-top-style: solid; } }
@media screen and (min-width: 481px) and (max-width: 570px) { div.grid-block { font-size: 1.2em; } }
@media screen and (min-width: 571px) and (max-width: 820px) { div.grid-block { font-size: 1.4em; } }
@media screen and (min-width: 821px) and (max-width: 1024px) { div.grid-block { font-size: 2em; } }
@media screen and (min-width: 481px) and (max-width: 1024px) { div.grid-block { width: 50%; padding-bottom: 50%; }
  div.grid-block:nth-child(even) { border-right: none; }
  div.grid-block:nth-child(-n + 2) { border-top-width: 1px; border-top-style: solid; } }
@media screen and (max-width: 1024px) { div.like-block .text-container { bottom: 0; } }
@media screen and (min-width: 1025px) { .blocks-container .grid-block { width: calc(100% / 3); padding-bottom: calc(100% / 3); font-size: 1.2em; }
  .blocks-container .grid-block:nth-child(4n) { border-right-width: 1px; border-right-style: solid; }
  .blocks-container .grid-block:nth-child(-n + 4) { border-top: none; }
  .blocks-container .grid-block:nth-child(3n) { border-right: none; }
  .blocks-container .grid-block:nth-child(-n + 3) { border-top-width: 1px; border-top-style: solid; }
  div.nav-block { width: 25%; padding-bottom: 25%; font-size: 1.2em; }
  div.nav-block:nth-child(4n) { border-right: none; }
  div.nav-block:nth-child(-n + 4) { border-top-width: 1px; border-top-style: solid; }
  div.grid-block { width: 25%; padding-bottom: 25%; font-size: 1.2em; }
  div.grid-block:nth-child(4n) { border-right: none; }
  div.grid-block:nth-child(-n + 4) { border-top-width: 1px; border-top-style: solid; } }
.ie8 .size-mobile .grid-block { width: 100%; padding-bottom: 100%; font-size: 1.8em; border-right: none; }
.ie8 .size-mobile .grid-block:first-child { border-top-width: 1px; border-top-style: solid; }
.ie8 .size-tablet .grid-block { width: 50%; padding-bottom: 50%; font-size: 1.4em; }
.ie8 .size-tablet .grid-block:nth-child(even) { border-right: none; }
.ie8 .size-tablet .grid-block:first-child + .grid-block { border-top-width: 1px; border-top-style: solid; }
.ie8 .size-desktop .nav-block { width: 25%; padding-bottom: 25%; font-size: 1.2em; }
.ie8 .size-desktop .nav-block:nth-child(4n) { border-right: none; }
.ie8 .size-desktop .nav-block:nth-child(-n + 4) { border-top-width: 1px; border-top-style: solid; }
.ie8 .size-desktop .grid-block { width: 33.3333333%; padding-bottom: 33.3333333%; font-size: 1.2em; }
.ie8 .size-desktop .grid-block:nth-child(3n) { border-right: none; }
.ie8 .size-desktop .grid-block:nth-child(-n + 3) { border-top-width: 1px; border-top-style: solid; }
.ie8 .grid-block.rightColEnd { border-right: none; }
.ie8 .grid-block.topBorder { border-top-width: 1px; border-top-style: solid; }
.ie8 .new-icon-block.leftColEnd a.content-container { border-left: none; }
.ie8 .form-block .form-btn { width: 5em; }

div.grid-block { border-color: #000; }

/* New styles */
div.new-icon-block { text-align: left; overflow: hidden; border-left: none; border-right: none; transition: padding .2s ease-out, height .2s ease-out; }
div.new-icon-block a.content-container { top: 50%; width: 100%; border-radius: 0; background: transparent; border-left: 1px solid #fff; padding-left: 18px; }
div.new-icon-block a.content-container .text-container { position: static; }
div.new-icon-block .icon-container { background: transparent; margin: 0; width: 100%; width: auto; float: left; text-align: center; clear: right; height: 63%; position: relative; top: 0; left: 0; }
div.new-icon-block .icon-container .grid-icon { top: 0; }
div.new-icon-block .icon-container span { text-align: left; margin: 0; position: relative; /*top: 5px;
left: 5px;
transition: left .2s ease-out,
	top .2s ease-out,
	font-size .2s ease-out;*/ transition: font-size .2s ease-out, color .2s ease-out; }
div.new-icon-block .text-container { text-align: left; clear: left; }
div.new-icon-block .text-container .label-plain { margin-bottom: 5px; font-weight: 100; }
div.new-icon-block .text-container .label-plain p { font-weight: 100; }
@media screen and (max-width: 440px) { div.new-icon-block { padding-bottom: 47%; } }
@media screen and (max-width: 480px) { div.new-icon-block { font-size: 1.3em; }
  div.new-icon-block:nth-child(odd) a.content-container, div.new-icon-block:first-child a.content-container { left: 20px; }
  div.new-icon-block .icon-container { font-size: .93em; }
  div.new-icon-block a.content-container { height: 120px; margin-top: -60px; }
  div.new-icon-block .text-container { font-size: .8em; } }
@media screen and (min-width: 481px) and (max-width: 570px) { div.new-icon-block { font-size: 1.2em; } }
@media screen and (min-width: 571px) and (max-width: 820px) { div.new-icon-block { font-size: 1.3em; }
  div.new-icon-block .icon-container { font-size: .93em; } }
@media screen and (min-width: 821px) and (max-width: 1024px) { div.new-icon-block { font-size: 1.3em; } }
@media screen and (max-width: 767px) { div.new-icon-block { height: 0; width: 50%; }
  div.new-icon-block a.content-container { height: 120px; margin-top: -60px; } }
@media screen and (max-width: 767px) and (min-width: 441px) { div.new-icon-block { padding-bottom: 40%; } }
@media screen and (max-width: 767px) and (min-width: 481px) { div.new-icon-block:nth-child(odd) a.content-container, div.new-icon-block:first-child a.content-container { left: 30px; } }

@media screen and (min-width: 768px) { div.new-icon-block:first-child a.content-container { border-left: none; left: 30px; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { div.new-icon-block .icon-container { top: 10px; } }
@media screen and (min-width: 768px) and (max-width: 1199px) { div.new-icon-block a.content-container { height: 140px; margin-top: -70px; } }

@media screen and (min-width: 1200px) { div.new-icon-block { padding-bottom: 20%; font-size: 1.32em; }
  div.new-icon-block a.content-container { height: 52%; /*margin-top: -20.8%;*/ margin-top: -26%; }
  div.new-icon-block .icon-container { top: 7px; } }

@media screen and (min-width: 481px) { .page-home div.new-icon-block { width: 25%; padding-bottom: 25%; } }
@media screen and (min-width: 768px) { .page-home div.new-icon-block { font-size: 1.2em; } }

.ie8 .size-tablet div.grid-block.new-icon-block { padding-bottom: 200px; }
.ie8 .size-tablet div.grid-block.new-icon-block:first-child a.content-container { border-left: 1px solid #fff; }
.ie8 .size-tablet div.grid-block.new-icon-block:first-child + .new-icon-block { border: none; }
.ie8 .size-tablet-B div.grid-block.new-icon-block:first-child a.content-container, .ie8 .size-desktop div.grid-block.new-icon-block:first-child a.content-container { border-left: none; }

.size-mobile div.new-icon-block { font-size: 1.3em; padding-bottom: 47%; width: 50%; }
.size-mobile div.new-icon-block:first-child a.content-container, .size-mobile div.new-icon-block:first-child + .new-icon-block + .new-icon-block a.content-container { left: 20px; }
.size-mobile div.new-icon-block .icon-container { font-size: .93em; }
.size-mobile div.new-icon-block a.content-container { height: 120px; margin-top: -60px; }
.size-mobile div.new-icon-block .text-container { font-size: .8em; }

.size-tablet div.new-icon-block { font-size: 1.2em; }
.size-tablet div.new-icon-block .icon-container { font-size: .93em; }

.size-tablet-A div.new-icon-block { font-size: 1.2em; }
.size-tablet-A div.new-icon-block { font-size: 1.3em; }
.size-tablet-A div.new-icon-block .icon-container { font-size: .93em; }

.size-tablet-A div.grid-block.new-icon-block, .size-mobile div.grid-block.new-icon-block { height: 0; width: 50%; padding-bottom: 40%; }
.size-tablet-A div.grid-block.new-icon-block a.content-container, .size-mobile div.grid-block.new-icon-block a.content-container { height: 120px; margin-top: -60px; }
.size-tablet-A div.grid-block.new-icon-block:first-child a.content-container, .size-tablet-A div.grid-block.new-icon-block:first-child + .new-icon-block + .new-icon-block a.content-container, .size-mobile div.grid-block.new-icon-block:first-child a.content-container, .size-mobile div.grid-block.new-icon-block:first-child + .new-icon-block + .new-icon-block a.content-container { left: 30px; }

.size-mobile div.grid-block.new-icon-block { font-size: 1.3em; }

.size-tablet-B div.grid-block.new-icon-block, .size-desktop div.grid-block.new-icon-block { width: 25%; padding-bottom: 25%; font-size: 1.2em; }
.size-tablet-B div.grid-block.new-icon-block:first-child a.content-container, .size-desktop div.grid-block.new-icon-block:first-child a.content-container { border-left: none; left: 30px; }

.size-tablet-B div.new-icon-block .icon-container { top: 10px; }
.size-tablet-B div.new-icon-block.grid-block .portrait-container { position: absolute; margin: 0; left: 0; top: 0; }

.size-tablet-B div.new-icon-blcok a.content-container, .size-desktop-A div.new-icon-blcok a.content-container { height: 140px; margin-top: -70px; }

.size-desktop-B div.new-icon-block { padding-bottom: 20%; font-size: 1.32em; }
.size-desktop-B div.new-icon-block a.content-container { height: 52%; /*margin-top: -20.8%;*/ margin-top: -26%; }
.size-desktop-B div.new-icon-block .icon-container { top: 7px; }

.permalink { display: block; transition: color .2s ease-out; margin: 0 0 5px; }
.permalink img { border: none; }

.link-black { color: #000; }
.link-black:hover { color: #fff; }

.link-white { color: #fff; }
.link-white:hover { color: #000; }

.link-brand-primary { color: #aaa; }
.link-brand-primary:hover { color: #000; }

html, body { margin: 0; padding: 0; }

div.page-top { width: 100%; height: auto; position: relative; margin: 0; padding: 0; }
div.page-top h2 { font-size: 1.5em; }
div.page-top p { font-size: 1em; margin-bottom: 1.125em; }
div.page-top a { font-size: 0.8125em; }
div.page-top .text-container { width: 50%; margin: 0; padding: 0 5%; position: absolute; left: 0; bottom: 10%; z-index: 2; }
div.page-top .background-img { width: 100%; height: auto; z-index: 1; margin: 0; }

.page-top.dark-bg { /*background: gray;*/ color: #fff; }

.page-top.light-bg { /*background: #ddd;*/ color: #000; }

@media screen and (max-width: 480px) { div.page-top { font-size: .9em; position: relative; }
  div.page-top .text-container { position: static; margin: 10px 0 0; color: #000; width: 100%; bottom: 20px; }
  div.page-top .text-container h2 { margin-top: 0; } }
@media screen and (min-width: 480px) and (max-width: 1024px) { div.page-top { font-size: 1em; }
  div.page-top .text-container { width: 70%; min-width: 460px; }
  div.page-top p { max-width: 500px; } }
@media screen and (min-width: 1025px) { div.page-top { font-size: 1.15em; }
  div.page-top .text-container { width: 50%; } }
.ie8 .size-mobile div.page-top { font-size: .9em; position: relative; }
.ie8 .size-mobile div.page-top .text-container { position: static; margin: 10px 0 0; color: #000; width: 100%; bottom: 20px; }
.ie8 .size-mobile div.page-top .text-container h2 { margin-top: 0; }

.ie8 .size-tablet div.page-top { font-size: 1em; }
.ie8 .size-tablet div.page-top .text-container { width: 70%; min-width: 460px; }
.ie8 .size-tablet div.page-top p { max-width: 500px; }

.ie8 .size-desktop div.page-top { font-size: 1.15em; }
.ie8 .size-desktop div.page-top .text-container { width: 50%; }

.stat-wrap .stat-col { margin: 0 0 10px; border-radius: 10px; position: relative; min-height: 1px; padding-left: 5px; padding-right: 5px; }
@media (min-width: 768px) { .stat-wrap .stat-col { float: left; width: 33.33333%; } }
.stat-wrap .stat-col .stat-inner { padding: 20px; border-radius: 10px; background: red; color: #fff; }
.stat-wrap .stat-col .stat-inner .stat-title { margin: 0 0 10px; }
.stat-wrap .stat-col.green .stat-inner { background: green; }

.comments-rating-container { margin: 0 auto; width: 100%; }
.comments-rating-container * { box-sizing: border-box; }

.submit-comment-container { padding: 37px 72px 75px; }
.submit-comment-container h2 { margin: 0; float: left; }
.submit-comment-container textarea { height: 130px; margin: 0 0 28px; padding: 22px; /*border-radius: 4px;*/ font-size: 17px; box-shadow: none; border: 1px solid; border-color: gray; }
.submit-comment-container .form-button { height: 38px; width: 106px; border: 1px solid; border-color: darkgray; float: right; }

.like-btn { display: block; height: 42px; width: 42px; border-radius: 50%; border: 2px solid; border-color: gray; float: right; color: gray; margin: 0 0 25px; cursor: pointer; }
.like-btn span { font-size: 22px; width: 100%; text-align: center; display: block; position: relative; top: 50%; margin-top: -12px; }
.like-btn.is-liked, .like-btn:hover { color: lightgray; border-color: lightgray; }

.comments-container { margin: 0; padding: 0; }
.comments-container h3 { margin: 0 0 16px; /*font-size: 17px;*/ }
.comments-container .comment-group { position: relative; }
.comments-container h3, .comments-container .reply-btn { font-size: 17px; }
.comments-container .comment { width: 100%; padding: 50px 85px 40px 128px; position: relative; background: #eee; }
.comments-container .reply { width: 100%; padding: 50px 85px 40px 247px; position: relative; border-bottom: 1px solid; border-color: lightgray; }
.comments-container .reply:last-child { border: none; }
.comments-container .reply:nth-child(odd) { background: #eee; border-bottom: 1px solid; border-bottom-color: lightgray; }
.comments-container .reply p { /*margin: 0; // if there is no reply button*/ }
.comments-container p { font-size: 22px; margin: 0 0 19px; }
.comments-container .reply-btn { margin: 0; }

.profile-pic-container { position: absolute; top: 42px; height: 40px; width: 40px; /*left: 67px;*/ }

.comment .profile-pic-container { left: 67px; }

.reply .profile-pic-container { left: 185px; }

@media screen and (max-width: 480px) { .comments-rating-container { /*width: 100%;*/ }
  .comments-container .reply { width: 100%; padding: 50px 85px 40px 128px; position: relative; border-bottom: 1px solid; border-color: lightgray; }
  .comments-container .reply, .comments-container .comment { padding: 42px 30px 30px 73px; }
  .comments-container .reply .profile-pic-container, .comments-container .comment .profile-pic-container { left: 24px; top: 30px; }
  .comments-container .reply p, .comments-container .comment p { font-size: 18px; }
  .submit-comment-container { padding: 27px 42px 55px; } }
@media screen and (min-width: 481px) and (max-width: 1024px) { .comments-rating-container { /*width: 100%;*/ }
  .submit-comment-container { padding: 27px 62px 65px; } }
@media screen and (min-width: 1025px) { .comments-rating-container { /*width: 100%;*/ max-width: 1200px; outline: 1px solid; outline-color: lightgray; } }
.ie8 .size-mobile .comments-container .reply { width: 100%; padding: 50px 85px 40px 128px; position: relative; border-bottom: 1px solid; border-color: lightgray; }
.ie8 .size-mobile .submit-comment-container { padding: 27px 42px 55px; }

.ie8 .size-tablet .submit-comment-container { padding: 27px 62px 65px; }

.ie8 .size-desktop .comments-rating-container { max-width: 1200px; }

/* modals, also effected by _magnific-popup.scss */
.modal-content-wrap { max-width: 600px; margin: 0 auto; background: #fff; padding: 40px 40px 20px 40px; position: relative; }

.mfp-close-btn-in .mfp-close { color: #000; top: -13px; right: -13px; opacity: 1; background: #ddd; border-radius: 50%; width: 24px; height: 24px; line-height: 25px; font-size: 24px; }

.modal-content-wrap .image img { width: 100%; }

/* Gallery */
.rsCore { width: 100%; max-width: 853px; margin: 0 auto; }

img.rsImg { max-width: 100%; height: auto; display: block; }

.gallery-grid ul { width: 100%; float: left; margin: 0; padding: 0; }
.gallery-grid ul li.item { width: 25%; float: left; list-style: none; padding: 10px; }
@media only screen and (max-width: 990px) { .gallery-grid ul li.item { width: 50%; } }
@media only screen and (max-width: 768px) { .gallery-grid ul li.item { width: 80%; margin: 0 auto; max-width: 768px; float: none; } }
.gallery-grid ul li.item a, .gallery-grid ul li.item img { max-width: 100%; }

.navigation-jumplinks { display: block; width: 100%; }
.navigation-jumplinks ul.nav { margin: 0; padding: 0; list-style: none; background-color: #ccc; width: 100%; display: block; }
.navigation-jumplinks ul.nav li { display: inline; }
.navigation-jumplinks ul.nav li a { display: inline-block; padding: 0.5em; }
.navigation-jumplinks ul.nav li a.active { text-decoration: underline; }

.content-list { padding: 20px; margin-bottom: 20em; }
.content-list > ul { margin: 0; padding: 0; list-style: none; }
.content-list .scrollto { padding: 0.5em 0 0; }
.content-list .section-letter { padding-top: 90px; text-transform: uppercase; margin-bottom: 20px; font-size: 100px; }
.content-list ul.content-list-items { list-style: none; padding: 0; }
.content-list ul.content-list-items li { margin-bottom: 20px; }
.content-list ul.content-list-items .back-to-top { display: block; }

.tier-block { width: 100%; min-height: 220px; /* .tier-block */ /* .tier-block */ /* .tier-block */ /* .tier-block */ /* .tier-block */ /* .tier-block */ /* .tier-block */ /* .tier-block */ /* .tier-block */ }
@media screen and (max-width: 767px) { .tier-block { padding: 24px 30px 30px; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .tier-block { padding: 32px 40px 40px; } }
@media screen and (min-width: 1025px) { .tier-block { padding: 51px 60px 60px; } }

.size-mobile .tier-block, .size-tablet-A .tier-block { padding: 24px 30px 30px; }

.size-tablet-B .tier-block { padding: 32px 40px 40px; }

.size-desktop .tier-block { padding: 51px 60px 60px; }

.tier-block-gray { background: #ececec; }

.tier-block-white { background: #fff; }

.tier-block-brand { background: #888; }

.tier-block-brand-alt { background: #aaa; }

.dc-subsection + .dc-subsection { /* .dc-subsectioin + .dc-subsection */ /* .dc-subsectioin + .dc-subsection */ /* .dc-subsectioin + .dc-subsection */ /* .dc-subsectioin + .dc-subsection */ }
@media screen and (max-width: 767px) { .dc-subsection + .dc-subsection { padding-top: 24px; margin-top: 24px; /*border-top: 1px solid;*/ } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .dc-subsection + .dc-subsection { padding-top: 32px; margin-top: 32px; /*border-top: 1px solid;*/ } }
@media screen and (min-width: 1025px) { .dc-subsection + .dc-subsection { padding-top: 51px; margin-top: 51px; /*border-top: 1px solid;*/ } }

.size-mobile .dc-subsection + .dc-subsection, .size-tablet-A .dc-subsection + .dc-subsection { padding-top: 24px; margin-top: 24px; /*border-top: 1px solid;*/ }

.size-tablet-B .dc-subsection + .dc-subsection { padding-top: 32px; margin-top: 32px; /*border-top: 1px solid;*/ }

.size-desktop-A .dc-subsection + .dc-subsection { padding-top: 51px; margin-top: 51px; /*border-top: 1px solid;*/ }

/* ------------------------------- Styling for Core ------------------------------- */
.cont-wrap-col1, .cont-wrap-col1 *, .cont-wrap-col2, .cont-wrap-col2 * { box-sizing: border-box; }

.cont-row { margin: 0; }

.cont-wrap-col1 h2, .cont-wrap-col1 p { margin: 0; }
.cont-wrap-col1 ul { margin: 3px 0 0; list-style-type: disc; }
.cont-wrap-col1 .intro { padding-left: 0; margin-bottom: 15px; }
.cont-wrap-col1 h2 { margin-top: 40px; margin-bottom: 3px; }

.cont-wrap-col2 { width: 100%; padding: 0; margin: 0; }
.cont-wrap-col2 .cont-row { border: 1px solid #f2f2f2; }
.cont-wrap-col2 .cont-item { float: left; position: relative; }
.cont-wrap-col2 .cont-item h2:first-child { margin-top: 0; }
.cont-wrap-col2 .cont-item li:last-child p { margin-bottom: 0; }
.cont-wrap-col2 h2 { margin-bottom: 7px; }
.cont-wrap-col2 ul { padding: 0; list-style-type: none; margin-bottom: 0; }

.cont-item h2 { font-size: 26px; }
.cont-item p, .cont-item ul li { font-size: 16px; }

@media screen and (max-width: 480px) { .cont-wrap-col1 .cont-item { padding: 20px; }
  .cont-wrap-col1 h2, .cont-wrap-col1 p { padding-left: 20px; }
  .cont-wrap-col1 ul { padding-left: 38px; }
  .cont-wrap-col1 h2 { margin-top: 24px; }
  .cont-wrap-col2 h2 { font-size: 22px; }
  .cont-wrap-col2 p, .cont-wrap-col2 ul li { font-size: 14px; }
  .cont-wrap-col2 .cont-item { padding: 20px 26px; }
  .cont-wrap-col2 .cont-item:first-child { border-bottom: 1px solid #f2f2f2; } }
@media screen and (min-width: 481px) and (max-width: 768px) { .cont-wrap-col1 .cont-item { padding: 30px 25px; }
  .cont-wrap-col1 h2, .cont-wrap-col1 p { padding-left: 30px; }
  .cont-wrap-col1 h2 { margin-top: 24px; }
  .cont-wrap-col1 ul { padding-left: 49px; }
  .cont-wrap-col2 h2 { font-size: 22px; }
  .cont-wrap-col2 p, .cont-wrap-col2 ul li { font-size: 14px; }
  .cont-wrap-col2 .cont-item { padding: 20px 26px; }
  .cont-wrap-col2 .cont-item:first-child { border-bottom: 1px solid #f2f2f2; }
  .cont-wrap-col2 li { left: 26px; } }
@media screen and (min-width: 769px) and (max-width: 1024px) { .cont-wrap-col1 { width: 70%; padding: 0; }
  .cont-wrap-col1 .cont-item { padding: 30px 0 30px 45px; }
  .cont-wrap-col1 h2, .cont-wrap-col1 p { padding-left: 30px; }
  .cont-wrap-col1 ul { padding-left: 48px; }
  .cont-wrap-col2 .cont-row { background: url("../img/theme/permalink-pages/gray-pixel.gif") center top repeat-y; }
  .cont-wrap-col2 .cont-item { padding: 25px 40px; }
  .cont-wrap-col2 .cont-item:first-child { /*border-right: 1px solid $tier-block-gray;*/ }
  .cont-wrap-col2 li { left: 40px; } }
@media screen and (min-width: 1025px) { .cont-wrap-col1 .cont-item { width: 50%; padding: 30px 0 30px 45px; }
  .cont-wrap-col1 h2, .cont-wrap-col1 p { padding-left: 45px; }
  .cont-wrap-col1 ul { padding-left: 63px; }
  .cont-wrap-col2 .cont-row { background: url("../img/theme/permalink-pages/gray-pixel.gif") center top repeat-y; }
  .cont-wrap-col2 .cont-item { padding: 30px 50px; }
  .cont-wrap-col2 .cont-item:first-child { /*border-right: 1px solid $tier-block-gray;*/ }
  .cont-wrap-col2 li { left: 50px; } }
.size-mobile .cont-wrap-col1 .cont-item { padding: 20px; }
.size-mobile .cont-wrap-col1 h2, .size-mobile .cont-wrap-col1 p { padding-left: 20px; }
.size-mobile .cont-wrap-col1 ul { padding-left: 38px; }
.size-mobile .cont-wrap-col1 h2 { margin-top: 24px; }
.size-mobile .cont-wrap-col2 h2 { font-size: 22px; }
.size-mobile .cont-wrap-col2 p, .size-mobile .cont-wrap-col2 ul li { font-size: 14px; }
.size-mobile .cont-wrap-col2 .cont-item { padding: 20px 26px; }
.size-mobile .cont-wrap-col2 .cont-item:first-child { border-bottom: 1px solid #f2f2f2; }

.size-tablet .cont-wrap-col1 .cont-item { padding: 30px 25px; }
.size-tablet .cont-wrap-col1 h2, .size-tablet .cont-wrap-col1 p { padding-left: 30px; }
.size-tablet .cont-wrap-col1 h2 { margin-top: 24px; }
.size-tablet .cont-wrap-col1 ul { padding-left: 49px; }
.size-tablet .cont-wrap-col2 h2 { font-size: 22px; }
.size-tablet .cont-wrap-col2 p, .size-tablet .cont-wrap-col2 ul li { font-size: 14px; }
.size-tablet .cont-wrap-col2 .cont-item { padding: 20px 26px; }
.size-tablet .cont-wrap-col2 .cont-item:first-child { border-bottom: 1px solid #f2f2f2; }
.size-tablet .cont-wrap-col2 li { left: 26px; }
.size-tablet .cont-wrap-col1 { width: 70%; padding: 0; }
.size-tablet .cont-wrap-col1 .cont-item { padding: 30px 0 30px 45px; }
.size-tablet .cont-wrap-col1 h2, .size-tablet .cont-wrap-col1 p { padding-left: 30px; }
.size-tablet .cont-wrap-col1 ul { padding-left: 48px; }
.size-tablet .cont-wrap-col2 .cont-item { padding: 25px 40px; }
.size-tablet .cont-wrap-col2 .cont-item:first-child { /*border-right: 1px solid $tier-block-gray;*/ }
.size-tablet .cont-wrap-col2 li { left: 40px; }

.size-desktop .cont-wrap-col1 .cont-item { width: 50%; padding: 30px 0 30px 45px; }
.size-desktop .cont-wrap-col1 h2, .size-desktop .cont-wrap-col1 p { padding-left: 45px; }
.size-desktop .cont-wrap-col1 ul { padding-left: 63px; }
.size-desktop .cont-wrap-col1 .intro { padding-left: 0; }
.size-desktop .cont-wrap-col2 .cont-row { background: url("../img/theme/permalink-pages/gray-pixel.gif") center top repeat-y; }
.size-desktop .cont-wrap-col2 .cont-item { padding: 30px 50px; }
.size-desktop .cont-wrap-col2 .cont-item:first-child { /*border-right: 1px solid $tier-block-gray;*/ }
.size-desktop .cont-wrap-col2 li { left: 50px; }

/* ------------------------ Styling for Headline w/ Subheadline List ------------------------ */
.head-subhead-list ul { list-style-type: none; }

.head-subhead-list { padding-left: 0; width: 100%; }
.head-subhead-list h2, .head-subhead-list p, .head-subhead-list ul li, .head-subhead-list .cont-item { padding: 0; }
.head-subhead-list ul { margin: 0; }
.head-subhead-list h2.section-title { margin-top: 0; margin-bottom: 30px; }
.head-subhead-list .intro { margin-bottom: 25px; }

@media screen and (max-width: 480px) { .head-subhead-list .cont-item { padding: 20px; }
  .head-subhead-list .intro { margin-bottom: 27px; }
  .head-subhead-list ul { padding-left: 20px; }
  .head-subhead-list h2 { font-size: 22px; }
  .head-subhead-list p, .head-subhead-list ul li { font-size: 14px; } }
@media screen and (min-width: 481px) and (max-width: 768px) { .head-subhead-list .cont-item { width: 100%; padding: 20px 26px; }
  .head-subhead-list .intro { margin-bottom: 27px; }
  .head-subhead-list ul { padding-left: 30px; }
  .head-subhead-list h2 { font-size: 22px; }
  .head-subhead-list p, .head-subhead-list ul li { font-size: 14px; } }
@media screen and (min-width: 769px) and (max-width: 1024px) { .head-subhead-list .cont-item { width: 80%; padding: 25px 0 25px 40px; } }
@media screen and (min-width: 1025px) { .head-subhead-list .cont-item { width: 50%; padding: 30px 0 30px 50px; }
  .head-subhead-list ul { padding-left: 45px; } }
.size-mobile .head-subhead-list .cont-item { padding: 20px; }
.size-mobile .head-subhead-list .intro { margin-bottom: 27px; }
.size-mobile .head-subhead-list ul { padding-left: 20px; }
.size-mobile .head-subhead-list h2 { font-size: 22px; }
.size-mobile .head-subhead-list p, .size-mobile .head-subhead-list ul li { font-size: 14px; }

.size-tablet .head-subhead-list .cont-item { width: 100%; padding: 20px 26px; }
.size-tablet .head-subhead-list .intro { margin-bottom: 27px; }
.size-tablet .head-subhead-list ul { padding-left: 30px; }
.size-tablet .head-subhead-list h2 { font-size: 22px; }
.size-tablet .head-subhead-list p, .size-tablet .head-subhead-list ul li { font-size: 14px; }

.size-desktop .head-subhead-list .cont-item { width: 50%; padding: 30px 0 30px 50px; }
.size-desktop .head-subhead-list ul { padding-left: 45px; }

.server-error-msg-page { width: 100%; }

.server-error-msg-container { padding: 20px 50px; }
.server-error-msg-container .server-error-msg h1 { font-size: 90px; margin: 0 0 40px 0; }
@media (max-width: 450px) { .server-error-msg-container .server-error-msg h1 { font-size: 60px; } }
.server-error-msg-container .server-error-msg p { margin: 0 0 40px 0; }

.legal-roadblock-container { background-color: #ccc; border-radius: 5px; padding: 40px; margin: 20px; text-align: center; }
.legal-roadblock-container .legal-roadblock-title { margin-bottom: 20px; }
.legal-roadblock-container .legal-roadblock-text { margin-bottom: 40px; }
.legal-roadblock-container .btn, .legal-roadblock-container .server-error-msg-container .server-error-action .server-error-button, .server-error-msg-container .server-error-action .legal-roadblock-container .server-error-button { margin-right: 15px; }

.acro-wrap .acro-inner-wrap { position: relative; }
.acro-wrap .acro-inner-wrap .acro-title { padding-left: 15px; }
.acro-wrap .acro-inner { padding: 20px; border-radius: 10px; text-align: center; background: #f8c133; color: #fff; }
.acro-wrap .acro-text { line-height: 250px; font-size: 250px; color: #fff; }
.acro-wrap .acro-sub_title { font-weight: bold; text-transform: capitalize; }
.acro-wrap .acro-btn { position: absolute; top: -3px; right: 0; padding: 5px 12px; border-radius: 5px; text-align: center; font-size: 18px; font-weight: bold; background: black; color: #fff; }
@media screen and (max-width: 768px) { .acro-wrap .acro-title { font-size: 21px; }
  .acro-wrap .acro-text { line-height: 150px; font-size: 150px; color: #fff; } }
@media screen and (max-width: 480px) { .acro-wrap .acro-inner-wrap { padding: 20px 0; }
  .acro-wrap .acro-title { margin-top: 0; margin-bottom: 20px; font-size: 16px; }
  .acro-wrap .acro-btn { top: 10px; right: 15px; }
  .acro-wrap .acro-text { line-height: 100px; font-size: 100px; color: #fff; } }

.content-icon span[class^="icon"] { color: #fff; background: #000; padding: 20px; border-radius: 50%; font-size: 28px; line-height: 80px; }

.content-icon:hover span[class^="icon"] { background: red; }

.content-icon span.icon-chatter-icon { padding: 20px 16px; }

.chatter-link-cont { position: relative; }
.chatter-link-cont .chatter-btn { display: block; height: 76px; width: 76px; border-radius: 50%; background: #e7413a; float: left; /*margin: 0 30px 0 0;*/ }
.chatter-link-cont .icon-chatter-icon { color: #fff; font-size: 38px; text-align: center; width: 100%; display: block; position: relative; top: 50%; margin-top: -.5em; }
.chatter-link-cont .label { font-size: 18px; color: #3f525f; font-family: "VAG Rounded W01 Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif; position: absolute; left: 105px; top: 50%; margin-top: -.5em; vertical-align: middle; }

.tags { display: block; }

/*
Secondary components.
Patterened after _featured.scss */
.logo-gallery { max-width: 960px; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.logo-gallery .is-morelinkwrap { clear: both; list-style-type: none; text-align: center; }
.logo-gallery .is-morelinkwrap a.is-morelink { color: #fff; }
.logo-gallery .is-morelinkwrap a.is-morelink:after { content: "\f055"; color: red; font-size: 30px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.logo-gallery .is-morelinkwrap a.minus.is-morelink:after { content: "\f056"; }
.logo-gallery header { padding: 0 20px; }
.logo-gallery:before, .logo-gallery:after { content: " "; display: table; }
.logo-gallery:after { clear: both; }
.logo-gallery .mobile-slider-wrap { top: auto; height: 100%; }
.logo-gallery .mobile-slider .slider .item { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; padding-bottom: 30px; }
@media (min-width: 768px) { .logo-gallery .mobile-slider .slider .item { float: left; width: 16.66667%; } }
.logo-gallery .mobile-slider .slider .item a { display: block; width: 140px; height: 110px; overflow: hidden; }
.logo-gallery .mobile-slider .slider .item a:hover img { margin-top: 0; }
.logo-gallery .mobile-slider .slider .item img { display: block; width: 140px; margin-top: -140px; }

.sec-6across-grid-wrap { margin-top: 35px; }
.sec-6across-grid-wrap:after { display: block; clear: both; }
.sec-6across-grid-wrap ul, .sec-6across-grid-wrap li { margin: 0; padding: 0; list-style-type: none; }
.sec-6across-grid-wrap .icon-plus-circle { background: transparent; color: #f40000; font-size: 40px; padding: 1px; width: 40px; }
.sec-6across-grid-wrap button { border: none; clear: both; cursor: pointer; display: block; margin: auto; }
.sec-6across-grid-wrap button:hover { color: #0097ff; }
.sec-6across-grid-wrap header { padding: 0 15px 30px; }

@media (max-width: 767px) { .logo-gallery { padding-left: 0; padding-right: 0; }
  .logo-gallery header { padding-left: 15px; padding-right: 15px; }
  .logo-gallery .mobile-slider-wrap { position: relative; height: 180px; }
  .logo-gallery .btn-more { display: none; }
  .logo-gallery .mobile-slider .slider .item { padding-left: 0; padding-right: 0; }
  .logo-gallery .mobile-slider .slider .item a { display: block; width: 100%; height: 180px; overflow: hidden; }
  .logo-gallery .mobile-slider .slider .item img { display: block; width: 100%; max-width: 400px; margin: 0px auto; } }
@media (max-width: 480px) { .logo-gallery .mobile-slider-wrap { position: relative; height: 180px; }
  .logo-gallery .mobile-slider .slider .item a { display: block; width: 100%; height: 180px; overflow: hidden; }
  .logo-gallery .mobile-slider .slider .item img { display: block; width: 100%; margin: 0px auto; } }
@media (min-width: 768px) and (max-width: 960px) { .logo-gallery .mobile-slider { margin: auto; }
  .logo-gallery .mobile-slider .slider .item a { display: block; width: 100px; height: 80px; overflow: hidden; }
  .logo-gallery .mobile-slider .slider .item a:hover img { margin-top: 0; }
  .logo-gallery .mobile-slider .slider .item img { display: block; width: 100px; margin-top: -100px; } }
.actions { width: 180px; float: right; }

ul.action-buttons { list-style-type: none; margin: 0; padding: 0; }
ul.action-buttons li { display: inline; position: relative; }

.action-buttons .bubble { position: absolute; top: 50px; margin: 0; padding: 10px; background: #eee; }
.action-buttons .bubble ul { padding: 0; margin: 0; }

.action-buttons { display: flex; }

.action-buttons .text-size { font-size: 14px; }

.action-buttons > li > a { display: block; width: 40px; height: 40px; border: 2px solid #aaa; color: #aaa; border-radius: 50%; margin-right: 6px; }
.action-buttons > li > a:hover { background: #aaa; color: #fff; }
.action-buttons > li > a span { font-size: 26px; line-height: 1.2em; padding: 0 0 0 0.15em; }
.action-buttons > li > a span.icon-text-resize { font-size: 30px; }
.action-buttons > li > a span.icon-email { font-size: 24px; padding: 0 0 0 0.2em; line-height: 1.5em; }
.action-buttons > li > a span.icon-download-icon { font-size: 23px; padding: 0 0 0 0.34em; line-height: 1.5em; }
.action-buttons > li > a span.icon-print { font-size: 30px; padding: 0 0 0 0.1em; }

.text-increase-menu .text-size { font-size: 16px; width: 80px; display: block; color: #0097ff; }
.text-increase-menu .text-size:hover { color: #000; }
.text-increase-menu .text-size span { width: 18px; display: inline-block; }
.text-increase-menu .text-size.small span { font-size: 14px; }
.text-increase-menu .text-size.large span { font-size: 20px; }

.ArticleTextwell.textlarge p, .ArticleTextwell.textlarge ol li, .ArticleTextwell.textlarge ul li, .ArticleTextwell.textlarge table { font-size: 1.3em; }

.ArticleTextwell.textmedium p, .ArticleTextwell.textmedium ol li, .ArticleTextwell.textmedium ul li, .ArticleTextwell.textmedium table { font-size: inherit; }

.ArticleTextwell.textsmall p, .ArticleTextwell.textsmall ol li, .ArticleTextwell.textsmall ul li, .ArticleTextwell.textsmall table { font-size: 0.8em; }

.step-nav { display: flex; width: 100%; }
.step-nav .step-nav-step { flex-basis: 70px; flex-grow: 1; position: relative; }
.step-nav .step-nav-line-before, .step-nav .step-nav-line-after { width: 50%; height: 3px; position: absolute; top: 1.25em; background: #666; }
.step-nav .step-nav-line-before { left: 0; }
.step-nav .step-nav-line-after { left: 50%; }
.step-nav .active .step-nav-line-before, .step-nav .active .step-nav-line-after, .step-nav .current .step-nav-line-before { background: red; }
.step-nav .step-nav-step:first-child .step-nav-line-before, .step-nav .step-nav-step:last-child .step-nav-line-after { display: none; }
.step-nav .step-nav-marker { display: block; text-align: center; background: #666; border-radius: 50%; width: 2.5em; height: 2.5em; line-height: 2.5em; color: #fff; position: absolute; top: 0; left: 50%; margin-left: -1.25em; }
.step-nav .active .step-nav-marker, .step-nav .current .step-nav-marker { background: red; }
.step-nav .step-nav-text { text-align: center; display: block; margin-top: 2.5em; padding: 1em 0em; }
.step-nav a:hover .step-nav-marker { background-color: red; }

@media screen and (max-width: 768px) { .step-nav { flex-wrap: wrap; }
  .step-nav .step-nav-line-before, .step-nav .step-nav-line-after { display: none; }
  .step-nav .step-nav-step { flex-basis: 20%; } }
.no-flexbox .step-nav { display: block; }
.no-flexbox .step-nav .step-nav-step { display: block; width: 10%; float: left; }

.predictive-search .twitter-typeahead { display: block; width: 100%; }
.predictive-search .twitter-typeahead .tt-dropdown-menu { width: 100%; }
.predictive-search .twitter-typeahead .tt-suggestion { background-color: #fff; }
.predictive-search .twitter-typeahead .tt-suggestion p { font-size: 16px; text-align: center; padding: 10px 0; margin: 0; }
@media only screen and (min-width: 480px) { .predictive-search .twitter-typeahead .tt-suggestion p { font-size: 20px; } }
.predictive-search .twitter-typeahead .tt-cursor { background-color: #efefef; }
.predictive-search .twitter-typeahead .placeholder { text-align: center; }
.predictive-search .btn-search-inner { border: 0; background: transparent; color: #0097ff; position: absolute; right: 0px; top: 48%; font-size: 40px; margin-top: -.5em; cursor: pointer; }
@media screen and (max-width: 960px) { .predictive-search .btn-search-inner { font-size: 25px; } }
.predictive-search .clear-input { display: none; color: #bbb; }
.predictive-search .predictive-search-label { display: block; text-align: center; font-size: 15px; font-weight: 700; margin-top: 10px; }
.predictive-search .predictive-search-input { width: 100%; font-size: 18px; font-weight: bold; padding: 10px 45px; text-align: center; border: 0; }
@media only screen and (min-width: 480px) { .predictive-search .predictive-search-input { font-size: 28px; } }
.predictive-search .predictive-search-input[placeholder]:focus::-webkit-input-placeholder { color: transparent; }
.predictive-search .predictive-search-input-group { position: relative; }

/* Category toggles, buttons and links */
.category-toggles, .link-list { margin: 0 auto 20px auto; text-align: center; clear: both; display: block; width: 100%; background: #eee; padding: 10px; animation-duration: 0.3s; animation-delay: 0.1s; }
.category-toggles ul.categorylinks, .link-list ul.categorylinks { display: block; list-style-type: none; margin: 0; padding: 0; }
.category-toggles ul.categorylinks li, .link-list ul.categorylinks li { display: inline; }
.category-toggles ul.categorylinks li a, .category-toggles ul.categorylinks li span, .link-list ul.categorylinks li a, .link-list ul.categorylinks li span { padding: 5px 8px; margin: 5px 0; background: #fff; display: inline-block; border-top: none; white-space: nowrap; }
@media screen and (max-width: 480px) { .category-toggles ul.categorylinks li a, .category-toggles ul.categorylinks li span, .link-list ul.categorylinks li a, .link-list ul.categorylinks li span { width: 100%; } }
.category-toggles ul.categorylinks li a:hover, .link-list ul.categorylinks li a:hover { color: #428bca; }
.category-toggles ul.categorylinks li a.btn-cat1, .link-list ul.categorylinks li a.btn-cat1 { color: #000; }
.category-toggles ul.categorylinks li a.btn-cat1:hover, .category-toggles ul.categorylinks li a.btn-cat1.active, .link-list ul.categorylinks li a.btn-cat1:hover, .link-list ul.categorylinks li a.btn-cat1.active { background: #000; color: #fff; }
.category-toggles ul.categorylinks li a.btn-cat2, .link-list ul.categorylinks li a.btn-cat2 { color: #6736a2; }
.category-toggles ul.categorylinks li a.btn-cat2:hover, .category-toggles ul.categorylinks li a.btn-cat2.active, .link-list ul.categorylinks li a.btn-cat2:hover, .link-list ul.categorylinks li a.btn-cat2.active { background: #6736a2; color: #fff; }
.category-toggles ul.categorylinks li a.btn-cat3, .link-list ul.categorylinks li a.btn-cat3 { color: #ff5a25; }
.category-toggles ul.categorylinks li a.btn-cat3:hover, .category-toggles ul.categorylinks li a.btn-cat3.active, .link-list ul.categorylinks li a.btn-cat3:hover, .link-list ul.categorylinks li a.btn-cat3.active { background: #ff5a25; color: #fff; }
.category-toggles ul.categorylinks li a.btn-cat4, .link-list ul.categorylinks li a.btn-cat4 { color: #1e9c9d; }
.category-toggles ul.categorylinks li a.btn-cat4:hover, .category-toggles ul.categorylinks li a.btn-cat4.active, .link-list ul.categorylinks li a.btn-cat4:hover, .link-list ul.categorylinks li a.btn-cat4.active { background: #1e9c9d; color: #fff; }
.category-toggles ul.categorylinks li a.btn-cat5, .link-list ul.categorylinks li a.btn-cat5 { color: #ba2979; }
.category-toggles ul.categorylinks li a.btn-cat5:hover, .category-toggles ul.categorylinks li a.btn-cat5.active, .link-list ul.categorylinks li a.btn-cat5:hover, .link-list ul.categorylinks li a.btn-cat5.active { background: #ba2979; color: #fff; }
.category-toggles ul.categorylinks li a.btn-cat6, .link-list ul.categorylinks li a.btn-cat6 { color: #3abdde; }
.category-toggles ul.categorylinks li a.btn-cat6:hover, .category-toggles ul.categorylinks li a.btn-cat6.active, .link-list ul.categorylinks li a.btn-cat6:hover, .link-list ul.categorylinks li a.btn-cat6.active { background: #3abdde; color: #fff; }
.category-toggles ul.categorylinks li a.btn-cat7, .link-list ul.categorylinks li a.btn-cat7 { color: #9f4a2c; }
.category-toggles ul.categorylinks li a.btn-cat7:hover, .category-toggles ul.categorylinks li a.btn-cat7.active, .link-list ul.categorylinks li a.btn-cat7:hover, .link-list ul.categorylinks li a.btn-cat7.active { background: #9f4a2c; color: #fff; }
.category-toggles ul.categorylinks li a.btn-cat8, .link-list ul.categorylinks li a.btn-cat8 { color: #666666; }
.category-toggles ul.categorylinks li a.btn-cat8:hover, .category-toggles ul.categorylinks li a.btn-cat8.active, .link-list ul.categorylinks li a.btn-cat8:hover, .link-list ul.categorylinks li a.btn-cat8.active { background: #666666; color: #fff; }

.link-list ul.categorylinks li a.btn-cat1, .link-list ul.categorylinks li span.btn-cat1 { background: #000; color: #fff; }
.link-list ul.categorylinks li a.btn-cat2, .link-list ul.categorylinks li span.btn-cat2 { background: #6736a2; color: #fff; }
.link-list ul.categorylinks li a.btn-cat3, .link-list ul.categorylinks li span.btn-cat3 { background: #ff5a25; color: #fff; }
.link-list ul.categorylinks li a.btn-cat4, .link-list ul.categorylinks li span.btn-cat4 { background: #1e9c9d; color: #fff; }
.link-list ul.categorylinks li a.btn-cat5, .link-list ul.categorylinks li span.btn-cat5 { background: #ba2979; color: #fff; }
.link-list ul.categorylinks li a.btn-cat6, .link-list ul.categorylinks li span.btn-cat6 { background: #3abdde; color: #fff; }
.link-list ul.categorylinks li a.btn-cat7, .link-list ul.categorylinks li span.btn-cat7 { background: #9f4a2c; color: #fff; }
.link-list ul.categorylinks li a.btn-cat8, .link-list ul.categorylinks li span.btn-cat8 { background: #666666; color: #fff; }
.link-list ul.categorylinks li a:hover { color: #428bca; }
.link-list ul.categorylinks li a.btn-cat1:hover { color: #000; background: #fff; }
.link-list ul.categorylinks li a.btn-cat2:hover { color: #6736a2; background: #fff; }
.link-list ul.categorylinks li a.btn-cat3:hover { color: #ff5a25; background: #fff; }
.link-list ul.categorylinks li a.btn-cat4:hover { color: #1e9c9d; background: #fff; }
.link-list ul.categorylinks li a.btn-cat5:hover { color: #ba2979; background: #fff; }
.link-list ul.categorylinks li a.btn-cat6:hover { color: #3abdde; background: #fff; }
.link-list ul.categorylinks li a.btn-cat7:hover { color: #9f4a2c; background: #fff; }
.link-list ul.categorylinks li a.btn-cat8:hover { color: #666666; background: #fff; }

.media-stream-wrap { margin: 0 auto; background-color: #efefef; }
.media-stream-wrap:before, .media-stream-wrap:after { content: " "; display: table; }
.media-stream-wrap:after { clear: both; }

.ms-item { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; width: 100%; background-color: #fff; margin-bottom: 35px; text-align: center; border-top: 10px solid #fff; outline: none; position: relative; }
.ms-item a { font-weight: bold; color: #000; outline: none; }
.ms-item:after { color: #fff; height: 20px; width: 40px; position: absolute; left: 50%; margin-left: -20px; margin-top: -1px; top: 100%; font-size: 20px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.ms-item .ms-media img, .ms-item .ms-title img, .ms-item .ms-desc img, .ms-item .ms-date img, .ms-item p img { max-width: 100%; }
.ms-item .ms-icon { margin: 15px auto 0 auto; width: 34px; height: 34px; }
.ms-item .ms-icon img { width: 100%; }
.ms-item .ms-icon:hover img { opacity: 0.8; }
.ms-item .ms-video-thumb { position: relative; }
.ms-item .ms-title { clear: both; padding: 10px 10px 15px 10px; margin-top: 5px; margin-bottom: 0px; line-height: 1em; font-size: 20px; }
.ms-item .ms-media > a { height: auto; display: block; position: relative; }
.ms-item .ms-media > a img { float: none; display: block; width: 100%; margin: 0 auto; }
@media only screen and (min-width: 767px) { .ms-item { width: 282px; }
  .ms-item img { float: none; width: 282px; max-width: 282px; } }
.ms-item.submit-question a { display: block; width: 100%; height: 100%; outline: none; }
.ms-item.submit-question a:before { font-size: 190px; display: inline-block; width: 165px; color: #f3f3f3; }
.ms-item.submit-question a:after { color: #ccc; font-size: 105px; width: 105px; height: 105px; position: absolute; top: 45px; left: 50%; margin-left: -52.5px; }
.ms-item.submit-question:hover h3, .ms-item.submit-question:hover a:after { color: #428bca; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.ms-item.submit-question h3 { margin-top: 0; font-weight: 700; }

.ms-item.type2 { border-color: #6736a2; }
.ms-item.type2:hover { background-color: #6736a2; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.ms-item.type2:hover .ms-title, .ms-item.type2:hover .ms-title a { color: #fff; }
.ms-item.type2:hover:after { color: #6736a2; }
.ms-item.type2:hover:after { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }

.ms-item.type3 { border-color: #ff5a25; }
.ms-item.type3:hover { background-color: #ff5a25; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.ms-item.type3:hover .ms-title, .ms-item.type3:hover .ms-title a { color: #fff; }
.ms-item.type3:hover:after { color: #ff5a25; }
.ms-item.type3:hover:after { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }

.ms-item.type4 { border-color: #1e9c9d; }
.ms-item.type4:hover { background-color: #1e9c9d; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.ms-item.type4:hover .ms-title, .ms-item.type4:hover .ms-title a { color: #fff; }
.ms-item.type4:hover:after { color: #1e9c9d; }
.ms-item.type4:hover:after { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }

.ms-item.type5 { border-color: #ba2979; }
.ms-item.type5:hover { background-color: #ba2979; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.ms-item.type5:hover .ms-title, .ms-item.type5:hover .ms-title a { color: #fff; }
.ms-item.type5:hover:after { color: #ba2979; }
.ms-item.type5:hover:after { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }

.ms-item.type6 { border-color: #3abdde; }
.ms-item.type6:hover { background-color: #3abdde; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.ms-item.type6:hover .ms-title, .ms-item.type6:hover .ms-title a { color: #fff; }
.ms-item.type6:hover:after { color: #3abdde; }
.ms-item.type6:hover:after { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }

.ms-item.type7 { border-color: #9f4a2c; }
.ms-item.type7:hover { background-color: #9f4a2c; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.ms-item.type7:hover .ms-title, .ms-item.type7:hover .ms-title a { color: #fff; }
.ms-item.type7:hover:after { color: #9f4a2c; }
.ms-item.type7:hover:after { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }

.ms-item.type8 { border-color: #666666; }
.ms-item.type8:hover { background-color: #666666; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.ms-item.type8:hover .ms-title, .ms-item.type8:hover .ms-title a { color: #fff; }
.ms-item.type8:hover:after { color: #666666; }
.ms-item.type8:hover:after { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }

.pre-form-login { text-align: center; max-width: 296px; }
.pre-form-login .social-login-options { list-style: none; padding: 0; margin: 27px 0 15px 0; }
.pre-form-login p { font-size: 20px; }
.pre-form-login .login-option { position: relative; display: inline-block; color: #fff; margin-bottom: 12px; padding-left: 56px; min-width: 248px; text-align: left; line-height: 50px; vertical-align: middle; }
.pre-form-login .login-option:hover { opacity: .85; transition: all 0.2s ease-in; }
.pre-form-login .login-option:before { position: absolute; top: 13px; left: 12px; font-size: 24px; }
.pre-form-login .login-option.social-facebook { background-color: #39589b; }
.pre-form-login .login-option.social-twitter { background-color: #00adf3; }
.pre-form-login .login-option.social-googleplus { background-color: #dd4b39; }
.pre-form-login .login-option.social-googleplus:before { font-size: 28px; top: 11px; }
.pre-form-login .login-option.social-yahoo { background-color: #400191; }
.pre-form-login .login-option.social-linkedin { background-color: #0077B5; }
.pre-form-login .login-option.social-pinterest { background-color: #cc2127; }
.pre-form-login .login-option.social-pinterest:before { font-size: 28px; top: 11px; }
.pre-form-login .login-option.social-tumblr { background-color: #35465c; }
.pre-form-login .login-option.social-tumblr:before { left: 17px; }
.pre-form-login .login-option.social-instagram { background-color: #000; }
.pre-form-login .login-option.social-instagram:before { font-size: 28px; top: 11px; }
.pre-form-login .login-option.social-flickr { background-color: #0063dc; }
.pre-form-login .login-option.social-flickr:before { font-size: 28px; top: 11px; }
.pre-form-login .login-option.social-vk { background-color: #45668e; }
.pre-form-login .login-option.social-vk:before { font-size: 26px; top: 11px; }
.pre-form-login .login-option.social-weibo { background-color: #E71D34; }
.pre-form-login .login-option.social-weibo:before { font-size: 26px; top: 11px; }
.pre-form-login .login-option.social-other { background-color: #555; }
.pre-form-login .login-option.social-other .icon-social-other { height: 26px; width: 26px; left: 10px; position: absolute; top: 12px; left: 12px; }
.pre-form-login .login-option.form-login { background-color: #555; }

.social-login-view { text-align: center; }

.social-share-and-like .share-and-like { line-height: 60px; }
.social-share-and-like .share-and-like .share-link { display: inline-block; margin: 10px 0; width: 100%; vertical-align: top; }
@media screen and (min-width: 690px) { .social-share-and-like .share-and-like .share-link { min-width: 210px; width: auto; } }
.social-share-and-like .share-and-like .like-count, .social-share-and-like .share-and-like .like-button { display: inline-block; vertical-align: top; }
.social-share-and-like .share-and-like .like-button { margin: 0 8px; }
.social-share-and-like .share-and-like .like-count { width: 100%; text-align: left; }
@media screen and (min-width: 690px) { .social-share-and-like .share-and-like .like-count { width: auto; } }
@media screen and (min-width: 690px) { .social-share-and-like .share-and-like.centerable .like-count { min-width: 280px; } }
@media screen and (min-width: 690px) { .social-share-and-like .share-and-like.centerable .share-link { margin-left: 70px; } }
.social-share-and-like .share-and-like.centerable .like-button { margin: 0 8px 0 9px; }
.social-share-and-like .share-and-like.centerable .share-link, .social-share-and-like .share-and-like.centerable .like-count { text-align: center; }
@media screen and (min-width: 690px) { .social-share-and-like .share-and-like.centerable .share-link, .social-share-and-like .share-and-like.centerable .like-count { text-align: left; } }
.social-share-and-like .social-icons { padding: 0; }
.social-share-and-like .social-icons li { padding: 0; display: inline-block; margin: 0 3px; }
.social-share-and-like .social-icons .social-icon { width: 25px; height: 25px; position: absolute; top: 50%; left: 50%; margin-left: -.8em; margin-top: -.8em; display: block; }

  /* _________________________________________
PROJECT:  Coke UI Kit
CONTENT:  Styles here used for sitemap, country picker and search results
____________________________________________ */
h2.sitemap-parent-item { font-size: 20px; background: #428bca; color: #000; }

/* 0px ===========================  */
@media (min-width: 0) { .item a.item-text-wrap { width: 90%; margin-left: 5%; margin-right: 5%; }
  .item:hover .item-txt { background: transparent; }
  .section-filters { background: #ccc; }
  section.section-sitemap { padding: 0; text-align: center; }
  section.section-sitemap .country-picker-wrap, section.section-sitemap .search-filter-wrap { display: none; }
  section.section-sitemap #showCountries, section.section-sitemap #showFilters { display: none; }
  section.section-sitemap .btn-plus { display: none; }
  section.section-sitemap .btn-shelf-wrap { float: none; margin-top: 70px; left: auto; width: 100%; margin: 0; }
  section.section-sitemap .sitemaplogo { display: block; padding: 20px 0 10px 0; }
  section.section-sitemap button { display: block; }
  section.section-sitemap button { width: 100%; text-align: left; float: left; padding: 0; margin: 0; border: none; cursor: pointer; }
  section.section-sitemap .btn-sitemap { /*@include gothamSSBold;*/ /*background: $blk;*/ font-size: 20px; line-height: 25px; color: #428bca; text-align: left; padding: 12px 0 10px 0; margin: 10px 0 0 0; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 10px; text-transform: uppercase; height: auto; clear: left; }
  section.section-sitemap .mobile-select-toggle { /*@include gothamSSBold;*/ text-transform: uppercase; /*background: $blk;*/ font-size: 20px; line-height: 25px; color: #428bca; text-align: left; padding: 12px 0 10px 0; margin: 0; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 10px; }
  section.section-sitemap .mobile-select-toggle a { /*@include gothamSSBold;*/ }
  #countries .sitemap-col li, #filters .sitemap-col li { padding: 0; }
  #countries .sitemap-col li ul, #countries .sitemap-col li ul li, #filters .sitemap-col li ul, #filters .sitemap-col li ul li { padding: 6px 0; text-transform: none; }
  #countries .sitemap-col, #filters .sitemap-col { padding: 0; margin: 0; }
  .nested-accordion { float: left; width: 100%; /* reset styles for accordion */ }
  .nested-accordion #sitemapsearchform { width: 100%; margin: 0; padding: 0; overflow: hidden; background: transparent; /*@include gothamSSBold; color: $brand-primary;position:relative;*/ }
  .nested-accordion #sitemapsearchform .search-icon { position: absolute; top: 25px; right: 12px; z-index: 500; }
  .nested-accordion #sitemapsearchform input[type="search"] { width: 100%; color: #428bca; text-transform: uppercase; padding: 12px 0 10px 0; margin: 10px 0 0 0; font-size: 20px; line-height: 25px; list-style: none; text-align: left; text-indent: 11px; overflow: hidden; border: 0; -webkit-appearance: none; border-radius: 0; /*@include gothamSSBold;*/ }
  .nested-accordion #sitemapsearchform input[type="search"]::-webkit-search-decoration, .nested-accordion #sitemapsearchform input[type="search"]::-webkit-search-cancel-button, .nested-accordion #sitemapsearchform input[type="search"]::-webkit-search-results-button, .nested-accordion #sitemapsearchform input[type="search"]::-webkit-search-results-decoration { display: none; }
  .nested-accordion #sitemapsearchform input[type="submit"] { display: none; } }
@media screen and (min-width: 0) and (max-width: 767px) { .nested-accordion .mobile-select-toggle .status-icon { top: 10px; } }
@media (min-width: 0) { .nested-accordion .mobile-select-toggle.active .status-icon.adj-minus { padding-right: 4px; }
  .nested-accordion .sitemap-col li { width: 100%; color: #428bca; padding: 6px 0; margin: 0; font-size: 13px; line-height: 1em; list-style: none; text-align: left; text-indent: 11px; }
  .nested-accordion .sitemap-col li a { font-weight: bold; display: block; }
  .nested-accordion .sitemap-col ul li { text-transform: none; }
  .nested-accordion .sitemap-col li.sitemap-col-title { padding: 0; }
  .nested-accordion .sitemap-col { background: transparent; padding: 0; }
  .nested-accordion .sitemap-col li ul { background: #ddd; padding: 8px 0; }
  .nested-accordion .sitemap-col li ul li { padding: 6px 0; }
  .nested-accordion .level1-link, .nested-accordion .mobile-select-toggle, .nested-accordion h3, .nested-accordion div, .nested-accordion ol, .nested-accordion li, .nested-accordion .ol, .nested-accordion .li { /*@include gothamSSBold;*/ list-style: none; text-align: left; margin: 10px 0 0 0; cursor: default; }
  .nested-accordion div { color: #555; overflow: hidden; margin: 0; }
  .nested-accordion .mobile-select-toggle { cursor: default; color: #428bca; background-color: #fff; position: relative; }
  .nested-accordion .mobile-select-toggle .status-icon, .nested-accordion .mobile-select-toggle .status-open-icon { position: absolute; right: 10px; color: #D6D6D6; font-weight: 700; font-style: normal; font-size: 40px; }
  .nested-accordion .mobile-select-toggle.active { background: #428bca; color: #fff; }
  .nested-accordion .mobile-select-toggle.active .status-icon, .nested-accordion .mobile-select-toggle.active .status-open-icon { color: #fff; }
  .nested-accordion h3 { cursor: default; color: #428bca; background-color: #fff; text-indent: 20px; padding: 12px 0 10px 0; margin: 0 0 1px 0; }
  .nested-accordion ol, .nested-accordion .ol { float: left; width: 100%; text-indent: 0; text-transform: capitalize; margin: 0 0 12px 0; padding: 5px 0 0 20px; font-size: 15px; }
  .nested-accordion ol li, .nested-accordion ol .li, .nested-accordion .ol li, .nested-accordion .ol .li { float: left; width: 100%; color: #428bca; padding: 4px 0; margin: 0; }
  .nested-accordion ol li:hover, .nested-accordion ol .li:hover, .nested-accordion .ol li:hover, .nested-accordion .ol .li:hover { opacity: .6; }
  .nested-accordion .sitemap-col-title + div { background-color: #ccc; }
  .nested-accordion .sitemap-col-title + span { float: left; width: 100%; background-color: #000; } }
@media only screen and (min-width: 0) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 0) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 0) and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-width: 0) and (min-resolution: 144dpi), only screen and (min-width: 0) and (min-resolution: 1.5dppx) { section.section-sitemap .nested-accordion #sitemapsearchform .search-icon { width: 17px; height: 16px; text-indent: -9000em; background-image: url(../img/search-icon@x2.png); background-size: 17px 16px; } }
@media (min-width: 0) { section.section-sitemap, section.section-sitemap.section-countries { background-image: none; background-color: transparent; }
  #filters .sitemap-parent-item { text-align: left; font-size: 22px; background: #428bca; color: #000; padding: 12px; }
  #filters .sitemap-parent-item .status-icon { font-size: 40px; position: absolute; right: 22px; }
  #filters .sitemap-parent-item .status-icon.adj-minus { padding-right: 4px; } }
/* ===============================  */
/* 768px ========================   */
@media (min-width: 768px) { .item a.item-text-wrap { width: 730px; margin-left: auto; margin-right: auto; }
  .item:hover .item-txt { background: transparent; }
  .section-filters { background: #000; }
  #countries .sitemap-col { background: transparent; }
  #filters .sitemap-col li ul li { padding: 2px 0; }
  #sitemapsearchform { display: none; }
  .is_expanded .sitemap-wrap { background: orange; }
  section.section-sitemap #showCountries, section.section-sitemap #showFilters { display: block; }
  section.section-sitemap.section-countries #countries { background-image: url(../img/country-navigator-map-gray.png); /*background-color: $blk;*/ background-position: 50% 170px; background-repeat: no-repeat; padding: 0 0 20px; image-rendering: optimizeSpeed; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: optimize-contrast; -ms-interpolation-mode: nearest-neighbor; }
  section.section-sitemap.section-countries.mild-bg #countries { background-image: url(../img/country-navigator-map-white.png); background-color: #ccc; }
  section.section-sitemap.section-countries.light-bg #countries { background-image: url(../img/country-navigator-map-gray.png); background-color: #fff; }
  .nested-accordion .mobile-select-toggle { cursor: default; }
  section.section-sitemap { padding: 10px 0 0; /* multiples of 25% for columns, max 4 across before wrapping */ }
  section.section-sitemap .sitemap-col li ul { padding: 0; }
  section.section-sitemap .sitemap-wrap { display: block; }
  section.section-sitemap .sitemap-wrap .sitemap-col-title > a { background: transparent; font-size: 12px; line-height: 17px; color: #428bca; text-align: left; padding: 0; margin: 0; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 0; }
  section.section-sitemap .sitemap-wrap .sitemap-col-title > a span.status-icon { font-size: 15px; padding-top: 1px; top: -2px; color: #428bca; left: -12px; }
  section.section-sitemap .sitemap-wrap .sitemap-col-title > a:hover { color: #000; }
  section.section-sitemap #countries, section.section-sitemap #filters { float: left; width: 100%; display: none; padding-bottom: 20px; }
  section.section-sitemap #countries .nested-accordion h3, section.section-sitemap #filters .nested-accordion h3 { min-height: 30px; }
  section.section-sitemap #countries .nested-accordion .sitemap-col-title > a span.status-icon, section.section-sitemap #filters .nested-accordion .sitemap-col-title > a span.status-icon { right: -9000em; }
  section.section-sitemap .btn-plus, section.section-sitemap .btn-minus { display: block; float: left; position: relative; left: 50%; margin: 6px 0 0 -16px; }
  section.section-sitemap .country-picker-wrap, section.section-sitemap .search-filter-wrap { display: block; }
  section.section-sitemap .country-picker-wrap h2, section.section-sitemap .search-filter-wrap h2 { float: left; width: 100%; text-align: center; background: transparent; font-size: 16px; padding: 0; text-indent: 0; margin-top: 0; color: #428bca; }
  section.section-sitemap img.minimap { float: left; position: relative; left: 50%; margin-left: -26px; width: 53px; height: 33px; margin-bottom: 3px; }
  section.section-sitemap .btn-shelf-wrap, section.section-sitemap .btn-shelf-wrap-2 { float: left; margin-top: 70px; left: auto; width: 100%; margin: 0 0 0 0; }
  section.section-sitemap .sitemaplogo { display: block; padding: 8px; text-align: center; }
  section.section-sitemap button { display: none; }
  section.section-sitemap .mobile-select-toggle .status-icon { display: none; }
  section.section-sitemap .sitemap-columns-1 { padding-left: 29%; }
  section.section-sitemap .sitemap-columns-2 { padding-left: 25%; }
  section.section-sitemap .sitemap-columns-3 { padding-left: 12.5%; }
  section.section-sitemap .sitemap-columns-5 .col-item-5 { clear: left; padding-left: 37.5%; }
  section.section-sitemap .sitemap-columns-6 .col-item-5 { clear: left; padding-left: 25%; }
  section.section-sitemap .sitemap-columns-7 .col-item-5 { clear: left; padding-left: 12.5%; }
  section.section-sitemap .sitemap-columns-8 .col-item-5 { clear: left; padding-left: 0%; }
  section.section-sitemap .sitemap-columns-9 .col-item-5 { clear: left; padding-left: 0%; }
  section.section-sitemap .sitemap-columns-9 .col-item-9 { clear: left; padding-left: 37.5%; }
  section.section-sitemap .sitemap-columns-10 .col-item-5 { clear: left; padding-left: 0%; }
  section.section-sitemap .sitemap-columns-10 .col-item-9 { clear: left; padding-left: 25%; }
  section.section-sitemap .sitemap-columns-11 .col-item-5 { clear: left; padding-left: 0%; }
  section.section-sitemap .sitemap-columns-11 .col-item-9 { clear: left; padding-left: 12.5%; }
  section.section-sitemap .sitemap-columns-12 .col-item-5 { clear: left; padding-left: 0%; }
  section.section-sitemap .sitemap-columns-12 .col-item-9 { clear: left; padding-left: 0; }
  section.section-sitemap .nested-accordion .sitemap-col-title + div { background-color: transparent; }
  section.section-sitemap .nested-accordion .sitemap-col-title + span { background-color: transparent; }
  section.section-sitemap .nested-accordion { float: left; width: 90%; margin: 10px 5% 20px 5%; /* Re-style to fix multi-column layout */ }
  section.section-sitemap .nested-accordion .mobile-select-toggle, section.section-sitemap .nested-accordion .level1-link { background: transparent; font-size: 12px; line-height: 16px; padding: 0 0 0 20px; margin: 10px 0 20px 0; display: block; float: left; text-indent: 0px; }
  section.section-sitemap .nested-accordion h3 { font-size: 12px; background: transparent; text-indent: 0; cursor: default; }
  section.section-sitemap .nested-accordion div { display: inline; }
  section.section-sitemap .nested-accordion .mobile-select-toggle.sitemap-parent-item { display: none; }
  section.section-sitemap .nested-accordion #countries .sitemap-col-wrap { float: left; width: 25%; }
  section.section-sitemap .nested-accordion #countries .sitemap-col-wrap .sitemap-col-item { width: 100%; }
  section.section-sitemap .nested-accordion .sitemap-col-item { width: 25%; float: left; }
  section.section-sitemap .nested-accordion .sitemap-col { float: left; background: transparent; padding: 0 20px; }
  section.section-sitemap .nested-accordion .sitemap-col ul { margin: 0; background: transparent; }
  section.section-sitemap .nested-accordion .sitemap-col li, section.section-sitemap .nested-accordion .sitemap-col .li { float: left; width: 100%; display: block; padding: 0 0 6px 0; font-size: 12px; line-height: 17px; text-decoration: none; text-transform: capitalize; position: relative; font-weight: normal; opacity: 1; text-indent: 0; margin: 0; line-height: 14px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  section.section-sitemap .nested-accordion .sitemap-col li:hover, section.section-sitemap .nested-accordion .sitemap-col .li:hover { color: #000; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; background-color: transparent; }
  section.section-sitemap .nested-accordion .sitemap-col li a, section.section-sitemap .nested-accordion .sitemap-col .li a { /*@include gothamSSBold;*/ }
  section.section-sitemap .nested-accordion .sitemap-col li ul li a, section.section-sitemap .nested-accordion .sitemap-col .li ul li a { /*@include gothamSSBook;*/ }
  section.section-sitemap .nested-accordion .sitemap-col ul li { display: block; text-indent: 0em; padding: 4px 0 0; font-size: 12px; line-height: 14px; }
  section.section-sitemap .nested-accordion .first-col { padding-left: 0; }
  section.section-sitemap .nested-accordion .last-col { padding-right: 0; }
  section.section-sitemap #filters .nested-accordion { position: relative; left: 50%; width: 700px; margin: 6px 0 0 -310px; }
  #countries .sitemap-col-title { float: left; width: 16%; }
  #filters .sitemap-col-title { float: left; width: 25%; }
  #countries .mobile-select-toggle, #filters .mobile-select-toggle { display: none; }
  #countries .sitemap-col, #filters .sitemap-col { background: transparent; }
  #countries .sitemap-col-title > a, #countries .sitemap-col-title h4 > a, #filters .sitemap-col-title > a, #filters .sitemap-col-title h4 > a { background: transparent; font-size: 14px; line-height: 16px; padding: 0 20px 0 0; margin: 10px 0 10px 0; height: 2em; display: block; text-indent: 0px; text-transform: uppercase; font-weight: bold; cursor: default; text-align: left; }
  #countries .sitemap-col-title ul, #filters .sitemap-col-title ul { padding: 0 20px; background: transparent; }
  #countries .sitemap-col-title ul li, #filters .sitemap-col-title ul li { width: 100%; display: block; padding: 0 0 12px 0; font-size: 12px; line-height: 17px; text-decoration: none; text-transform: capitalize; position: relative; font-weight: normal; opacity: 1; text-indent: 0; margin: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; line-height: 16px; }
  #countries .sitemap-col-title ul li:hover, #filters .sitemap-col-title ul li:hover { color: #000; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; background-color: transparent; }
  #countries .sitemap-col-title ul li a, #filters .sitemap-col-title ul li a { font-weight: normal; padding-right: 20px; }
  #filters .sitemap-col-title > a { height: auto; margin-bottom: 0; }
  #filters .sitemap-parent-item { display: none; }
  /* system used for country picker column reduction */
  #countries .nested-accordion .sitemap-col.items5:before { content: ""; width: 13%; height: 100px; float: left; }
  #countries .nested-accordion .sitemap-col.items4:before { content: ""; width: 22%; height: 100px; float: left; }
  #countries .nested-accordion .sitemap-col.items3:before { content: ""; width: 31%; height: 100px; float: left; }
  #countries .nested-accordion .sitemap-col.items2:before { content: ""; width: 38%; height: 100px; float: left; }
  #countries .nested-accordion .sitemap-col.items1:before { content: ""; width: 46%; height: 100px; float: left; }
  .ie8 #countries .nested-accordion .sitemap-col.items5:before { width: 9%; }
  .ie8 #countries .nested-accordion .sitemap-col.items4:before { width: 18%; }
  .ie8 #countries .nested-accordion .sitemap-col.items3:before { width: 27%; }
  .ie8 #countries .nested-accordion .sitemap-col.items2:before { width: 34%; }
  .ie8 #countries .nested-accordion .sitemap-col.items1:before { width: 42%; } }
/* ===============================  */
/* 1024px ========================  */
@media (min-width: 1024px) { section.section-sitemap .nested-accordion.sitemap-columns-1 { padding-left: 34%; }
  section.section-sitemap .nested-accordion.sitemap-columns-1 .sitemap-col-item { width: 25%; }
  section.section-sitemap .nested-accordion.sitemap-columns-2 .sitemap-col-item { width: 25%; }
  section.section-sitemap .nested-accordion.sitemap-columns-3 .sitemap-col-item { width: 25%; }
  section.section-sitemap .nested-accordion.sitemap-columns-4 .sitemap-col-item { width: 25%; }
  section.section-sitemap .nested-accordion.sitemap-columns-5 .sitemap-col-item { width: 20%; }
  section.section-sitemap .nested-accordion.sitemap-columns-5 .col-item-5 { clear: none; padding-left: 0%; }
  section.section-sitemap .nested-accordion.sitemap-columns-6 .col-item-5 { clear: none; padding-left: 0%; }
  section.section-sitemap .nested-accordion.sitemap-columns-7 .col-item-5 { clear: none; padding-left: 0%; }
  section.section-sitemap .nested-accordion.sitemap-columns-7 .col-item-7 { clear: left; padding-left: 41.25%; }
  section.section-sitemap .nested-accordion.sitemap-columns-8 .col-item-5 { clear: none; padding-left: 0%; }
  section.section-sitemap .nested-accordion.sitemap-columns-8 .col-item-7 { clear: left; padding-left: 33%; }
  section.section-sitemap .nested-accordion.sitemap-columns-9 .col-item-5, section.section-sitemap .nested-accordion.sitemap-columns-9 .col-item-9 { clear: none; padding-left: 0%; }
  section.section-sitemap .nested-accordion.sitemap-columns-9 .col-item-7 { clear: left; padding-left: 24.75%; }
  section.section-sitemap .nested-accordion.sitemap-columns-10 .col-item-5, section.section-sitemap .nested-accordion.sitemap-columns-10 .col-item-9 { clear: none; padding-left: 0%; }
  section.section-sitemap .nested-accordion.sitemap-columns-10 .col-item-7 { clear: left; padding-left: 16.5%; }
  section.section-sitemap .nested-accordion.sitemap-columns-11 .col-item-5, section.section-sitemap .nested-accordion.sitemap-columns-11 .col-item-9 { clear: none; padding-left: 0%; }
  section.section-sitemap .nested-accordion.sitemap-columns-11 .col-item-7 { clear: left; padding-left: 8.25%; }
  section.section-sitemap .nested-accordion.sitemap-columns-12 .col-item-5, section.section-sitemap .nested-accordion.sitemap-columns-12 .col-item-9 { clear: none; padding-left: 0%; }
  section.section-sitemap .nested-accordion.sitemap-columns-12 .col-item-7 { clear: left; padding-left: 0; }
  section.section-sitemap .nested-accordion .sitemap-col-item { width: 16.5%; float: left; }
  section.section-sitemap .nested-accordion .sitemap-col { float: none; padding: 0 10px 0 12px; }
  section.section-sitemap .nested-accordion .sitemap-col-item:nth-child(6n) { clear: none; }
  section.section-sitemap .nested-accordion .mobile-select-toggle, section.section-sitemap .nested-accordion .level1-link { padding: 0 0 0 12px; } }
/* ===============================  */
/* 1200px ========================  */
@media (min-width: 1200px) { section.section-sitemap { padding: 35px 0 35px; }
  section.section-sitemap .nested-accordion { position: relative; left: 50%; width: 900px; margin: 6px 0 0 -450px; } }
/* ===============================  */
/* From GO! */
.btn-plus, .btn-plus-dark, .btn-minus, .btn-minus-dark { background: url(../img/btn-plus-sprite.png) 0 0 no-repeat; width: 32px; height: 32px; display: inline-block; *display: inline; zoom: 1; text-indent: -9999em; transition: none; }
.btn-plus:hover, .btn-plus-dark:hover, .btn-minus:hover, .btn-minus-dark:hover { transition: none; background-position: 0 -100px; }

.light-bg .btn-plus, .btn-plus-dark { background-position: -141px 0; }
.light-bg .btn-plus:hover, .btn-plus-dark:hover { background-position: -141px -100px; }

.btn-minus { background-position: -70px 0; }
.btn-minus:hover { background-position: -70px -100px; }

.light-bg .btn-minus, .btn-minus-dark { background-position: -210px 0px; }
.light-bg .btn-minus:hover, .btn-minus-dark:hover { background-position: -210px -100px; }

.btn-close, .btn-close-dark { background: url(../img/btn-close-sprite.png) 0 0 no-repeat; width: 32px; height: 32px; display: inline-block; *display: inline; zoom: 1; text-indent: -9999em; transition: none; }
.btn-close:hover, .btn-close-dark:hover { transition: none; background-position: 0 -100px; }

.btn-close-dark { background-position: -70px 0; }
.btn-close-dark:hover { transition: none; background-position: -70px -100px; }

/* _________________________________________________________
PROJECT:	Coke UI Kit
CONTENT:	Language Tunnel
____________________________________________________________ */
/* 0px ===========================  */
@media (min-width: 0) { section.section-language-tunnel { padding: 0; text-align: center; padding: 23px 0 10px; /*margin-top:15px;
margin-bottom:15px;*/ }
  section.section-language-tunnel h2.headline { font-size: 20px; line-height: 1.1em; width: auto; max-width: 320px; }
  section.section-language-tunnel .headline { margin: 0 auto 35px; }
  section.section-language-tunnel h3.selected-country { font-size: 30px; line-height: 25px; /*color:$black;*/ text-transform: none; }
  section.section-language-tunnel ul.language-options { width: 100%; margin: 20px auto 0; display: table; padding: 0; }
  section.section-language-tunnel ul.language-options li { /*color: $brand-primary;*/ text-transform: uppercase; padding: 6px 0; margin: 0 10px; font-size: 13px; line-height: 1em; list-style: none; }
  section.section-language-tunnel ul.language-options li > a { font-weight: bold; display: block; background: #fff; font-size: 20px; line-height: 25px; padding: 8px 0 6px 0; margin: 1px 0 0 0; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; /*color: $brand-primary; */ opacity: 1; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  section.section-language-tunnel ul.language-options li > a:hover { color: #000; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
  section.section-language-tunnel.dark-bg { background: #ddd; }
  section.light-bg ul.language-options li > a { background: #ccc; } }
/* ===============================  */
/* 480px ========================   */
/* ===============================  */
/* 768px ========================   */
@media (min-width: 768px) { section.section-language-tunnel { padding: 23px 0 30px; }
  section.section-language-tunnel h2.headline { font-size: 30px; }
  section.section-language-tunnel h3.selected-country { font-size: 60px; }
  section.section-language-tunnel ul.language-options { width: 126px; display: table; margin: 30px auto 0; }
  section.section-language-tunnel ul.language-options li { padding: 5px 0; }
  section.section-language-tunnel ul.language-options li > a { font-size: 15px; padding: 6px 10px; } }
/* ===============================  */
/* 1024px ========================  */
/* ===============================  */
/* 1200px ========================  */
/* ===============================  */
/* PRINT ========================   */
/* ===============================  */
/* Tables style sheets. Must be in this order. */
/*! Tablesaw - v0.1.6 - 2014-07-23
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2014 Filament Group; Licensed MIT */
table.tablesaw { empty-cells: show; max-width: 100%; width: 100%; }

.tablesaw { border-collapse: collapse; width: 100%; }

/* Structure */
.tablesaw { border: 0; padding: 0; }

.tablesaw th, .tablesaw td { -moz-box-sizing: border-box; box-sizing: border-box; padding: .5em .7em; }

.tablesaw thead tr:first-child th { padding-top: .9em; padding-bottom: .7em; }

.tablesaw-enhanced .tablesaw-bar .btn, .tablesaw-enhanced .tablesaw-bar .server-error-msg-container .server-error-action .server-error-button, .server-error-msg-container .server-error-action .tablesaw-enhanced .tablesaw-bar .server-error-button { border: 1px solid #ccc; background: none; background-color: #fafafa; box-shadow: 0 1px 0 white; color: #4a4a4a; clear: both; cursor: pointer; display: block; font: bold 20px/1 sans-serif; margin: 0; padding: .5em .85em .4em .85em; position: relative; text-align: center; text-decoration: none; text-transform: capitalize; text-shadow: 0 1px 0 #fff; width: 100%; /* Theming */ background-image: linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(170, 170, 170, 0.1) 55%, rgba(120, 120, 120, 0.15) 100%); -webkit-appearance: none !important; -moz-appearance: none !important; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; border-radius: .25em; }

.tablesaw-enhanced .tablesaw-bar a.btn, .tablesaw-enhanced .tablesaw-bar .server-error-msg-container .server-error-action a.server-error-button, .server-error-msg-container .server-error-action .tablesaw-enhanced .tablesaw-bar a.server-error-button { color: #1c95d4; }

.tablesaw-enhanced .tablesaw-bar .btn:hover, .tablesaw-enhanced .tablesaw-bar .server-error-msg-container .server-error-action .server-error-button:hover, .server-error-msg-container .server-error-action .tablesaw-enhanced .tablesaw-bar .server-error-button:hover { text-decoration: none; }

/* Default radio/checkbox styling horizonal controlgroups. */
.tablesaw-enhanced .tablesaw-bar .btn:active, .tablesaw-enhanced .tablesaw-bar .server-error-msg-container .server-error-action .server-error-button:active, .server-error-msg-container .server-error-action .tablesaw-enhanced .tablesaw-bar .server-error-button:active { background-color: #ddd; background-image: linear-gradient(top, rgba(100, 100, 100, 0.35) 0%, rgba(255, 255, 255, 0) 70%); }

.tablesaw-enhanced .tablesaw-bar .btn:hover, .tablesaw-enhanced .tablesaw-bar .server-error-msg-container .server-error-action .server-error-button:hover, .server-error-msg-container .server-error-action .tablesaw-enhanced .tablesaw-bar .server-error-button:hover, .tablesaw-enhanced .tablesaw-bar .btn:focus, .tablesaw-enhanced .tablesaw-bar .server-error-msg-container .server-error-action .server-error-button:focus, .server-error-msg-container .server-error-action .tablesaw-enhanced .tablesaw-bar .server-error-button:focus { color: #208de3; background-color: #fff; outline: none; }

.tablesaw-bar .btn:focus, .tablesaw-bar .server-error-msg-container .server-error-action .server-error-button:focus, .server-error-msg-container .server-error-action .tablesaw-bar .server-error-button:focus { box-shadow: 0 0 .35em #4faeef !important; }

.ie-lte8 .tablesaw-bar .btn:hover, .ie-lte8 .tablesaw-bar .server-error-msg-container .server-error-action .server-error-button:hover, .server-error-msg-container .server-error-action .ie-lte8 .tablesaw-bar .server-error-button:hover, .ie-lte8 .tablesaw-bar .btn:focus, .ie-lte8 .tablesaw-bar .server-error-msg-container .server-error-action .server-error-button:focus, .server-error-msg-container .server-error-action .ie-lte8 .tablesaw-bar .server-error-button:focus { color: #208de3; background-color: #fff; border-color: #aaa; outline: none; }

.tablesaw-bar .btn-select select { background: none; border: none; display: block; position: absolute; font-weight: inherit; left: 0; top: 0; margin: 0; width: 100%; height: 100%; z-index: 2; min-height: 1em; }

.tablesaw-bar .btn-select select { opacity: 0; filter: alpha(opacity=0); display: inline-block; color: transparent; }

.tablesaw-bar .btn select option, .tablesaw-bar .server-error-msg-container .server-error-action .server-error-button select option, .server-error-msg-container .server-error-action .tablesaw-bar .server-error-button select option { background: #fff; color: #000; font-family: sans-serif; }

.tablesaw-enhanced .tablesaw-bar .btn.btn-select, .tablesaw-enhanced .tablesaw-bar .server-error-msg-container .server-error-action .btn-select.server-error-button, .server-error-msg-container .server-error-action .tablesaw-enhanced .tablesaw-bar .btn-select.server-error-button { color: #4d4d4d; padding-right: 2.5em; min-width: 7.25em; text-align: left; text-indent: 0; }

.ie-lte8 .tablesaw-bar .btn-select { min-width: 6.1em; }

.tablesaw-bar .btn.btn-small, .tablesaw-bar .server-error-msg-container .server-error-action .btn-small.server-error-button, .server-error-msg-container .server-error-action .tablesaw-bar .btn-small.server-error-button, .tablesaw-bar .btn.btn-micro, .tablesaw-bar .server-error-msg-container .server-error-action .btn-micro.server-error-button, .server-error-msg-container .server-error-action .tablesaw-bar .btn-micro.server-error-button { display: inline-block; width: auto; height: auto; position: relative; top: 0; }

.tablesaw-bar .btn.btn-small, .tablesaw-bar .server-error-msg-container .server-error-action .btn-small.server-error-button, .server-error-msg-container .server-error-action .tablesaw-bar .btn-small.server-error-button { font-size: 17px; line-height: 19px; padding: .3em 1em .3em 1em; }

.tablesaw-bar .btn.btn-micro, .tablesaw-bar .server-error-msg-container .server-error-action .btn-micro.server-error-button, .server-error-msg-container .server-error-action .tablesaw-bar .btn-micro.server-error-button { font-size: 13px; padding: .4em .7em .25em .7em; }

.tablesaw-enhanced .tablesaw-bar .btn-select { text-align: left; }

.tablesaw-bar .btn-select:after { background: #e5e5e5; background: rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px rgba(255, 255, 255, 0.25); content: " "; display: block; position: absolute; }

.tablesaw-bar .btn-select.btn-small, .tablesaw-bar .btn-select.btn-micro { padding-right: 1.5em; }

.tablesaw-bar .btn-select:after { background: none; background-repeat: no-repeat; background-position: .25em .45em; content: "\25bc"; font-size: .55em; padding-top: 1.2em; padding-left: 1em; left: auto; right: 0; margin: 0; top: 0; bottom: 0; width: 1.8em; }

.tablesaw-bar .btn-select.btn-small:after, .tablesaw-bar .btn-select.btn-micro:after { width: 1.2em; font-size: .5em; padding-top: 1em; padding-right: .5em; line-height: 1.65; background: none; box-shadow: none; border-left-width: 0; }

/* Column navigation buttons for swipe and columntoggle tables */
.tablesaw-bar .tablesaw-advance { position: relative; top: -2.6em; }

.tablesaw-advance .btn, .tablesaw-advance .server-error-msg-container .server-error-action .server-error-button, .server-error-msg-container .server-error-action .tablesaw-advance .server-error-button { -webkit-appearance: none; -moz-appearance: none; -moz-box-sizing: border-box; box-sizing: border-box; text-shadow: 0 1px 0 #fff; border-radius: .25em; }

.tablesaw-advance .btn.btn-micro, .tablesaw-advance .server-error-msg-container .server-error-action .btn-micro.server-error-button, .server-error-msg-container .server-error-action .tablesaw-advance .btn-micro.server-error-button { font-size: .8125em; padding: .4em .7em .25em .7em; }

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn { display: inline-block; overflow: hidden; width: 1.8em; height: 1.8em; background-position: 50% 50%; margin-left: .5em; }

.tablesaw-advance a.tablesaw-nav-btn.disabled { opacity: .25; filter: alpha(opacity=25); cursor: default; pointer-events: none; }

/* Table Toolbar */
.tablesaw-bar { clear: both; font-family: sans-serif; }

.tablesaw-bar.mode-swipe, .tablesaw-bar.mode-columntoggle { margin-top: -2em; position: relative; top: 2em; }

.tablesaw-toolbar { font-size: .875em; }

.tablesaw-toolbar label { padding: .5em 0; clear: both; display: block; color: #888; margin-right: .5em; text-transform: uppercase; }

.tablesaw-bar .btn, .tablesaw-bar .server-error-msg-container .server-error-action .server-error-button, .server-error-msg-container .server-error-action .tablesaw-bar .server-error-button, .tablesaw-enhanced .tablesaw-bar .btn, .tablesaw-enhanced .tablesaw-bar .server-error-msg-container .server-error-action .server-error-button, .server-error-msg-container .server-error-action .tablesaw-enhanced .tablesaw-bar .server-error-button { margin-top: .5em; margin-bottom: .5em; }

.tablesaw-bar .btn-select, .tablesaw-enhanced .tablesaw-bar .btn-select { margin-bottom: 0; }

.tablesaw-bar .tablesaw-toolbar .btn, .tablesaw-bar .tablesaw-toolbar .server-error-msg-container .server-error-action .server-error-button, .server-error-msg-container .server-error-action .tablesaw-bar .tablesaw-toolbar .server-error-button { margin-left: .4em; margin-top: 0; text-transform: uppercase; border: none; box-shadow: none; background: transparent; font-family: sans-serif; font-size: 1em; padding-left: .3em; }

.tablesaw-bar .tablesaw-toolbar .btn-select { min-width: 0; }

.tablesaw-bar .tablesaw-toolbar .btn-select:after { padding-top: .9em; }

.tablesaw-bar .tablesaw-toolbar select { color: #888; text-transform: none; background: transparent; }

.tablesaw-toolbar ~ table { clear: both; }

.tablesaw-toolbar .a11y-sm { clip: rect(0 0 0 0); height: 1px; overflow: hidden; position: absolute; width: 1px; }

@media (min-width: 24em) { .tablesaw-toolbar .a11y-sm { clip: none; height: auto; width: auto; position: static; overflow: visible; } }
@media (min-width: 40em) { .tablesaw-bar.mode-swipe, .tablesaw-bar.mode-columntoggle { margin-top: 0; top: 0; }
  .tablesaw-bar .tablesaw-advance { position: static; }
  .tablesaw-bar { margin-top: 0; position: static; } }
table.tablesaw tbody th { font-weight: bold; }

table.tablesaw thead th, table.tablesaw thead td { color: #444; font-size: .9em; }

.tablesaw th, .tablesaw td { line-height: 1em; text-align: left; vertical-align: middle; }

.tablesaw td, .tablesaw tbody th { vertical-align: middle; font-size: 1.17em; /* 19px */ }

.tablesaw td .btn, .tablesaw td .server-error-msg-container .server-error-action .server-error-button, .server-error-msg-container .server-error-action .tablesaw td .server-error-button, .tablesaw tbody th .btn, .tablesaw tbody th .server-error-msg-container .server-error-action .server-error-button, .server-error-msg-container .server-error-action .tablesaw tbody th .server-error-button { margin: 0; }

.tablesaw thead th { border: 1px solid #e5e5e4; background: #e2dfdc; background-image: linear-gradient(to bottom, #fff, #e2dfdc); }

.tablesaw thead th { font-weight: 100; color: #777; text-transform: uppercase; text-shadow: 0 1px 0 #fff; text-align: left; }

.tablesaw thead tr:first-child th { font-weight: normal; font-family: sans-serif; border-right: 1px solid #e4e1de; }

/* Table rows have a gray bottom stroke by default */
.tablesaw tbody tr { border-bottom: 1px solid #dfdfdf; }

.tablesaw caption { text-align: left; margin-bottom: 1.4em; opacity: .5; filter: alpha(opacity=50); }

/* Stack */
.tablesaw-cell-label-top { text-transform: uppercase; font-size: .9em; font-weight: normal; }

.tablesaw-cell-label { font-size: .65em; text-transform: uppercase; color: #888; font-family: sans-serif; }

@media (min-width: 40em) { .tablesaw td { line-height: 2em; } }
/* Table rows have a gray bottom stroke by default */
.tablesaw-stack tbody tr { border-bottom: 1px solid #dfdfdf; }

.tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label { display: none; }

/* Mobile first styles: Begin with the stacked presentation at narrow widths */
@media only all { /* Show the table cells as a block level element */
  .tablesaw-stack td, .tablesaw-stack th { text-align: left; display: block; }
  .tablesaw-stack tr { clear: both; display: table-row; }
  /* Make the label elements a percentage width */
  .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label { display: block; padding: 0 .6em 0 0; min-width: 30%; display: inline-block; }
  /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
  .tablesaw-stack th .tablesaw-cell-label-top, .tablesaw-stack td .tablesaw-cell-label-top { display: block; padding: .4em 0; margin: .4em 0; }
  .tablesaw-cell-label { display: block; }
  /* Avoid double strokes when stacked */
  .tablesaw-stack tbody th.group { margin-top: -1px; }
  /* Avoid double strokes when stacked */
  .tablesaw-stack th.group b.tablesaw-cell-label { display: none !important; } }
@media (max-width: 39.9375em) { .tablesaw-stack thead td, .tablesaw-stack thead th { display: none; }
  .tablesaw-stack tbody td, .tablesaw-stack tbody th { clear: left; float: left; width: 100%; } }
/* Media query to show as a standard table at 560px (35em x 16px) or wider */
@media (min-width: 40em) { .tablesaw-stack tr { display: table-row; }
  /* Show the table header rows */
  .tablesaw-stack td, .tablesaw-stack th, .tablesaw-stack thead td, .tablesaw-stack thead th { display: table-cell; margin: 0; }
  /* Hide the labels in each cell */
  .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label { display: none !important; } }
.tablesaw-fix-persist { table-layout: fixed; }

/* see Gruntfile.js for grunticon selector */
.btn.tablesaw-columntoggle-btn, .server-error-msg-container .server-error-action .tablesaw-columntoggle-btn.server-error-button { float: right; }

.btn.tablesaw-columntoggle-btn span, .server-error-msg-container .server-error-action .tablesaw-columntoggle-btn.server-error-button span { text-indent: -9999px; display: inline-block; }

.tablesaw-columntoggle-btnwrap .dialog-content { padding: .5em; }

.tablesaw-columntoggle tbody td { line-height: 1.5; }

/* Remove top/bottom margins around the fieldcontain on check list */
.tablesaw-columntoggle-popup fieldset { margin: 0; }

/* Hide all prioritized columns by default */
@media only all { .tablesaw-columntoggle th.tablesaw-priority-6, .tablesaw-columntoggle td.tablesaw-priority-6, .tablesaw-columntoggle th.tablesaw-priority-5, .tablesaw-columntoggle td.tablesaw-priority-5, .tablesaw-columntoggle th.tablesaw-priority-4, .tablesaw-columntoggle td.tablesaw-priority-4, .tablesaw-columntoggle th.tablesaw-priority-3, .tablesaw-columntoggle td.tablesaw-priority-3, .tablesaw-columntoggle th.tablesaw-priority-2, .tablesaw-columntoggle td.tablesaw-priority-2, .tablesaw-columntoggle th.tablesaw-priority-1, .tablesaw-columntoggle td.tablesaw-priority-1 { display: none; } }
.tablesaw-columntoggle-btnwrap { position: relative; float: right; }

.tablesaw-columntoggle-btnwrap .dialog-content { top: 0 !important; right: 1em; left: auto !important; width: 12em; max-width: 18em; margin: -.5em auto 0; }

.tablesaw-columntoggle-btnwrap .dialog-content:focus { outline-style: none; }

.dialog-table-coltoggle { border-radius: .5em; }

/* Preset breakpoints if "" class added to table */
/* Show priority 1 at 320px (20em x 16px) */
@media (min-width: 20em) { .tablesaw-columntoggle th.tablesaw-priority-1, .tablesaw-columntoggle td.tablesaw-priority-1 { display: table-cell; } }
/* Show priority 2 at 480px (30em x 16px) */
@media (min-width: 30em) { .tablesaw-columntoggle th.tablesaw-priority-2, .tablesaw-columntoggle td.tablesaw-priority-2 { display: table-cell; } }
/* Show priority 3 at 640px (40em x 16px) */
@media (min-width: 40em) { .tablesaw-columntoggle th.tablesaw-priority-3, .tablesaw-columntoggle td.tablesaw-priority-3 { display: table-cell; }
  .tablesaw-columntoggle tbody td { line-height: 2; } }
/* Show priority 4 at 800px (50em x 16px) */
@media (min-width: 50em) { .tablesaw-columntoggle th.tablesaw-priority-4, .tablesaw-columntoggle td.tablesaw-priority-4 { display: table-cell; } }
/* Show priority 5 at 960px (60em x 16px) */
@media (min-width: 60em) { .tablesaw-columntoggle th.tablesaw-priority-5, .tablesaw-columntoggle td.tablesaw-priority-5 { display: table-cell; } }
/* Show priority 6 at 1,120px (70em x 16px) */
@media (min-width: 70em) { .tablesaw-columntoggle th.tablesaw-priority-6, .tablesaw-columntoggle td.tablesaw-priority-6 { display: table-cell; } }
@media only all { .tablesaw-swipe .tablesaw-cell-persist { border-right: 1px solid #e4e1de; }
  .tablesaw-swipe .tablesaw-cell-persist { box-shadow: 3px 0 4px -1px #e4e1de; }
  /* Unchecked manually: Always hide */
  .tablesaw-swipe th.tablesaw-cell-hidden, .tablesaw-swipe td.tablesaw-cell-hidden, .tablesaw-columntoggle th.tablesaw-cell-hidden, .tablesaw-columntoggle td.tablesaw-cell-hidden { display: none; }
  /* Checked manually: Always show */
  .tablesaw-columntoggle th.tablesaw-cell-visible, .tablesaw-columntoggle td.tablesaw-cell-visible { display: table-cell; } }
.tablesaw-columntoggle-popup .btn-group > label { display: block; padding: .2em 0; }

.tablesaw-columntoggle-popup .btn-group > label input { margin-right: .8em; }

.tablesaw-sortable, .tablesaw-sortable thead, .tablesaw-sortable thead tr, .tablesaw-sortable thead tr th { position: relative; }

.tablesaw-sortable thead tr th { padding-right: 1.6em; vertical-align: top; }

.tablesaw-sortable th.sortable-head, .tablesaw-sortable tr:first-child th.sortable-head { padding: 0; }

.tablesaw-sortable th.sortable-head button { padding-top: .9em; padding-bottom: .7em; padding-left: .6em; padding-right: 1.6em; }

.tablesaw-sortable .sortable-head button { min-width: 100%; color: inherit; background: transparent; border: 0; padding: 0; text-align: left; font: inherit; text-transform: inherit; position: relative; }

.tablesaw-sortable .sortable-head.sortable-ascending button:after, .tablesaw-sortable .sortable-head.sortable-descending button:after { width: 7px; height: 10px; content: "\0020"; position: absolute; right: .5em; }

.tablesaw-sortable .not-applicable:after { content: "--"; display: block; }

.tablesaw-sortable .not-applicable span { display: none; }

.tablesaw-sortable-switch { float: left; width: 100%; }

@media (min-width: 40em) { .tablesaw-sortable-switch { width: auto; } }
.tablesaw-advance { display: block; float: right; }

.tablesaw-advance.minimap { margin-right: .4em; }

.tablesaw-advance-dots { float: left; margin: 0; padding: 0; list-style: none; }

.tablesaw-advance-dots li { display: table-cell; margin: 0; padding: .4em .2em; }

.tablesaw-advance-dots li i { width: .25em; height: .25em; background: #555; border-radius: 100%; display: inline-block; }

.tablesaw-advance-dots-hide { opacity: .25; filter: alpha(opacity=25); cursor: default; pointer-events: none; }

.tablesaw-modeswitch { clear: both; }

.tablesaw-sortable-switch + .tablesaw-modeswitch { border-top: 1px solid #eae8e6; }

@media (min-width: 40em) { .tablesaw-modeswitch { float: left; clear: none; }
  .tablesaw-sortable-switch + .tablesaw-modeswitch { border-top: none; } }
/* Global table styles */
table { clear: both; margin: auto; }
table.t-even-cols { table-layout: fixed; }
table .valign-t { vertical-align: top; }

td { color: #40525F; background: #f0f0f0; border: 1px solid #fff; }

td, th { padding: 20px; }

th { text-align: left; vertical-align: bottom; border: 1px solid #fff; /* added baseline style, can be overridden in theme */ background: #40525F; color: #fff; font: normal 1em/1 "VAG Rounded W01 Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }

.tablesaw td { color: #40525F; line-height: 1.3; font-size: inherit; }
.tablesaw td, .tablesaw th, .tablesaw tr:first-child th { padding: 20px; }
.tablesaw tr:first-child th { background: #40525F; border-right-color: #fff; color: #fff; font: normal 1em/1 "VAG Rounded W01 Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif; text-shadow: none; text-transform: none; vertical-align: middle; }
.tablesaw tr:first-child th[data-sortable-default-col] { color: #ccc; }

.tablesaw-sortable th.sortable-head, .tablesaw-sortable tr:first-child th.sortable-head { padding: 20px; }
.tablesaw-sortable th.sortable-head button { padding: 0; border: none; cursor: pointer; }
.tablesaw-sortable th.sortable-head button:hover { color: #ccc; }

.tablesaw-toolbar { display: none; }

.tablesaw-stack tbody tr { border-bottom: none; }

.tablesaw-bar .tablesaw-toolbar select, .tablesaw-bar .btn-select select { background-color: #eee; background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#aaaaaa)) !important; background-image: -webkit-linear-gradient(top, white, #aaaaaa) !important; background-image: -moz-linear-gradient(top, white, #aaaaaa) !important; background-image: -o-linear-gradient(top, white, #aaaaaa) !important; background-image: -ms-linear-gradient(top, white, #aaaaaa) !important; background-image: linear-gradient(top, white, #aaaaaa) !important; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#aaaaaa'); color: #000; opacity: 1; font-weight: normal; }

.tablesaw-bar .btn-select:after { content: ''; }

@media (max-width: 39.9375em) { td { vertical-align: bottom; }
  .tablesaw-cell-label { clear: both; display: block; width: 100%; }
  .tablesaw-toolbar { display: block; margin-bottom: 1em; } }
.ArticleTextwell .tablesaw td.hacked-tablesaw-empty-cell { display: none; }

@media (max-width: 39.9375em) { .tablesaw-stack tbody th { display: none; } }
/* document library and other tables with sortable columns */
.filter { font-size: 24px; font-family: "VAG Rounded W01 Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: normal; display: block; padding: 1.2em 0; }

.table-doclib { border-collapse: collapse; font-size: 16px; margin: auto; }
.table-doclib [class^="icon-"], .table-doclib .video-container .video-thumb:before, .video-container .table-doclib .video-thumb:before, .table-doclib .ms-item .ms-video-thumb:before, .ms-item .table-doclib .ms-video-thumb:before, .table-doclib .circle-button:before, .table-doclib .like-button:after, .table-doclib .close-button:after, .table-doclib .ms-item:after, .table-doclib .ms-item.submit-question a:before, .ms-item.submit-question .table-doclib a:before, .table-doclib .ms-item.submit-question a:after, .ms-item.submit-question .table-doclib a:after, .table-doclib .pre-form-login .login-option.social-facebook:before, .pre-form-login .table-doclib .login-option.social-facebook:before, .table-doclib .pre-form-login .login-option.social-twitter:before, .pre-form-login .table-doclib .login-option.social-twitter:before, .table-doclib .pre-form-login .login-option.social-googleplus:before, .pre-form-login .table-doclib .login-option.social-googleplus:before, .table-doclib .pre-form-login .login-option.social-yahoo:before, .pre-form-login .table-doclib .login-option.social-yahoo:before, .table-doclib .pre-form-login .login-option.social-linkedin:before, .pre-form-login .table-doclib .login-option.social-linkedin:before, .table-doclib .pre-form-login .login-option.social-pinterest:before, .pre-form-login .table-doclib .login-option.social-pinterest:before, .table-doclib .pre-form-login .login-option.social-tumblr:before, .pre-form-login .table-doclib .login-option.social-tumblr:before, .table-doclib .pre-form-login .login-option.social-instagram:before, .pre-form-login .table-doclib .login-option.social-instagram:before, .table-doclib .pre-form-login .login-option.social-flickr:before, .pre-form-login .table-doclib .login-option.social-flickr:before, .table-doclib .pre-form-login .login-option.social-vk:before, .pre-form-login .table-doclib .login-option.social-vk:before, .table-doclib .pre-form-login .login-option.social-weibo:before, .pre-form-login .table-doclib .login-option.social-weibo:before, .table-doclib .pre-form-login .login-option.form-login:before, .pre-form-login .table-doclib .login-option.form-login:before, .table-doclib [class*=" icon-"] { color: #fff; background: #666; border-radius: 1000px; font-size: 20px; padding: 8px; }
.table-doclib .icon-folder { color: #333; }
.table-doclib .icon-file-word { background: #2E589B; }
.table-doclib .icon-file-excel { background: #22723E; }
.table-doclib .icon-file-powerpoint { background: #CF4702; }
.table-doclib .icon-file-pdf { background: #F40F00; }
.table-doclib .icon-file-text { background: #53626F; }
.table-doclib .icon-file-html { background: #000; }
.table-doclib .icon-file-publisher { background: #0B846D; }
.table-doclib.tablesaw thead tr:first-child th { background: transparent; }
.table-doclib th { color: #f40000; }
.table-doclib th.type { width: 5%; }
.table-doclib th.title { min-width: 16%; }
.table-doclib th.country { width: 10%; }
.table-doclib th.description { width: 25%; }
.table-doclib th.owner { width: 12%; }
.table-doclib th.status { padding-left: 30px; }
.table-doclib.tablesaw { /* Change here */ /* End change */ }
.table-doclib.tablesaw td, .table-doclib.tablesaw tbody th { font-size: inherit; }
.table-doclib.tablesaw tr { border-bottom: 1px solid #ccc; }
.table-doclib.tablesaw thead { /*background: none;
border: none;*/ }
.table-doclib.tablesaw thead tr:first-child th { color: #f40000; font-size: 1em; border-right: none; padding: 70px 0 20px; text-shadow: none; text-transform: none; }
.table-doclib.tablesaw thead tr:first-child th[data-sortable-default-col] { color: #40525F; }
.table-doclib.tablesaw thead th { background: none; border: none; }
.table-doclib td, .table-doclib th, .table-doclib thead tr:first-child th { padding: 20px 20px 20px 0; }
.table-doclib td { background: transparent; border: none; }
.table-doclib th.sortable-head button { padding: 0; border: none; cursor: pointer; }
.table-doclib th.sortable-head button:hover { color: #40525F; }
.table-doclib .tablesaw-cell-label { font-size: 1em; color: #666; font-family: inherit; text-transform: none; }

.tdoc-title a { color: #f40000; }
.tdoc-title a:hover { color: #0097ff; text-decoration: underline; }

@media (max-width: 39.9375em) { .table-doclib td { padding: 20px 0 0; }
  .table-doclib td:nth-child(4) { padding-left: 0; } }
/* Document library only */
/*==================
Pagination module.
====================*/
.pagination { color: #f40000; margin: 50px 0 100px; text-align: center; }
.pagination ul { list-style-type: none; display: table; margin: auto; padding: 0; }
.pagination li { color: black; display: table-cell; vertical-align: middle; }
.pagination .next, .pagination .previous { font-size: 40px; }
.pagination .nolink-arrow { display: block; padding: 50% 0 0 0; width: 31px; }
.pagination a { color: #f40000; display: block; padding: 50% 0 0 0; width: 31px; }
.pagination a:hover, .pagination a.current { color: #40525F; }