@charset "UTF-8";
/* _________________________________________
PROJECT:  Gateway UI Kit
CONTENT:  Main HTML styles
____________________________________________ */
/* _________________________________________
PROJECT:  Gateway UI Kit
CONTENT:  Mixins and Variables
____________________________________________ */
/* button colors */
/* begin */
/* Light Background Colors */
/* Mild Background Colors */
/* Dark Background Colors */
/* end */
/* FANTA overrides */
/* Fanta Lemon */
/* Fanta Grape */
/* Fanta Strawberry */
/* Fanta Pineapple = same as lemon */
/* begin */
/* Light Background Colors */
/* Mild Background Colors */
/* Dark Background Colors */
/* end */
/* rgba(103,54,162,1.0); */
/* rgba(255,90,37,1.0); */
/* rgba(30,156,157,1.0); */
/* rgba(186,41,121,1.0); */
/* rgba(58,189,222,1.0); */
/* rgba(159,74,44,1.0); */
/* Base Font Sizes (for Gateway) */
/* 2up/3up/4up Text Mixins */
/* Imports from Bourbon for hi-dpi, etc. */
/* Firefox animations */
@import url("//hello.myfonts.net/count/2c2144");
html { -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(204, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

a:active { outline: none; }

:focus { outline: none; -moz-outline-style: none; }

a img { outline: none; border: none; }

img { -ms-interpolation-mode: bicubic; }

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

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

b, strong { font-weight: 700; }

dfn { font-style: italic; }

blockquote { padding-left: 24px; border-left: 1px solid #c8c8c8; font-style: italic; margin: 0 0 1.5em -24px; }

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

dl, dd { margin: 0 0 1.5em 0; }

dt { font-weight: 400; }

form { margin: 0; }

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

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

.ie7 img, .iem7 img { -ms-interpolation-mode: bicubic; }

iframe { border: none; }

input:-webkit-autofill { background-color: #e2e3df; background-image: none; color: #62696B; }

ins { background-color: #f0f0f0; color: #000; text-decoration: none; }

legend { margin-left: -7px; border-width: 0; padding: 0; }

label { font-weight: 400; cursor: pointer; }

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

li ul, li ol { font-size: 1em; margin: 0; }

mark { background-color: #f0f0f0; color: #000; font-style: italic; font-weight: 700; }

ol { display: compact; list-style-type: none; }

p, ol, ul, dl, address { margin-bottom: 0; font-size: 1em; }

p { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; text-align: justify; -webkit-hyphens: auto; -webkit-hyphenate-character: \2010; -webkit-hyphenate-limit-after: 1; -webkit-hyphenate-limit-before: 3; }

pre, code, kbd, samp { font-family: monospace, monospace; font-size: .875em; line-height: 1.5; }

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

q { quotes: none; }

.seo { text-indent: -9999px; visibility: collapse; display: none; }

small { font-size: 1em; }

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

sup { top: -.5em; }

sub { bottom: -.25em; }

ul, ol { margin: 0; padding: 0; list-style: none; }

li { list-style: none; }

::-moz-selection, ::-moz-selection, ::-webkit-selection { background: transparent; color: #999; text-shadow: none; }

::selection, ::-moz-selection, ::-webkit-selection { background: transparent; color: #999; text-shadow: none; }

::-webkit-input-placeholder, input:-moz-placeholder { font-size: .875em; line-height: 1.4; }

/* chrome webfont bug fix - temporary */
body { -webkit-animation-duration: 0.1s; -webkit-animation-name: fontfix; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0.1s; }

@-webkit-keyframes fontfix { from { opacity: 1; }
  to { opacity: 1; } }
/* _________________________________________
PROJECT:  Gateway UI Kit
CONTENT:  Fontface embeds and global typography variables
____________________________________________ */
/* FANTA Overrides */
/** @license MyFonts Webfont Build ID 2892100, 2014-09-29T16:03:49-0400  The fonts listed in this notice are subject to the End User License Agreement(s) entered into by the website owner. All other parties are explicitly restricted from using the Licensed Webfonts(s).  You may obtain a valid license at the URLs below.  Webfont: FrankfurterSBOP-Medium by Scangraphic Digital Type Collection URL: http://www.myfonts.com/fonts/efscangraphic/frankfurter-sb/medium/ Copyright: Copyright (c) Scangraphic Prepress Technology GmbH, 1992 - 2003. Veronika Elsner, Guenther Flake GbR, Hamburg 2004 Licensed pageviews: 100,000   License: http://www.myfonts.com/viewlicense?type=web&buildid=2892100  copyright 2014 MyFonts Inc
*/
@font-face { font-family: 'FrankfurterSBOP-Medium'; src: url("../fonts/2C2144_0_0.eot"); src: url("../fonts/2C2144_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/2C2144_0_0.woff") format("woff"), url("../fonts/2C2144_0_0.ttf") format("truetype"); }
@font-face { font-family: 'Coke-FM'; src: url("../fonts/Coke-FM.eot?-iaxvub"); src: url("../fonts/Coke-FM.eot?#iefix-iaxvub") format("embedded-opentype"), url("../fonts/Coke-FM.woff?-iaxvub") format("woff"), url("../fonts/Coke-FM.ttf?-iaxvub") format("truetype"), url("../fonts/Coke-FM.svg?-iaxvub#Coke-FM") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: 'Coke-FM'; 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-twitter:before { content: "\e602"; }

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

@font-face { font-family: 'FM-Player'; src: url("../fonts/FM-Player.eot?-jv7yoa"); src: url("../fonts/FM-Player.eot?#iefix-jv7yoa") format("embedded-opentype"), url("../fonts/FM-Player.woff?-jv7yoa") format("woff"), url("../fonts/FM-Player.ttf?-jv7yoa") format("truetype"), url("../fonts/FM-Player.svg?-jv7yoa#FM-Player") format("svg"); font-weight: normal; font-style: normal; }
[class^="fm-icon-"], [class*=" fm-icon-"] { font-family: 'FM-Player'; 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; }

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

.fm-icon-download:before { content: "\e601"; }

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

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

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

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

.fm-icon-popup:before { content: "\e606"; }

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

.fm-icon-volume:before { content: "\e608"; }

.fm-icon-thumbsDown:before { content: "\e609"; }

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

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

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

@font-face { font-family: 'cc-go'; src: url("../fonts/cc-go.eot?grb1kt"); src: url("../fonts/cc-go.eot?#iefixgrb1kt") format("embedded-opentype"), url("../fonts/cc-go.woff?grb1kt") format("woff"), url("../fonts/cc-go.ttf?grb1kt") format("truetype"), url("../fonts/cc-go.svg?grb1kt#cc-go") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-cc-"] { font-family: 'cc-go'; 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; }

[data-icon]:before { font-family: 'cc-go'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }

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

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

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

.icon-cc-previous:before { content: "\e606"; }

.icon-cc-next:before, .navigation-bar-slideout__list-item-link--next:before { content: "\e604"; }

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

/* Icons Present in Gateway */
/* _________________________________________
PROJECT:	Gateway UI Kit
CONTENT:	Root HTML styles are universal to all media types and contexts.
____________________________________________ */
/* WRAPPERS  ======================================== */
html, body { position: relative; width: 100%; height: 100%; margin: 0; padding: 0; background: #ffffff; }

body { position: relative; width: auto; }

/* TYPOGRAPHY  ====================================== */
/* See also fonts.less */
body { font-size: 1em; font-size: 16px; line-height: 20px; text-align: left; color: #111111; /*@include gothamSSBook;*/ font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: 300; font-style: normal; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

h1, h2, h3, h4, h5, h6 { /*@include gothamBoldHeadline;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; color: #222; text-align: center; line-height: 1.2em; margin: 0 auto 0 auto; padding: 0; }

h1.alignleft, h2.alignleft, h3.alignleft, h4.alignleft, h5.alignleft, h6.alignleft { text-align: left; margin: 0 0 0 0; }

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

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

h3, .h3 { font-size: 20px; font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }

h4, .h4 { font-size: 15px; font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }

h5, .h5 { font-size: 14px; font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }

h6, .h6 { font-size: 12px; font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }

.brand-primary { color: #F7941e; }

hr.spacer { border-top: 0; margin: 1.2em 0; }

p { margin: 0 0 10px 0; font-size: 12px; line-height: 17px; }

.item p { margin: 0; }

a { position: relative; text-decoration: none; font-weight: normal; color: #F7941e; opacity: 1; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
a:hover { color: #111111; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }

ul { list-style: none; }

ul li, ul li a { list-style: none; }

strong { font-weight: 500; }

address, .address { font-style: normal; float: left; width: 100%; margin: 0 0 20px 0; }

address h4, .address h4 { padding: 0 !important; float: left; width: 100%; }

.centered { margin-left: auto; margin-right: auto; text-align: center; }

.fleft { text-align: left; margin-left: 0; float: left; }

/*.subpagewrap {padding-top:230px;}*/
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements. j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }

.clearfix:after { clear: both; }

/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

/* TABLES ======*/
table.datatable { border-collapse: collapse; width: 100%; max-width: 728px; margin: 0 auto 60px auto; }
table.datatable th { border-top: 2px solid #000; border-bottom: 2px solid #000; padding: 4px 8px; }
table.datatable tr td { border-bottom: 2px solid #000; padding: 4px 8px; }
table.datatable td a { font-weight: bold; }

table.threecol tr td { width: 33%; }

/* PROGRESS BARS =============*/
.loadbars { margin: 10px 0; height: 10px; }

.loadbar-static { background: #ccc; height: 10px; float: left; width: 23%; margin: 0 1%; }

.loadbar-static span { display: block; float: left; height: 10px; background-color: #ffffff; }

.loadbar-static span.loadbar-demo-only-50 { width: 50%; }

.loadbar-static span.loadbar-demo-only-25 { width: 25%; }

.loadbar-static span.loadbar-demo-only-100 { width: 100%; }

.loadbar-static span.loadbar-demo-only-0 { width: 0%; }

.loadbar-static:hover > span { width: 100%; background-color: #F7941e; }

/*  FORMS   ======================================== */
/* alerts */
.alert { border: 5px solid #666; color: #666; padding: 10px; margin: 10px 0; }
.alert p { padding: 0; margin: 0; font-size: 13px; font-weight: bold; }

.alert-error { border-color: #F7941e; color: #F7941e; }

/* badges */
.badge { font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; padding: 4px 0; width: 24px; text-align: center; display: inline-block; background: url(../images/btn-badge.png) 0 0 no-repeat; color: #ffffff; }

/* pagination */
.pagination { height: 40px; padding-top: 10px; }
.pagination li { display: inline-block; min-width: 34px; text-align: center; background: url(../images/btn-pagination-sprite.png) -1px -1px no-repeat; }
.pagination li a { font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; line-height: 1em; color: #ddd; font-size: 18px; display: block; padding: 7px 0; }
.pagination li:hover { background-position: -198px 0px; }
.pagination li:hover a { color: #ffffff; font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }
.pagination li.pagination-current { background-position: -133px -1px; }
.pagination li.pagination-current a { color: #ffffff; }
.pagination li.pagination-current:hover { background-position: -198px -1px; }
.pagination li.pagination-current:hover a { color: #ffffff; font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }
.pagination li.pagination-inactive { background-position: -68px -1px; }
.pagination li.pagination-inactive a { color: #ffffff; cursor: default; }
.pagination li.pagination-inactive:hover a { color: #ffffff; }

.pagination.light li { background-position: -68px -1px; }
.pagination.light li a { color: #999; }
.pagination.light li:hover { background-position: -198px -1px; }
.pagination.light li:hover a { color: #ffffff; font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }
.pagination.light li.pagination-current { background-position: -133px -1px; }
.pagination.light li.pagination-current a { color: #ffffff; }
.pagination.light li.pagination-current:hover { background-position: -198px -1px; }
.pagination.light li.pagination-current:hover a { color: #ffffff; font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }
.pagination.light li.pagination-inactive a { color: #f7f7f7; cursor: default; }
.pagination.light li.pagination-inactive:hover { background-position: -68px -1px; }
.pagination.light li.pagination-inactive:hover a { color: #f7f7f7; }

form { /* IE 10 + */ /*	select::-ms-expand{
		display:none;
	}*/ }
form input[type="text"], form input[type="password"], form input[type="email"], form input[type="tel"], form textarea { -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; display: block; -webkit-appearance: none; -moz-appearance: none; border: none; background: #fff; padding: 10px 5%; font-size: 15px; color: #666; margin: 0 0 10px 0; }
form select { -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; border-radius: 0px; background-clip: padding-box; behavior: url(PIE.htc); font-size: 15px; color: #666; margin: 0 0 10px 0; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
form .frm-select { position: relative; }
form textarea { height: 200px; padding-top: 10px; }
form input[type="checkbox"] { float: left; width: 20px; height: 20px; margin: 0 0.25em 0 0; padding: 0; vertical-align: text-top; cursor: pointer; background: #fff; -webkit-appearance: none; border-radius: 0px; background-clip: padding-box; behavior: url(PIE.htc); border: solid 5px #ccc; display: inline-block; font-size: 15px; line-height: 1em; }
form input[type="radio"] { float: left; width: 20px; height: 20px; margin: 0 0.25em 0 0; padding: 0; vertical-align: text-top; cursor: pointer; font-size: 15px; line-height: 1em; }
form input[type="checkbox"]:checked { background: url("../images/form-check.png") no-repeat 2px 2px; border: solid 1px #111111; }
form .form-labels { float: left; width: 100%; height: auto; margin: 0 0 10px 0; }
form .form-labels label { width: auto; text-align: left; margin-left: 30px; display: block; }
form .form-labels .right { float: right; text-align: right; width: auto; }
form .form-labels-tight { float: left; width: 100%; height: auto; margin: 0 0 5px 0; }
form .form-labels-tight label { float: left; width: auto; text-align: left; }

.light-bg form input[type="text"], .light-bg form input[type="password"], .light-bg form input[type="email"], .light-bg form input[type="tel"], .light-bg form textarea { background: #eee; }

.prel { position: relative; }

/*
* Hide only visually, but have it available for screen readers:
* http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/
.visuallyhidden, .share-controls .headline { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
.visuallyhidden.focusable:active, .share-controls .focusable.headline:active, .visuallyhidden.focusable:focus, .share-controls .focusable.headline:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* 0px ===========================  */
@media (min-width: 0) { .hide-mobile { display: none; }
  .hide-mobile-tablet { display: none; } }
/* ===============================  */
/* 768px ========================   */
@media (min-width: 768px) { .hide-mobile { display: block; }
  .hide-tablet, .hide-tablet-desktop { display: none; } }
/* ===============================  */
/* 1024px ========================  */
@media (min-width: 1024px) { .hide-tablet, .hide-mobile-tablet { display: block; }
  .hide-desktop { display: none; } }
/* ===============================  */
/* IE9 hack to hide form arrow */
@media screen and (min-width: 0\0) { select { background-image: none !important; background-color: #fff; } }
/* _________________________________________________________
PROJECT:	Gateway UI Kit
CONTENT:	Flexslider is used for mobile on most sections and for galleries
____________________________________________________________ */
/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }

.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }

/* FlexSlider Necessary Styles
*********************************/
.flexslider { margin: 0; padding: 0; }

.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width: 100%; display: block; }

.flex-pauseplay span { text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

html[xmlns] .slides { display: block; }

* html .slides { height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0; background: transparent; position: relative; zoom: 1; }

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; transition: all 1s ease; }

.loading .flex-viewport { max-height: 300px; }

.flexslider .slides { zoom: 1; }

/* Direction Nav */
.flex-direction-nav { *height: 0; }

/* 480px ========================   */
@media (min-width: 481px) { .flex-direction-nav a { width: 28px; height: 42px; margin: -20px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: .75; -webkit-transition: all .3s ease; }
  .flex-direction-nav .flex-next { background-position: 100% 0; right: 0; -webkit-transition: all 0.01s ease-in-out; /* Safari and Chrome */ /* Firefox 4 */ /* Opera */ transition: all 0.01s ease-in-out; }
  .flex-direction-nav .flex-prev { left: 0; -webkit-transition: all 0.01s ease-in-out; /* Safari and Chrome */ /* Firefox 4 */ /* Opera */ transition: all 0.01s ease-in-out; }
  .flexslider:hover .flex-next { opacity: 1; }
  .flexslider:hover .flex-prev { opacity: 1; }
  .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
  .flex-direction-nav .flex-disabled { display: none; opacity: 0; filter: alpha(opacity=0); cursor: default; } }
/* ===============================  */
/* Control Nav */
.flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; }

.flex-control-nav li { margin: 0; display: inline-block; zoom: 1; *display: inline; }

.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; }

.flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); }

.flex-control-paging li a.flex-active { background: #000; background: black; cursor: default; }

.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }

.flex-control-thumbs li { width: 25%; float: left; margin: 0; }

.flex-control-thumbs img { width: 100%; display: block; opacity: 1; cursor: pointer; }

.flex-control-thumbs img:hover { opacity: 1; }

.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }

@media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 0; }
  .flex-direction-nav .flex-next { opacity: 1; right: 0; } }
/* Layout
***********************/
/* only show active slide's text on mobile */
@media screen and (max-width: 860px) { .item .item-text, .bb-msg-mobile-title, .bb-msg-mobile-sub { display: none; }
  .flex-active-slide .item .item-text, .flex-active-slide .bb-msg-mobile-title, .flex-active-slide .bb-msg-mobile-sub { display: block; } }
.item.flex-active-slide, .flex-viewport .item { color: #111111; }
.item.flex-active-slide .item-txt, .flex-viewport .item .item-txt { background: inherit; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
.item.flex-active-slide .item-txt h1, .item.flex-active-slide .item-txt h2, .item.flex-active-slide .item-txt h3, .item.flex-active-slide .item-txt h4, .item.flex-active-slide .item-txt h5, .item.flex-active-slide .item-txt h6, .item.flex-active-slide .item-txt p, .flex-viewport .item .item-txt h1, .flex-viewport .item .item-txt h2, .flex-viewport .item .item-txt h3, .flex-viewport .item .item-txt h4, .flex-viewport .item .item-txt h5, .flex-viewport .item .item-txt h6, .flex-viewport .item .item-txt p { color: #111111; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.item.flex-active-slide .bar, .flex-viewport .item .bar { background: rgba(0, 0, 0, 0.2); }

.item.flex-active-slide .item-txt, .item.flex-active-slide:hover .item-txt { background: #fff; }

.light-bg .item.flex-active-slide .item-txt, .light-bg .item.flex-active-slide:hover .item-txt { background: #eeeeee; }

#main { margin-left: 0; overflow: hidden; }

/* _________________________________________
PROJECT:	Gateway UI Kit
CONTENT:	Billboards - large photo promo 
____________________________________________ */
/* 0px ===========================  */
@media (min-width: 0) { /*.billb-wrap { height: 330px; }*/
  .billb-wrap { position: relative; width: 100%; display: block; margin: 0; padding: 0; min-height: 500px; /*    &:hover { cursor: pointer;  h1, p.billb-msg {color: $brand-primary; @include transition-out; } h2, h3, p.billb-text {color: $brand-primary; @include transition-in(.1s);}           img {opacity: 1; @include transition-in(.1s);} .btn { @include transition-in(0.2s); border-bottom:10px solid $brand-primary; } }
*/ }
  .billb-msg-wrap { z-index: 1; padding: 5%; width: 84%; background: #ffffff; position: relative; margin: 0 auto; top: -60px; }
  .bb-btn { display: none; }
  .billb-msg { text-align: center; font-size: -webkit-calc(22px * 0.8571428571); font-size: calc(22px * 0.8571428571); line-height: 1.3em; color: #474747; letter-spacing: -0.03em; display: block; font-family: 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 200; font-style: normal; /*@include gothamSSBold;*/ }
  .billb-msg { padding-top: 0; }
  .billb-logo-text, .billb-text { color: #111111; font-size: 22px; margin: 0 0 20px 0; text-align: center; line-height: 1.03em; letter-spacing: -0.03em; display: block; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: 300; font-style: normal; /*@include gothamSSBold;*/ }
  .billb-logo-text.black, .billb-text.black { color: #111111; }
  .billb-text-wrap span.btn, .billb-text-wrap span.gallery-main-carousel__overlay-action { display: none; }
  .billb-text-wrap { width: 100%; }
  /* don't display logos on mobile */
  .slide-logo, .billb-slide-logo { display: none; }
  .billb-figure { -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; padding: 0; margin: 0; width: 100%; height: 350px; position: relative; background-size: cover; background-position: 50% 0; -webkit-transform: translate3d(0, 0, 0); }
  .billb-msg-wrap.campaign .billb-text { font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; font-size: 20px; color: #474747; letter-spacing: 0.02em; text-transform: none; font-weight: normal; }
  .billb-msg-wrap.campaign .billb-msg { font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; color: #111111; font-size: 25px; letter-spacing: 0.02em; text-transform: none; line-height: 30px; font-weight: normal; }
  .bb-btn { /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; text-transform: uppercase; color: #fff; min-width: 110px; background: #eeeeee; position: relative; display: inherit; text-align: center; border-bottom: 10px solid #999999; margin: 0 auto; padding: 10px; font-size: 14px; width: 250px; max-width: 100%; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  .bb-btn:hover { -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; background: #eeeeee; } }
/* ========================  */
/* 768px ========================   */
@media (min-width: 768px) { /* show the logo when not in mobile, hide the text version */
  .billb-logo-text { display: none; }
  .billb-slide-logo { display: block; float: left; background-repeat: no-repeat; }
  .billb-text-wrap { float: left; text-align: center; }
  .billb-text-wrap span.btn, .billb-text-wrap span.gallery-main-carousel__overlay-action { display: inline-block; margin-top: 10px; }
  .billb-text { color: #111111; font-size: 22px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: 300; font-style: normal; margin: 0 0 15px 0; }
  .billb-msg.white { color: #fff; }
  .billb-figure { width: 100%; height: 310px; }
  /* overrides for dark billboards */
  .billb-dark.billb-wrap { color: #fff; }
  .billb-dark.billb-wrap .billb-msg, .billb-dark.billb-wrap .billb-text, .billb-dark.billb-wrap .billb-logo-text { color: #fff; }
  .billb-dark.billb-wrap a:hover .billb-msg, .billb-dark.billb-wrap a:hover .billb-text, .billb-dark.billb-wrap a:hover .billb-logo-text { color: #F7941e; }
  /* override for color backgrounds */
  .billb-wrap:hover .billb-msg.hoverwhite { color: #ffffff; }
  .billb-wrap:hover .billb-msg.hoverblack { color: #111111; }
  a:hover .billb-text { color: #111111; }
  a:hover .billb-msg { color: #111111; }
  a:hover .billb-msg.white { color: #111111; } }
/* ===============================  */
/* 768px ========================   */
@media (min-width: 768px) { .billb-wrap, .billb-wrap figure { height: 70vw; }
  .billb-wrap.billb-tall, .billb-wrap.billb-tall figure { height: 430px; } }
/* ===============================  */
@media (min-width: 1024px) { .billb-wrap, .billb-wrap figure { height: 36vw; }
  .billb-msg-wrap { z-index: 1; padding: 5%; width: 41%; background: #ffffff; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .billb-msg-wrap { padding: 5% 0 5% 5%; }
  .billb-msg { text-align: left; font-size: -webkit-calc(22px * 0.8571428571); font-size: calc(22px * 0.8571428571); line-height: 1.3em; color: #474747; letter-spacing: -0.03em; display: block; font-family: 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 200; font-style: normal; /*@include gothamSSBold;*/ }
  .billb-msg { padding-top: 0; }
  .billb-logo-text, .billb-text { color: #111111; font-size: 22px; margin: 0 0 36px 0; text-align: left; line-height: 1.03em; letter-spacing: -0.03em; display: block; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: 300; font-style: normal; /*@include gothamSSBold;*/ }
  .billb-text-wrap { text-align: left; }
  .bb-btn { width: 93%; max-width: 250px; display: inline-block; } }
/* 1200px ========================  */
@media (min-width: 1200px) { .billb-figure { margin: 0 auto; background-size: cover; } }
/* ===============================  */
/* _________________________________________________________
PROJECT:	Gateway UI Kit
CONTENT:	Billboard Crops
NOTES:		These are the 4 cropping-scaling options for billboards
____________________________________________________________ */
/* 0px ===========================  */
@media (min-width: 0) { /* STYLE 1 */
  .bb-style-1 figure, .billb-style-1 figure.billb-figure { background-size: cover; background-position: 50% 0; }
  /* STYLE 2 */
  .bb-style-2 figure, .billb-style-2 figure.billb-figure { background-size: cover; background-position: 75% 0; }
  /* STYLE 3 */
  .bb-style-3 figure, .billb-style-3 figure.billb-figure { background-size: cover; background-position: 25% 0; }
  /* STYLE 4 */
  .bb-style-4 figure, .billb-style-4 figure.billb-figure { background-size: 100% auto; background-position: 100% 0; } }
/* ===============================  */
/* 480px ========================   */
@media (min-width: 481px) { /* option 1 */
  .bb-style-1 .bb-msg-wrap { left: 50%; }
  .bb-style-1 .bb-msg { text-align: center; left: 0; width: 100%; }
  .bb-style-1 figure { background-size: cover; background-position: 50% 0; }
  /* option 2 */
  .bb-style-2 .bb-msg-wrap { left: 50%; }
  .bb-style-2 .bb-msg { text-align: center; left: 0; width: 100%; }
  .bb-style-2 figure { background-size: cover; background-position: 100% 0; }
  /* option 3 */
  .bb-style-3 .bb-msg-wrap { left: 50%; }
  .bb-style-3 .bb-msg { text-align: center; left: 0; width: 100%; }
  .bb-style-3 figure { background-size: cover; background-position: 100% 0; }
  /* option 4 */
  .bb-style-4 .bb-msg-wrap { left: 50%; }
  .bb-style-4 .bb-msg { text-align: center; left: 0; width: 100%; }
  .bb-style-4 figure { background-size: cover; background-position: 50% 0; } }
/* ===============================  */
/* 768px ========================   */
@media (min-width: 768px) { .is-Table { display: table; bottom: 0; }
  .is-Table .Table-Cell { display: table-cell; vertical-align: middle; float: none; position: relative; }
  .is-Table .Center-Block { width: 100%; margin: 0 auto; padding: 0 0 0 0; }
  .bb-style-1 .bb-msg-wrap { width: 50%; left: auto; right: 20px; height: 100%; }
  /* style 1 */
  .billb-style-1 .billb-msg-wrap.billb-right { width: 50%; left: auto; right: 20px; height: 100%; }
  .billb-style-1 .billb-msg-wrap.billb-left { width: 50%; right: auto; left: 20px; height: 100%; }
  /* style 2 */
  .billb-style-2 .billb-msg-wrap.billb-right { width: 50%; left: auto; right: 20px; height: 100%; }
  .billb-style-2 .billb-msg-wrap.billb-left { width: 50%; right: auto; left: 20px; height: 100%; }
  /* style 3 */
  .billb-style-3 .billb-msg-wrap.billb-right { width: 50%; left: auto; right: 20px; height: 100%; }
  .billb-style-3 .billb-msg-wrap.billb-left { width: 50%; right: auto; left: 20px; height: 100%; }
  /* style 4 */
  .billb-text-wrap { bottom: 0px; position: relative; }
  .billb-figure { background-size: auto 100%; background-position: 50% 0; background-repeat: no-repeat; } }
/* ===============================  */
/* 1024px ========================  */
/* ===============================  */
/* 1200px ========================  */
/* ===============================  */
/*!
 * Bootstrap v2.2.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
/*
*
* This is a trimmed down version for Coca-Cola UI Kit
*
*/
.clearfix { *zoom: 1; }

.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; }

.clearfix:after { clear: both; }

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

.input-block-level { display: block; width: 100%; min-height: 30px; -moz-box-sizing: border-box; box-sizing: border-box; }

.nav-tabs { *zoom: 1; margin: 20px 0 0 0; }

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

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

.nav-tabs > li { display: inline-block; *display: inline; zoom: 1; font-size: 18px; height: 50px; }

.nav-tabs > li > a { padding-right: 10px; padding-left: 10px; margin-right: 10px; line-height: 1em; /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }

.nav-tabs > li > a { padding: 10px; line-height: 20px; background-color: #eee; text-align: center; display: block; }

.tab-white .nav-tabs > li > a { background-color: #fff; }

.nav-tabs > li > a:hover { color: #666; }

.nav-tabs > .active > a, .nav-tabs > .active > a:hover { color: #666; cursor: default; }

.tab-wrapper { width: 280px; margin: 0 auto; text-align: left; }

/* 768px ========================   */
@media (min-width: 768px) { .tab-wrapper { width: 80%; margin: 0 auto; text-align: left; } }
/* ===============================  */
.tabbable { *zoom: 1; }

.tabbable:before, .tabbable:after { display: table; content: ""; line-height: 0; }

.tabbable:after { clear: both; }

.tab-content { overflow: auto; clear: left; text-align: left; background: #eee; padding: 10px; margin-bottom: 20px; }
.tab-content p { text-align: left; }

.tab-white .tab-content { background-color: #fff; }

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

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

/* _________________________________________
PROJECT:	Gateway UI Kit
CONTENT:	Carousel, for billboard carousels
____________________________________________ */
.carousel__loading, .carousel__loading--center { position: absolute; top: 100px; left: 50%; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; z-index: 8060; background-color: #000; border-radius: 12px; width: 44px; height: 44px; background: #000 url("../../js/libs/fancybox/source/fancybox_loading.gif") center center no-repeat; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .carousel__loading, .carousel__loading--center { background-image: url("../../js/libs/fancybox/source/fancybox_loading@2x.gif"); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } }

.carousel__bullet, .carousel__toggle-slideshow, .billboard-carousel__pagination-switch { display: inline-block; position: relative; width: 15px; height: 15px; border-radius: 14px; background: #222; opacity: 1; cursor: pointer; background-color: #ffffff; border: 0.1em rgba(0, 0, 0, 0.2) solid; font-size: 0; box-shadow: 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.2); }
.carousel__bullet:focus, .carousel__toggle-slideshow:focus, .billboard-carousel__pagination-switch:focus { outline: 1px dotted #ccc; }
@media (min-width: 481px) { .carousel__bullet, .carousel__toggle-slideshow, .billboard-carousel__pagination-switch { width: 18px; height: 18px; border-radius: 18px; } }

.carousel__toggle-slideshow { background-color: transparent; border-color: transparent; }
.carousel__toggle-slideshow:before { content: ''; display: block; width: 15px; height: 15px; border-left: 7px solid #ffffff; border-right: 7px solid #ffffff; position: absolute; top: 50%; left: 50%; margin-top: -4px; margin-left: -4px; }

.carousel__toggle-slideshow--paused:before { width: 0; height: 0; border-left: 0; border-right: 0; border-style: solid; border-width: 7px 0 7px 6px; border-color: transparent transparent transparent #ffffff; margin-left: -2px; }

.carousel__loading--center { margin-top: -22px; top: 50%; }

.carousel--loading { opacity: 0; }

.carousel--loaded { -webkit-transition: opacity 0.6s ease-out; transition: opacity 0.6s ease-out; opacity: 1; }

.carousel__nav-round, .carousel__nav-angle { width: 22px; height: 44px; background-repeat: no-repeat; background-position: 0 0; text-indent: -9999px; display: inline-block; position: absolute; top: 40%; margin-top: -16px; cursor: pointer; -webkit-transition: none; transition: none; }

.carousel__nav-round, .carousel__nav-angle { margin: 0; background-image: none; top: 50%; margin-top: 1px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -ms-transform: translateY(-50%); height: 41px; width: 20px; }
.carousel__nav-round::before, .carousel__nav-angle::before, .carousel__nav-round::after, .carousel__nav-angle::after { display: block; position: absolute; top: 0; font-family: 'cc-go'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; text-indent: 0; font-size: 40px; color: #fff; -webkit-transition: color .2s ease-out; transition: color .2s ease-out; }
.carousel__nav-round:hover::before, .carousel__nav-angle:hover::before, .carousel__nav-round:hover::after, .carousel__nav-angle:hover::after { color: #F7941e; }

.carousel__nav-round--prev::before, .carousel__nav-angle--prev::before { content: "\e906"; left: 0; }

.carousel__nav-round--next::after, .carousel__nav-angle--next::after { content: "\e907"; right: 0; }

.carousel__nav-round:hover, .carousel__nav-angle:hover { background-position: -33px 0; -webkit-transition: none; transition: none; }

.carousel__nav-round--prev, .carousel__nav-angle--prev { left: 40px; }

.carousel__nav-round--next, .carousel__nav-angle--next { right: 40px; }

.carousel__nav-angle::before, .carousel__nav-angle::after { color: #eeeeee; }

.carousel__nav-angle--prev { left: 5px; top: 40%; }
@media screen and (min-width: 1024px) { .carousel__nav-angle--prev { left: 10px; } }

.carousel__nav-angle--next { right: 5px; top: 40%; }
@media screen and (min-width: 1024px) { .carousel__nav-angle--next { right: 10px; } }

/* Actions grouped together on the bar should by default, be vertically aligned */
.carousel__action-bar { text-align: center; position: relative; }

.carousel__action-bar-item { vertical-align: middle; }

.carousel__nav-hide { display: none; }

.carousel__nav-loop-hide { display: none; }

/* ====================  OVERLAY  variable, extend and inheritance component for overlay.  ==================== */
.carousel__overlay--white, .gallery-main-carousel__slide-caption .gallery-main-carousel__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.7); z-index: 10000; }

.carousel__overlay, .gallery-thumbnail-carousel__overlay, .gallery-main-carousel__overlay, .gallery-carousel__overlay-img:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*background-color: $wt;*/ background: rgba(0, 0, 0, 0.3); z-index: 10; background-image: url("../../shared/images/fpo/video-overlay.png"); background-repeat: repeat-x repeat-y; /*background-size: 14px 14px;*/ image-rendering: optimizeSpeed; /*    background-position: center -70px;
 	-webkit-filter: blur(2px); 	filter: url('../images/blur.svg#blur'); 	filter: blur(2px);*/ }

.carousel__overlay-msg, .gallery-carousel-logout-mgs-description, .gallery-carousel-logout-mgs-action-wrap, .gallery-main-carousel__overlay-headline, .gallery-main-carousel__overlay-description, .gallery-main-carousel__overlay-msg-action-wrap { text-align: center; font-size: 16px; font-weight: 600; }

/*------------------------------------*\ Divider - Variables
\*------------------------------------*/
/*------------------------------------*\ Divider - Global
\*------------------------------------*/
.divider { position: relative; width: 100%; padding: 0; margin: 0 auto; }

.divider__text { width: 75%; text-align: center; color: #fff; display: table-cell; vertical-align: middle; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: 300; font-style: normal; font-size: 23px; position: relative; }
.divider__arrow--down .divider__text { z-index: 5; }
@media (min-width: 768px) { .divider__text { width: 50%; font-size: 28px; } }

.divider__spacer { height: auto; width: 100%; }

/*------------------------------------*\ Divider - Arrow
\*------------------------------------*/
/*---- Color Version ----*/
.divider__arrow--down:before, .divider__arrow--down:after { -moz-box-sizing: border-box; box-sizing: border-box; content: ""; position: absolute; display: block; border: none; height: 15px; width: 15px; top: auto; bottom: -6px; left: 50%; -webkit-transform: translateX(-50%) rotate(-45deg); -ms-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); }

/*---- Image/Parallax Version ----*/
.divider__image .divider__arrow--down:before, .divider__parallax .divider__arrow--down:before, .divider__image .divider__arrow--down:after, .divider__parallax .divider__arrow--down:after { -moz-box-sizing: border-box; box-sizing: border-box; content: " "; position: absolute; top: 0; display: block; width: 50%; height: 100%; border: 10px solid transparent; border-bottom-color: #ffffff; -webkit-transform: none; -ms-transform: none; transform: none; }

.divider__image .divider__arrow--down:before, .divider__parallax .divider__arrow--down:before { left: 0; border-right: 10px solid transparent; border-left: 0; }

.divider__image .divider__arrow--down:after, .divider__parallax .divider__arrow--down:after { right: 0; border-left: 10px solid transparent; border-right: 0; }

/*------------------------------------*\ Divider - Color
\*------------------------------------*/
.divider__color { display: table; width: 100%; }
.divider__color::before, .divider__color::after { z-index: 2; }

.divider__color--brand-primary { background: #F7941e; }
.divider__color--brand-primary:after { background: #F7941e; }

.divider__color--brand-secondary { background: #73b865; }
.divider__color--brand-secondary:after { background: #73b865; }

.divider__color--brand-tertiary { background: #D5E0D6; }
.divider__color--brand-tertiary:after { background: #D5E0D6; }

.divider__color--black { background: #111111; }
.divider__color--black:after { background: #111111; }

.divider__color--white { background: #fff; }
.divider__color--white:after { background: #fff; }

.divider__color--light-gray { background: #e1e1e1; }
.divider__color--light-gray:after { background: #e1e1e1; }

.divider__color--dark-gray { background: #303030; }
.divider__color--dark-gray:after { background: #303030; }

.divider__color--white .divider__text, .divider__color--light-gray .divider__text, .divider__color--brand-tertiary .divider__text { color: #111111; }

/*------------------------------------*\ Divider - Image
\*------------------------------------*/
.divider__image { height: 60vw; position: relative; display: block; width: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
@media (min-width: 768px) { .divider__image { height: 30vw; } }
.divider__image.hide-mobile { display: none; }
@media (min-width: 768px) { .divider__image.hide-mobile { display: block; } }

.divider__image--image { background-size: 100% auto; height: 100%; }

.divider__image--overlay { background-repeat: repeat; background-size: auto; background-position: 0% 50%; position: absolute; top: 0px; height: 100%; width: 100%; }

.divider__image--content { height: 100%; }
.divider__image--content .divider__text { height: 3em; top: -webkit-calc(50% - 2em); top: calc(50% - 2em); position: absolute; width: 100%; max-width: 100%; font-size: 20px; }
@media (min-width: 768px) { .divider__image--content .divider__text { font-size: 30px; } }
.divider__image--content .divider__text span { display: table-cell; height: 3em; vertical-align: middle; width: 8000px; /* wider than it ever needs to be */ }

/*------------------------------------*\ Divider - Parallax
\*------------------------------------*/
.divider__parallax { background-color: #000; height: 60vw; overflow: hidden; position: relative; display: block; width: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 10px; }
@media (min-width: 481px) { .divider__parallax { height: 30vw; } }
.divider__parallax.hide-mobile { display: none; }
@media (min-width: 768px) { .divider__parallax.hide-mobile { display: block; } }

.divider__parallax--image { width: 100%; height: 200%; top: 0%; position: absolute; background-color: red; }

.divider .divider__parallax--image { background-position: 0% 50%; background-repeat: no-repeat; background-size: 100% auto; }

.opaque-overlay-50:after { content: ""; width: 100%; height: 100%; background: #000; opacity: 0.5; display: block; }

.divider__parallax--overlay { background-repeat: repeat; background-size: 100% auto; background-position: 0% 50%; position: absolute; top: 0px; height: 100%; width: 1800px; }

.divider__parallax--content { height: 100%; }
.divider__parallax--content .divider__text { height: 3em; top: -webkit-calc(50% - 2em); top: calc(50% - 2em); position: absolute; width: 100%; max-width: 100%; font-size: 20px; }
@media (min-width: 768px) { .divider__parallax--content .divider__text { font-size: 30px; } }
.divider__parallax--content .divider__text span { display: table-cell; height: 3em; vertical-align: middle; width: 8000px; /* wider than it ever needs to be */ }

.divider__parallax--content:not(.divider__arrow--down) .divider__text, .divider__image--content:not(.divider__arrow--down) .divider__text { top: -webkit-calc(50% - 1.5em); top: calc(50% - 1.5em); }

.divider__parallax--height50 { height: 50vw; }

/* _________________________________________________________
PROJECT:  Gateway UI Kit
CONTENT:  Column Container
____________________________________________________________ */
.flex-grid { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex-box__headline.flex-box { -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; width: 100%; max-width: 100%; }

.flex-box { padding: 0; }
@media (min-width: 768px) { .flex-box { padding: 0; } }
.flex-box:first-child:not(.flex-box__headline) { margin: 0 2%; }
@media (min-width: 768px) { .flex-box:first-child:not(.flex-box__headline) { margin: 0 1% 0 2%; } }
.flex-box:nth-child(2) { margin: 0 2%; }
@media (min-width: 768px) { .flex-box:nth-child(2) { margin: 0 1% 0 2%; } }
.flex-box:nth-child(3) { margin: 2%; }
@media (min-width: 768px) { .flex-box:nth-child(3) { margin: 0 2% 0 1%; } }

@media (min-width: 768px) { .f-6:nth-child(2), .f-6:first-child:not(.flex-box__headline) { margin: 0 1% 20px 2%; } }

@media screen and (min-width: 769px) { .f-6:nth-child(3) { margin: 0 2% 20px 1%; } }

.flex-box { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
@media (min-width: 768px) { .flex-box { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: auto; } }

.f-1 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
@media (max-width: 769px) { .f-1 { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; } }

.f-2 { -webkit-box-flex: 2; -webkit-flex: 2; -ms-flex: 2; flex: 2; }
@media (max-width: 769px) { .f-2 { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; } }

.f-3 { -webkit-box-flex: 3; -webkit-flex: 3; -ms-flex: 3; flex: 3; }
@media (max-width: 769px) { .f-3 { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; } }

.f-4 { -webkit-box-flex: 4; -webkit-flex: 4; -ms-flex: 4; flex: 4; }
@media (max-width: 769px) { .f-4 { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; } }

.f-5 { -webkit-box-flex: 5; -webkit-flex: 5; -ms-flex: 5; flex: 5; }
@media (max-width: 769px) { .f-5 { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; } }

.f-6 { -webkit-box-flex: 6; -webkit-flex: 6; -ms-flex: 6; flex: 6; }
@media (max-width: 769px) { .f-6 { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; } }

.f-7 { -webkit-box-flex: 7; -webkit-flex: 7; -ms-flex: 7; flex: 7; }
@media (max-width: 769px) { .f-7 { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; } }

.f-8 { -webkit-box-flex: 8; -webkit-flex: 8; -ms-flex: 8; flex: 8; }
@media (max-width: 769px) { .f-8 { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; } }

.f-9 { -webkit-box-flex: 9; -webkit-flex: 9; -ms-flex: 9; flex: 9; }
@media (max-width: 769px) { .f-9 { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; } }

.f-10 { -webkit-box-flex: 10; -webkit-flex: 10; -ms-flex: 10; flex: 10; }
@media (max-width: 769px) { .f-10 { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; } }

.f-11 { -webkit-box-flex: 11; -webkit-flex: 11; -ms-flex: 11; flex: 11; }
@media (max-width: 769px) { .f-11 { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; } }

.f-12 { -webkit-box-flex: 12; -webkit-flex: 12; -ms-flex: 12; flex: 12; }
@media (max-width: 769px) { .f-12 { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; } }

@media screen and (max-width: 767px) { .f-1.flex-box__mobile--first { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } }
@media screen and (max-width: 767px) { .f-1:not(.flex-box__mobile--first) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } }

@media screen and (max-width: 767px) { .f-2.flex-box__mobile--first { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } }
@media screen and (max-width: 767px) { .f-2:not(.flex-box__mobile--first) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } }

@media screen and (max-width: 767px) { .f-3.flex-box__mobile--first { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } }
@media screen and (max-width: 767px) { .f-3:not(.flex-box__mobile--first) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } }

@media screen and (max-width: 767px) { .f-4.flex-box__mobile--first { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } }
@media screen and (max-width: 767px) { .f-4:not(.flex-box__mobile--first) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } }

@media screen and (max-width: 767px) { .f-5.flex-box__mobile--first { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } }
@media screen and (max-width: 767px) { .f-5:not(.flex-box__mobile--first) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } }

@media screen and (max-width: 767px) { .f-6.flex-box__mobile--first { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } }
@media screen and (max-width: 767px) { .f-6:not(.flex-box__mobile--first) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } }

@media screen and (max-width: 767px) { .f-7.flex-box__mobile--first { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } }
@media screen and (max-width: 767px) { .f-7:not(.flex-box__mobile--first) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } }

@media screen and (max-width: 767px) { .f-8.flex-box__mobile--first { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } }
@media screen and (max-width: 767px) { .f-8:not(.flex-box__mobile--first) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } }

@media screen and (max-width: 767px) { .f-9.flex-box__mobile--first { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } }
@media screen and (max-width: 767px) { .f-9:not(.flex-box__mobile--first) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } }

@media screen and (max-width: 767px) { .f-10.flex-box__mobile--first { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } }
@media screen and (max-width: 767px) { .f-10:not(.flex-box__mobile--first) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } }

@media screen and (max-width: 767px) { .f-11.flex-box__mobile--first { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } }
@media screen and (max-width: 767px) { .f-11:not(.flex-box__mobile--first) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } }

@media screen and (max-width: 767px) { .f-12.flex-box__mobile--first { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } }
@media screen and (max-width: 767px) { .f-12:not(.flex-box__mobile--first) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } }

.no-flexbox .flex-grid { display: table; padding: 30px 1%; width: 98%; }
.no-flexbox .flex-box { display: table-cell; vertical-align: top; margin: 0; }
.no-flexbox .flex-box__headline { width: 100%; display: table-caption; caption-side: top; padding: 0; }
.no-flexbox .flex-box__headline h2.headline { max-width: 100%; width: 100%; text-align: center; }
.no-flexbox .f-3 { width: 100%; }
@media (min-width: 768px) { .no-flexbox .f-3 { width: 600px; } }
.no-flexbox .f-4 { width: 100%; }
@media (min-width: 768px) { .no-flexbox .f-4 { width: 300px; } }
.no-flexbox .f-8 { width: 100%; }
@media (min-width: 768px) { .no-flexbox .f-8 { width: 500px; } }
.no-flexbox .light-bg .flex-box__headline { background: #ffffff; }
.no-flexbox .mild-bg .flex-box__headline { background: #eeeeee; }
.no-flexbox .dark-bg .flex-box__headline { background: #474747; }

@media (min-width: 768px) { .flex-box:nth-child(2).f-4, .flex-box:nth-child(1).f-4 { margin-left: 14%; margin-right: 2%; } }

@media (min-width: 768px) { .flex-box:last-child.f-4 { margin: 0 1% 0 2%; } }

.flex-box:nth-child(3).f-8 { margin: 0 2%; }
@media (min-width: 768px) { .flex-box:nth-child(3).f-8 { margin-right: 14%; margin-left: 2%; } }

.flex-grid * { min-height: 0; min-width: 0; }

.flex-grid .main { width: 100%; left: auto; margin-left: auto; }

.flex-grid section { padding: 0; }

.flex-grid section.section-hero .headline { padding: 0; }

.flex-grid .section-article .article { width: 96%; left: auto; margin: 0 auto; float: none; padding: 0; }
@media (min-width: 481px) { .flex-grid .section-article .article { width: 100%; margin-left: auto; float: left; } }

.flex-grid .video-container, .flex-grid .Image.section img { max-width: 100%; }

.flex-grid .Image.section { margin-bottom: 0px; }

.flex-grid .ArticleTextwell h2, .flex-grid .ArticleTextwell h3, .flex-grid .ArticleTextwell h4, .flex-grid .ArticleTextwell h5, .flex-grid .ArticleTextwell h6, .flex-grid .ArticleTextwell p { text-align: left; }
.flex-grid .ArticleTextwell h2, .flex-grid .ArticleTextwell h3, .flex-grid .ArticleTextwell h4, .flex-grid .ArticleTextwell h5, .flex-grid .ArticleTextwell h6 { text-align: center; }
@media (min-width: 768px) { .flex-grid .ArticleTextwell h2, .flex-grid .ArticleTextwell h3, .flex-grid .ArticleTextwell h4, .flex-grid .ArticleTextwell h5, .flex-grid .ArticleTextwell h6 { text-align: left; } }
.f-8 .ArticleTextwell p { text-align: center; }
@media (min-width: 768px) { .f-8 .ArticleTextwell p { text-align: left; } }
.f-8 .ArticleTextwell h2 { font-size: 22px; margin: 0 0 30px 0; }
@media (min-width: 768px) { .f-8 .ArticleTextwell h2 { font-size: 54px; } }
.f-6 .ArticleTextwell h2 { margin-top: 0; }

.flex-grid .ArticleTextwell { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.flex-grid .ArticleTextwell li { text-align: left; }
@media screen and (min-width: 1200px) { .f-6 .ArticleTextwell { width: 66%; } }
@media screen and (min-width: 1200px) { .f-6 .firstColumnContent .ArticleTextwell { margin-left: auto; } }

.flex-grid .textwell-content { width: 100%; margin: 0; }

.flex-grid .items1.grid-4-col-slider .item:first-child { margin: 0 auto; width: 200px; float: none; }

.flex-grid .f-4 .items3.grid-4-col-slider .item, .flex-grid .f-4 .items2.grid-4-col-slider .item { margin: 0 auto; width: 200px; float: none; }

.flex-grid .f-1 .grid-4-col-slider .item { width: 66%; margin: 0 auto; float: none; }
@media (min-width: 768px) { .flex-grid .f-4 .grid-4-col-slider .item { width: 47%; }
  .flex-grid .f-4 .grid-4-col-slider .item:nth-child(2n+1) { clear: left; } }

.flex-grid .section-3-col-slider .main { width: 100%; left: auto; margin-left: auto; }

@media (min-width: 768px) { .flex-grid .section-3-col-slider .main .grid-3-col-slider .item, .flex-grid .elm-grid-3 .slides .item { width: 28%; margin: 0 2.5%; } }
.flex-grid .f-4 .section-3-col-slider .main .grid-3-col-slider .item, .flex-grid .f-1 .section-3-col-slider .main .grid-3-col-slider .item, .flex-grid .f-4 .elm-grid-3 .slides .item, .flex-grid .f-1 .elm-grid-3 .slides .item { float: left; width: 26%; }
@media (min-width: 768px) { .flex-grid .f-4 .section-3-col-slider .main .grid-3-col-slider .item, .flex-grid .f-1 .section-3-col-slider .main .grid-3-col-slider .item, .flex-grid .f-4 .elm-grid-3 .slides .item, .flex-grid .f-1 .elm-grid-3 .slides .item { float: none; width: 287px; max-width: 100%; margin: 0 auto; }
  .flex-grid .f-4 .section-3-col-slider .main .grid-3-col-slider .item:nth-child(3n), .flex-grid .f-4 .section-3-col-slider .main .grid-3-col-slider .item:nth-child(3n+1), .flex-grid .f-1 .section-3-col-slider .main .grid-3-col-slider .item:nth-child(3n), .flex-grid .f-1 .section-3-col-slider .main .grid-3-col-slider .item:nth-child(3n+1), .flex-grid .f-4 .elm-grid-3 .slides .item:nth-child(3n), .flex-grid .f-4 .elm-grid-3 .slides .item:nth-child(3n+1), .flex-grid .f-1 .elm-grid-3 .slides .item:nth-child(3n), .flex-grid .f-1 .elm-grid-3 .slides .item:nth-child(3n+1) { float: none; margin: 0 auto; } }

.flex-box .section-grid-2-col .main { width: 100%; left: auto; margin-left: auto; }

@media (min-width: 768px) { .flex-grid .f-4 .section-grid-2-col .item, .flex-grid .f-1 .section-grid-2-col .item { width: 100%; } }

.flex-box .section-grid-2-col .grid-2-col { margin: 0; }

@media (min-width: 481px) { .flex-grid .elm-grid-3 .slides { padding: 0; } }

.flex-grid .section-circles .main .items1.elm-grid-3 .item:first-child { margin-left: auto; width: 100%; }
@media (max-width: 768px) { .flex-grid .section-circles .main .items1.elm-grid-3 .item:first-child { max-width: 72%; margin: 0 auto; float: none; } }

@media (max-width: 767px) { .flex-grid .f-1 .elm-grid-3 .slides .item { width: 32.5%; } }

@media (min-width: 1024px) { .flex-grid .f-3 .elm-grid-3 .slides .item .elm-img, .flex-grid .f-1 .elm-grid-3 .slides .item .elm-img { height: 200px; width: 200px; } }

.f-4 section.section-livefeed { padding: 0; }

.f-4 section.section-livefeed h2.headline { display: none; }

.has-bg-img .light-bg, .has-bg-img .dark-bg, .has-bg-img .mild-bg { background: transparent; }

/* ====================  variable, extend and inheritance  component for sharing.  ==================== */
.share-controls { display: inline-block; margin: 10px 0; /*    @media screen and (max-width: 375px) { width: 50%; }*/ }

.share-controls__option { position: relative; float: left; margin-right: 10px; }

.share-controls__option .section-social-sharing { display: none; }

.share-controls__share-toggle .icon-social-share { font-family: 'cc-go'; font-size: 24px; width: 100%; display: block; font-style: normal; }
.share-controls__share-toggle .icon-social-share:before { content: "\e902"; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.share-controls__share-toggle--open .icon-social-share:before { content: "\e601"; color: #111111; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
.share-controls__share-toggle--inline .icon-social-share { display: inline-block; width: auto; vertical-align: -5px; }

.share-controls__share-toggle--inline { vertical-align: middle; }

.no-touch .share-controls__share-toggle:hover { color: #F7941e; }

.no-touch .share-controls__share-toggle--open:hover { color: #F7941e; }

.share-controls .section-social-sharing { left: 28px; bottom: 0; -webkit-transform: none; -ms-transform: none; transform: none; width: 225px; position: absolute; }
@media screen and (min-width: 376px) { .share-controls .section-social-sharing { left: -webkit-calc(100% + 10px); left: calc(100% + 10px); position: absolute; width: 250px; bottom: auto; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } }
.section-social-sharing.section-social-sharing--open { background: #ffffff; }

.share-controls .social-share-and-like--small .social-icons { height: 25px; }
@media screen and (min-width: 376px) { .share-controls .social-share-and-like--small .social-icons { height: auto; } }

.share-controls__like .fb-like { overflow: hidden; }

/* ==================== Main Styles ==================== */
/* ==================== Media Query ==================== */
/* ====================  variable, extend and inheritance  component for sharing.  ==================== */
/* ==================== Main Styles ==================== */
.gallery-main-carousel__share { width: 160px; margin: 0 auto; }
.gallery-main-carousel__share > li { width: 50%; float: left; position: relative; }

/* _________________________________________
PROJECT:	Coke UI Kit
CONTENT:	Hero element - large photo promo
____________________________________________ */
/* 0px =========================== */
@media (min-width: 0) { section { overflow: visible; }
  section.section-hero { padding: 20px 0 0 0; }
  section.section-hero .bb-wrap { position: relative; width: 100%; height: 300px; overflow: hidden; display: block; margin: 0; padding: 0; }
  section.section-hero .billb-msg-wrap { padding: 32px; }
  section.section-hero .billb-msg-wrap, section.section-hero .billb-msg-wrap * { -moz-box-sizing: border-box; box-sizing: border-box; }
  section.section-hero .billb-msg-wrap .billb-text { margin-bottom: 18px; text-align: center; }
  section.section-hero .billb-msg-wrap .bb-btn__container { text-align: center; }
  section.section-hero .billb-msg-wrap .bb-btn.bb-btn__link:hover { background: #999999; border-color: #999999; }
  section.section-hero .bb-msg-wrap { width: 54%; z-index: 1; background: #fff; padding-bottom: 20px; max-width: 300px; margin: 0 auto; right: 0; }
  section.section-hero .bb-msg-wrap .slide-logo { display: none; }
  section.section-hero .bb-msg-wrap .billb-text, section.section-hero .bb-msg-wrap .billb-msg { text-align: center; font-size: 30px; font-weight: bold; line-height: 1.01em; color: #222; letter-spacing: -0.03em; display: block; }
  section.section-hero .bb-msg-wrap .billb-msg { padding-top: 0; -webkit-transition: color .2s ease-out; transition: color .2s ease-out; }
  section.section-hero .bb-msg-wrap .billb-text { font-size: 24px; color: #F7941e; padding-top: 10px; }
  section.section-hero .billb-dark .bb-msg-wrap .billb-text, section.section-hero .billb-dark .bb-msg-wrap .billb-msg { color: #fff; }
  /* don't display logos on mobile */
  figure { -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; padding: 0; margin: 0; width: 100%; height: 163px; position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); }
  section.hero-large figure { height: 212px; }
  section.section-hero > .FeaturedCampaign.carousel .flex-direction-nav { display: none; } }
@media screen and (min-width: 0) and (max-width: 767px) { .section-hero.has-bg-img.dark-bg p.white { color: #fff; } }
@media (min-width: 0) { section.section-hero.has-bg-img .mild-bg, section.section-hero.has-bg-img .dark-bg, section.section-hero.has-bg-img .light-bg { background: transparent; }
  .section-3-col-slider .main .grid-3-col-slider .item, .elm-grid-3 .slides .item { width: auto; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; }
  .section-3-col-slider .main .grid-3-col-slider .item *, .elm-grid-3 .slides .item * { -moz-box-sizing: border-box; box-sizing: border-box; }
  .flex-grid .f-4 .section-3-col-slider .main .grid-3-col-slider .item, .flex-grid .f-1 .section-3-col-slider .main .grid-3-col-slider .item, .flex-grid .f-4 .elm-grid-3 .slides .item, .flex-grid .f-1 .elm-grid-3 .slides .item { float: left; float: none; width: 26%; width: auto; margin: 0 auto; }
  .flex-grid .elm-grid-3 .slides .item { width: 100%; }
  .parsys.firstColumnContent, .parsys.secondColumnContent { width: 100%; }
  .flex-grid .f-4 .slider-wrap .item { width: 72%; margin: 0 14%; }
  .flex-grid .f-4 .slider-wrap .item .elm-body { width: 84%; }
  .flex-box .section-circles .elm-grid-3 .slides { max-width: 100%; }
  .flex-box .section-circles .btn-more-container { padding: 0; -moz-box-sizing: border-box; box-sizing: border-box; width: 75%; margin: 0 12.5%; }
  .flex-box .section-circles .btn-more { z-index: 1; min-width: 0; max-width: 100%; max-width: 250px; width: 80%; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; } }
@media screen and (min-width: 0) and (max-width: 767px) { .elm-grid-3 .slides .item .elm-body p { font-size: 13px; } }
/* =============================== */
/* 480px ======================== */
@media (min-width: 481px) { .flex-grid .f-4 .section-3-col-slider .main .grid-3-col-slider .item, .flex-grid .f-1 .section-3-col-slider .main .grid-3-col-slider .item, .flex-grid .f-4 .elm-grid-3 .slides .item, .flex-grid .f-1 .elm-grid-3 .slides .item { float: left; float: none; margin: 0 auto; }
  .flex-box .section-circles .btn-more-container { width: 60%; margin: 0 20%; } }
/* =============================== */
/* 768px ======================== */
@media (min-width: 768px) { .billb-wrap.billb-style-4 figure.billb-figure { background-position: 0 0; }
  .flex-box .section-circles .btn-more-container { width: 84%; margin: 0 8%; } }
/* =============================== */
/* 1024px ======================== */
@media (min-width: 1024px) { section.section-hero.section-slider .billb-wrap { padding-top: 0; }
  section.section-hero .billb-msg-wrap .bb-btn__container, section.section-hero .billb-msg-wrap .billb-text { text-align: left; }
  section.section-hero { padding-top: 0px; padding-bottom: 10px; /* show the logo when not in mobile, hide the text version */ /* tall billboard overrides */ }
  section.section-hero .billb-wrap a { position: static; }
  section.section-hero .billb-wrap a[href=""] { cursor: default; }
  section.section-hero .billb-wrap a[href="#"] { cursor: default; }
  section.section-hero .headline { padding-top: 35px; }
  section.section-hero .logo-text { display: none; }
  section.section-hero .billb-msg-wrap.is-Table { width: 48%; /*width: calc(40% + 32px);*/ min-height: 50%; padding-left: 9%; left: 50%; }
  section.section-hero .is-Table { display: table; bottom: 0; }
  section.section-hero .is-Table .Table-Cell { display: table-cell; vertical-align: middle; float: none; position: relative; padding: 0; }
  section.section-hero .is-Table .Center-Block { margin: 0 auto; padding: 0 0 0 0; }
  section.section-hero .billb-text-wrap { bottom: auto; position: relative; }
  section.section-hero .billb-tall .billb-msg { font-size: 50px; }
  section.section-hero .billb-tall .billb-msg-wrap.billb-right { width: 50%; left: auto; right: 20px; height: 100%; }
  section.section-hero .billb-tall .billb-msg-wrap.billb-left { width: 50%; right: auto; height: 100%; }
  section.section-hero .billb-tall .is-Table .Center-Block { width: 100%; }
  section.section-hero .billb-style-1 .billb-wrap a[href=""], section.section-hero .billb-style-2 .billb-wrap a[href=""], section.section-hero .billb-style-3 .billb-wrap a[href=""], section.section-hero .billb-style-4 .billb-wrap a[href=""] { cursor: default; }
  section.section-hero .billb-style-1 .billb-wrap a[href="#"], section.section-hero .billb-style-2 .billb-wrap a[href="#"], section.section-hero .billb-style-3 .billb-wrap a[href="#"], section.section-hero .billb-style-4 .billb-wrap a[href="#"] { cursor: default; }
  section.section-hero .billb-style-1 .billb-msg-wrap { width: 40%; position: absolute; }
  section.section-hero .billb-style-2 .billb-msg-wrap { width: 30%; right: 90px; position: absolute; }
  section.section-hero .billb-style-3 .billb-msg-wrap { width: 30%; position: absolute; }
  section.section-hero .slide-logo { display: block; }
  section.section-hero .billb-wrap figure { margin: 0 auto; background-size: auto 100%; float: left; background-position-x: 0; }
  section.hero-large .billb-wrap, section.hero-large .billb-wrap figure { height: 430px; max-width: 1175px; margin: 0 auto; } }
/* =============================== */
/* 1200px ======================== */
@media (min-width: 1200px) { section.section-hero .billb-wrap figure { margin: 0 auto; background-size: auto 100%; } }
/* =============================== */
/* Temporary IE10+ hack */
/* @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10+ specific styles go here */
/*    section.section-hero { .billb-style-4 .billb-msg-wrap.billb-right { right: 10%; } }
} */
/* _________________________________________
PROJECT:	Gateway UI Kit
CONTENT:	Masthead without a slider, usually for sub-pages
____________________________________________ */
header, header.header-small { display: block; position: relative; z-index: 9999; background: #F7941e; float: left; width: 100%; height: 100px; border-top: 10px solid #ffffff; overflow: hidden; }
header.variant, header.header-small.variant { background-color: #fff; }

header.header-small .logoMobileWrap a img.logo { float: left; position: relative; left: 50%; top: 19px; height: auto; width: 192px; height: 61px; margin: 0 0 0 -96px; overflow: hidden; background: #F7941e; }

header.header-wide, header.header-wide-subpage { display: none; }

/* 0px ===========================  */
/* ===============================  */
/* 768px ========================   */
@media (min-width: 768px) { /* Used in conjunction with jquery for alternate white homepage logo */
  /* shown on delay to avoid flash of red block on page load*/
  .white-home-header-bgcolor { background: #F7941e; width: 500px; height: 208px; position: absolute; top: 0px; left: 50%; margin-left: -250px; display: none; }
  header.header-small { display: none; }
  header.header-wide { display: block; height: 198px; width: 100%; background: transparent url(../images/masthead-bg.gif) center 0 no-repeat; }
  header.header-wide.variant { background: url(../images/masthead-bg-variant.gif) center 0 no-repeat; }
  header.header-wide .logoWrap { position: absolute; left: 0; width: 100%; cursor: pointer; }
  header.header-wide .logoWrap a { position: relative; text-indent: -9000em; float: left; margin: 0 0 0 -476px; width: 952px; height: 198px; left: 50%; cursor: default; background-color: transparent; background-size: 100%; }
  header.header-wide-subpage { display: block; height: 100px; width: 100%; }
  header.header-wide-subpage .logoSubWrap { position: absolute; left: 50%; margin-left: -200px; width: 400px; cursor: pointer; }
  header.header-wide-subpage .logoSubWrap a { position: relative; text-indent: -9000em; height: 100px; display: block; }
  .header-wrap { position: relative; float: left; width: 100%; height: 0px; z-index: 9999; }
  .header-center { position: absolute; z-index: 999; margin: 0px 10px 10px 0px; top: 0px; left: 0px; width: 100%; } }
/* 1200px ========================  */
@media (min-width: 1200px) { header.header-wide .header-cap-left, header.header-wide .header-cap-right { width: 30%; } }
/* ===============================  */
/* _________________________________________
PROJECT:	Gateway UI Kit
CONTENT:	Masthead without a slider, usually for sub-pages
____________________________________________ */
header, header.header-small { display: block; position: relative; z-index: 9999; background: #F7941e; float: left; width: 100%; height: 100px; border-top: 10px solid #ffffff; overflow: hidden; }

header.header-small .logoMobileWrap a img.logo { float: left; position: relative; left: 50%; top: 19px; height: auto; width: 192px; height: 61px; margin: 0 0 0 -96px; overflow: hidden; background: #F7941e; }

header.header-wide, header.header-wide-subpage { display: none; }

/* 0px ===========================  */
/* ===============================  */
/* 768px ========================   */
@media (min-width: 768px) { header.header-small { display: none; }
  header.header-wide { display: block; height: 198px; width: 100%; background: transparent url(../images/masthead-bg.gif) center 0 no-repeat; }
  header.header-wide .logoWrap { position: absolute; left: 0; width: 100%; cursor: pointer; }
  header.header-wide .logoWrap a { position: relative; text-indent: -9000em; float: left; margin: 0 0 0 -476px; width: 952px; height: 198px; left: 50%; cursor: default; background-color: transparent; background-size: 100%; }
  header.header-wide-subpage { display: block; height: 100px; width: 100%; }
  header.header-wide-subpage .logoSubWrap { position: absolute; left: 50%; margin-left: -200px; width: 400px; cursor: pointer; }
  header.header-wide-subpage .logoSubWrap a { position: relative; text-indent: -9000em; height: 100px; display: block; }
  .header-wrap { position: relative; float: left; width: 100%; height: 0px; z-index: 9999; }
  .header-center { position: absolute; z-index: 999; margin: 0px 10px 10px 0px; top: 0px; left: 0px; width: 100%; } }
/* 1200px ========================  */
@media (min-width: 1200px) { header.header-wide .header-cap-left, header.header-wide .header-cap-right { width: 30%; } }
/* ===============================  */
/* _________________________________________ 
PROJECT:	Gateway UI Kit
CONTENT:	Navigation Bar and Search Form Styles
____________________________________________ */
/* 0px ===========================  */
@media (min-width: 0) { .nav { float: left; width: 100%; height: auto; padding-top: 0px; }
  .level1 { height: 34px; } }
@media screen and (min-width: 0) and (max-width: 480px) { #mobile-nav-wrap #mobile-nav-jump > a { position: relative; text-indent: -9999px; overflow: hidden; /*height: 35px;*/ /*box-sizing: border-box;*/ -webkit-transition: all ease-out 0.1s; /* Safari and Chrome */ /* Firefox 4 */ /* Opera */ transition: all ease-out 0.1s; /* method using box-shadow commented out */ 	/*&:before {
	  	content: "";
	  	position: absolute;
	  	left: 50%;
	  	margin-left: -7px;
	  	top: 12px;
	  	width: 14px;
	  	height: 3px;
	  	background: $brand-primary;
	  	box-shadow: 
	    	0 5px 0 0 $brand-primary,
	    	0 10px 0 0 $brand-primary; 	-webkit-box-shadow: 
	    	0 5px 0 0 $brand-primary,
	    	0 10px 0 0 $brand-primary;
	    z-index: 10000000000;
	}*/ /*&:hover::before {
	background: #000;
	box-shadow: 
	    0 5px 0 0 #000,
	    0 10px 0 0 #000; -webkit-box-shadow: 
	    0 5px 0 0 #000,
	    0 10px 0 0 #000;
}*/ }
  #mobile-nav-wrap #mobile-nav-jump > a:before { content: ""; position: absolute; top: 13px; left: 50%; margin-left: -7px; width: 1em; height: 0.125em; width: 14px; border-top: 6px double #F7941e; border-bottom: 2px solid #F7941e; /*border-top: 0.375em double #000;*/ /*border-bottom: 0.125em solid #000;*/ } }

@media (min-width: 0) { /* Hide main nav menu and show the sitemap jumplink */
  #nav-top-menu, #subnavs, .pushdown-search { display: none; }
  #mobile-nav-wrap { position: relative; z-index: 999; float: left; width: 100%; height: auto; padding: 10px 0; }
  #mobile-nav-jump { background: #fff; text-align: center; }
  #mobile-nav-jump a { line-height: 1.5em; width: 100%; display: block; font-size: 18px; padding: 4px 0; margin: 0; letter-spacing: -0.04em; /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; text-transform: uppercase; color: #F7941e; background: #fff; }
  #mobile-nav-jump a:hover { color: #F7941e; } }
@media only screen and (min-width: 0) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 0) and (min-resolution: 125dpi), only screen and (min-width: 0) and (min-resolution: 1.3dppx) { #nav-search .search-btn { display: inline-block; margin: 0; padding: 8px; width: 18px; height: 18px; line-height: 1em; text-indent: -9999px; cursor: pointer; background: url(../images/btn-search@x2.png) 50% 50% no-repeat transparent; background-size: 18px 18px; }
  #nav-search .search-btn:hover { background: url(../images/btn-search@x2.png) 50% 50% no-repeat #ffffff; }
  #nav-search .search-btn-active { background: url(../images/btn-search@x2.png) 50% 50% no-repeat #ffffff; background-size: 18px 18px; } }
/* ===============================  */
/* 480px ========================   */
@media (min-width: 481px) { #mobile-nav-wrap { display: none; }
  #nav-top-menu { display: block; }
  #overflowbutton { display: auto; }
  section.nav { position: relative; float: left; width: 100%; padding: 10px 0 10px 0; /*common base styles for the nav's main and sub elements*/ /* ul.level2 li > ul.level2 {display:none;} */ }
  section.nav li { font-size: 18px; }
  section.nav li a { width: auto; padding: 7px 9px 7px 9px; letter-spacing: -0.04em; display: inline-block; /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; text-transform: uppercase; color: #F7941e; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; font-weight: bold; }
  section.nav ul.level3 li a, section.nav ul.level3b li a { text-transform: capitalize; }
  section.nav .active > a { background: transparent; color: #111111; }
  section.nav a.current { color: #111111; }
  section.nav ul.level1 { width: auto; text-align: center; position: relative; white-space: nowrap; }
  section.nav ul.level1 > li, section.nav #overflowbutton { display: inline; margin: 0 2px 0 2px; }
  section.nav ul.level1 > li > a, section.nav #overflowbutton > a { display: inline-block; }
  section.nav ul.level2, section.nav ul.level3, section.nav ul.level3b { float: left; position: absolute; white-space: normal; left: 0; top: 44px; width: 100%; text-align: center; background-color: #fff; list-style: none; padding: 6px 0px; }
  section.nav ul.level2 li, section.nav ul.level3 li, section.nav ul.level3b li { font-size: 16px; display: inline; background-color: transparent; color: #F7941e; }
  section.nav ul.level2 li a, section.nav ul.level3 li a, section.nav ul.level3b li a { display: inline; padding: 0 0px 0 0; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  section.nav ul.level2 li a:hover, section.nav ul.level3 li a:hover, section.nav ul.level3b li a:hover { color: #111111; background-color: transparent; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
  section.nav ul.level2 { background-color: #fff; }
  section.nav ul.level3 { background-color: #fff; }
  section.nav ul#overflowitems.level2 { display: inline; }
  section.nav ul#overflowitems.level2 li .active > a { background: #fff; color: #111111; }
  section.nav ul.level3b { background: none !important; padding: 16px 0px; }
  section.nav ul.level3b .active > a { background-color: transparent !important; color: #111111; }
  section.nav ul#overflowitems.level2 ul.level3 { top: 50px; margin-top: 10px; }
  section.nav ul#overflowitems.level2 ul.level3 li a { display: inline; padding: 0 0px 0 0; }
  section.nav ul#overflowitems.level2 ul.level3 li a:hover { color: #111111; background-color: transparent; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
  section.nav ul.level2 li:after { content: " / "; }
  section.nav ul.level2 li:last-child:after { content: ""; }
  section.nav ul.noslash li:after { content: ""; }
  section.nav ul.noslash li ul li:after { content: " / "; }
  section.nav ul.noslash li ul li:last-child:after { content: ""; }
  section.nav #overflowitems { background: none; top: 30px; border-top: 0; }
  section.nav #overflowitems > li { line-height: 1em; font-size: 18px; }
  section.nav #overflowitems > li a { padding: 8px; letter-spacing: -0.04em; }
  section.nav ul.level1 > li > ul { display: none; }
  section.nav ul.level1 > li:hover > ul { /* this would theoretically be for non-javascript hovers */ }
  section.nav #overflowitems > li > ul { display: none; }
  section.nav #nav-more { display: inline-block; border: 1px solid purple; }
  section.nav #nav-more .nav-btn { margin-right: 0; }
  #nav-search { display: inline; margin: 0; padding: 0; }
  #nav-search .search-btn { display: inline-block; margin: 0; padding: 8px; width: 18px; height: 18px; line-height: 1em; text-indent: -9999px; cursor: pointer; background: url(../images/btn-search.png) 50% 50% no-repeat transparent; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  #nav-search .search-btn:hover { -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; background: url(../images/btn-search.png) 50% 50% no-repeat #ffffff; }
  #nav-search .search-btn-active { background: url(../images/btn-search.png) 50% 50% no-repeat #ffffff; }
  #nav-search .search-wrap { position: relative; float: left; }
  #navsearchform { float: right; width: 100%; margin: 0; padding: 0; overflow: hidden; background: transparent; text-align: center; /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; color: #F7941e; }
  #navsearchform input[type="text"] { position: relative; display: block; z-index: 9999; width: 95%; height: 20px; text-align: center; overflow: hidden; border: 0; margin: 0 auto; padding: 0; text-transform: uppercase; font-size: 18px; line-height: 1em; color: #111111; /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; -webkit-appearance: none; background-color: #ffffff; }
  #navsearchform input[type="submit"] { display: none; } }
/* ===============================  */
/* 768px ========================   */
@media (min-width: 768px) { #navsearchform input[type="text"] { width: 98%; }
  section.nav .active > a { background: #fff; color: #111111; }
  section.nav li a:hover { background: #fff; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
  section.nav ul#overflowitems.level2 li a:hover { color: #F7941e; background-color: #ffffff; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
  section.stuck { position: fixed !important; top: 0px; left: 0px; width: 100%; background-color: #eeeeee; display: block; }
  section.sticky ul.level3b { background-color: #eeeeee !important; } }
/* ===============================  */
/* _________________________________________________________
PROJECT:	Gateway UI Kit
CONTENT:	Login Section
____________________________________________________________ */
/* 0px ===========================  */
@media (min-width: 0) { .section-login { -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 100%; height: auto; padding: 10px; }
  .section-login .main { width: 100%; left: 0; margin: 0; }
  .section-login .main a.btn-fb-login { -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 100%; height: 60px; background: #37589B; color: #fff; /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; text-transform: uppercase; font-size: 15px; text-align: center; padding: 20px 0 0 0; cursor: pointer; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  .section-login .main a.btn-fb-login:hover { opacity: .8; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
  .section-login .main p.label { float: left; width: 100%; height: auto; text-align: center; color: #666666; font-size: 16px; margin: 10px 0; }
  .section-login .main .form-labels { float: left; width: 100%; height: auto; font-size: 13px; margin: 0 0 8px 0; }
  .section-login .main .form-labels input { float: left; width: 20px; text-indent: 4px; color: #111111; }
  .section-login .main .form-labels label { float: left; width: auto; padding-top: 2px; }
  .section-login .main .form-labels a.right { float: right; }
  .section-login .main .form-labels a.left { float: left; width: 100%; }
  .section-login .main .form-btns { float: left; width: 100%; height: auto; margin: 0 0 20px 0; }
  .section-login .main .form-btns .btn, .section-login .main .form-btns .gallery-main-carousel__overlay-action { padding: 2px 45px 0 45px; } }
/* ===============================  */
/* _________________________________________________________
PROJECT:	Gateway UI Kit
CONTENT:	Styles for creating forms, other styles in root-content, etc
____________________________________________________________ */
.form-wrap { width: 280px; margin: 0 auto; }
.form-wrap h4 { margin: 20px 0 10px 0; }

label, .form-label { font-size: 14px; }

span.required { color: red; }

fieldset.birthday { margin: 5px 0; padding: 0; }

.frm-select-small { width: 85px; margin-right: 10px; float: left; }

.frm-select-small-last { margin-right: 0; width: 90px; float: left; }

.commenttext { margin: 10px 0; }
.commenttext textarea { height: 90px; }

input[type="text"], input[type="tel"], input[type="email"], select { /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ font-family: inherit; margin: 0; border-radius: 0; /* for Safari */ }

select { border: 1px inset #ccc; background: #fff url(../images/downselectarrow.png) right center no-repeat; /* Necessary to customize dropdown arrow in WebKits*/ -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 0.01em; text-overflow: ""; line-height: 1; padding: 10px 5%; }

/* 0px ===========================  */
@media (min-width: 0) { .section-form { -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 100%; height: auto; padding: 10px; }
  .section-form .main { width: 100%; left: 0; margin: 0; }
  .section-form .main a.btn-fb-login { display: block; width: 100%; background: #37589B; color: #fff; /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; text-transform: uppercase; font-size: 15px; text-align: center; padding: 20px 0 20px 0; margin-bottom: 5px; cursor: pointer; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  .section-form .main a.btn-fb-login:hover { opacity: .8; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
  .section-form .main .label-top { float: left; width: 100%; height: auto; text-align: center; color: #666666; font-size: 16px; margin: 10px 0; }
  .section-form .main .form-inline-labels { float: left; width: 100%; height: auto; font-size: 13px; margin: 0 0 8px 0; }
  .section-form .main .form-inline-labels input, .section-form .main .form-inline-labels textarea { float: left; width: 20px; text-indent: 4px; color: #111111; }
  .section-form .main .form-inline-labels label { float: left; width: auto; padding-top: 2px; }
  .section-form .main .form-inline-labels a.right { float: right; }
  .section-form .main .form-inline-labels a.left { float: left; width: 100%; }
  .section-form .main .form-top-labels { float: left; width: 100%; height: auto; font-size: 13px; margin: 0 0 8px 0; }
  .section-form .main .form-top-labels input, .section-form .main .form-top-labels textarea { float: left; width: 100%; text-indent: 4px; color: #111111; }
  .section-form .main .form-top-labels label { float: left; width: 100%; text-align: left; padding-top: 2px; }
  .section-form .main .form-top-labels a.right { float: right; }
  .section-form .main .form-top-labels a.left { float: left; width: 100%; }
  .section-form .main .form-btns { float: left; width: 100%; height: auto; margin: 0 0 20px 0; }
  .section-form .main .form-btns .btn, .section-form .main .form-btns .gallery-main-carousel__overlay-action { width: 125px; float: left; padding: 2px 5px 0; }
  .section-form .main .form-btns .spine { margin-right: 10px; } }
/* ===============================  */
/* _________________________________________________________
PROJECT:	Gateway UI Kit
CONTENT:	Article Section Template
____________________________________________________________ */
.article-headline { font-size: 50px; text-transform: none; line-height: 1em; }

.h-recipe .headline { text-transform: none; }

.section-article .h-recipe p.recipe-intro { text-align: center; }

.h-recipe h4, .h-recipe h2, .h-recipe h3 { padding-top: 2em; }

.h-recipe .p-ingredient { display: block; width: 100%; line-height: 1.4em; }
.h-recipe .p-ingredient span { display: inline-block; text-align: right; width: 48%; font-weight: bold; padding-right: 2%; vertical-align: top; }
.h-recipe .p-ingredient span:first-child + span { text-align: left; padding-right: 0; width: 50%; font-weight: normal; }

.section-article .h-recipe ul, .section-article .h-recipe ol { padding: 0; }

.section-article .h-recipe ol li { font-weight: bold; list-style-type: decimal; list-style-position: inside; margin-bottom: 1.5em; }
.section-article .h-recipe ol li p { font-weight: normal; display: inline; margin: 0; padding: 0; float: none; width: auto; }

.section-article .headline, .section-article .subheadline, .section-article h3, .section-article strong { color: #474747; }

.has-bg-img.mild-bg.section-article .main h1, .has-bg-img.mild-bg.section-article .main h2, .has-bg-img.mild-bg.section-article .main h3, .has-bg-img.mild-bg.section-article .main h4, .has-bg-img.mild-bg.section-article .main h5, .has-bg-img.mild-bg.section-article .main h6, .has-bg-img.mild-bg.section-article .main p, .has-bg-img.light-bg.section-article .main h1, .has-bg-img.light-bg.section-article .main h2, .has-bg-img.light-bg.section-article .main h3, .has-bg-img.light-bg.section-article .main h4, .has-bg-img.light-bg.section-article .main h5, .has-bg-img.light-bg.section-article .main h6, .has-bg-img.light-bg.section-article .main p, .has-bg-img.dark-bg.section-article .main h1, .has-bg-img.dark-bg.section-article .main h2, .has-bg-img.dark-bg.section-article .main h3, .has-bg-img.dark-bg.section-article .main h4, .has-bg-img.dark-bg.section-article .main h5, .has-bg-img.dark-bg.section-article .main h6, .has-bg-img.dark-bg.section-article .main p { color: #474747; }
.has-bg-img.section-article .article { margin-top: 105vw; /*    	@include modular-mq(tablet-portrait) { 		margin-top: 30vw; 	}*/ }
@media (min-width: 481px) { .has-bg-img.section-article .article { margin-top: 30vw; } }
.has-bg-img.section-article { background-size: 100% auto; }

.section-article { top: 32px; }
@media (min-width: 768px) { .section-article { top: 0; } }

/*================= Table / Table Saw styles =================*/
/*
Much like the styles for .section-article .article h2
Abusing !important here so that we don't need to worry about
stylesheet import order.
*/
table caption, .tablesaw caption { color: #111111 !important; margin: 0 0 20px 0 !important; text-align: center !important; font-size: 20px; font-weight: 700; letter-spacing: -0.04em; line-height: 26px; opacity: 1 !important; -webkit-filter: none !important; filter: none !important; width: 100%; }
table caption.left, .tablesaw caption.left { text-align: left; }

.light-bg .article .tablesaw, .light-bg .textwell-content .tablesaw, .mild-bg .article .tablesaw, .mild-bg .textwell-content .tablesaw, .dark-bg .article .tablesaw, .dark-bg .textwell-content .tablesaw { border: 1px solid #fff; }
.light-bg .article .tablesaw td, .light-bg .article .tablesaw th, .light-bg .article .tablesaw th, .light-bg .article .tablesaw tbody, .light-bg .textwell-content .tablesaw td, .light-bg .textwell-content .tablesaw th, .light-bg .textwell-content .tablesaw th, .light-bg .textwell-content .tablesaw tbody, .mild-bg .article .tablesaw td, .mild-bg .article .tablesaw th, .mild-bg .article .tablesaw th, .mild-bg .article .tablesaw tbody, .mild-bg .textwell-content .tablesaw td, .mild-bg .textwell-content .tablesaw th, .mild-bg .textwell-content .tablesaw th, .mild-bg .textwell-content .tablesaw tbody, .dark-bg .article .tablesaw td, .dark-bg .article .tablesaw th, .dark-bg .article .tablesaw th, .dark-bg .article .tablesaw tbody, .dark-bg .textwell-content .tablesaw td, .dark-bg .textwell-content .tablesaw th, .dark-bg .textwell-content .tablesaw th, .dark-bg .textwell-content .tablesaw tbody { border: 1px solid #fff; }
.light-bg .article .tablesaw td, .light-bg .textwell-content .tablesaw td, .mild-bg .article .tablesaw td, .mild-bg .textwell-content .tablesaw td, .dark-bg .article .tablesaw td, .dark-bg .textwell-content .tablesaw td { background: #eaeaea; }
.light-bg .article .tablesaw tr th, .light-bg .article .tablesaw tr:first-child th, .light-bg .textwell-content .tablesaw tr th, .light-bg .textwell-content .tablesaw tr:first-child th, .mild-bg .article .tablesaw tr th, .mild-bg .article .tablesaw tr:first-child th, .mild-bg .textwell-content .tablesaw tr th, .mild-bg .textwell-content .tablesaw tr:first-child th, .dark-bg .article .tablesaw tr th, .dark-bg .article .tablesaw tr:first-child th, .dark-bg .textwell-content .tablesaw tr th, .dark-bg .textwell-content .tablesaw tr:first-child th { font-weight: bold; font-family: inherit; text-shadow: none; border: 1px solid #fff; }

.section-article { text-align: center; width: 100%; overflow: hidden; }
.section-article p, .section-article li { font-weight: 400; text-align: left; /*font-size: 16px;*/ line-height: 1.5em; }
.section-article a { color: #F7941e; }
.section-article a:hover { color: #111111; }
.section-article h3 { margin: 0 auto .5em; }
.section-article ul, .section-article ol { padding: 0 0 16px 1px; clear: both; }
.section-article ul li, .section-article ol li { padding: 0 0 .5em; list-style-position: inside; }
.section-article .h-recipe li { padding: 0; }
.section-article ul li { list-style-type: disc; }
.section-article ol li { list-style-type: decimal; }

.section-article.has-bg-img .article { border-top: 2vw solid #F7941e; }

.article table, .textwell-content table { border-collapse: collapse; margin-bottom: 1.5em; line-height: inherit; /*
Add class when even-width
columns are desired.
*/ }
.article table.even-cols, .textwell-content table.even-cols { table-layout: fixed; }
.article td, .textwell-content td { border: 1px solid #fff; background: #eeeeee; }
.article .tablesaw th, .article th, .textwell-content .tablesaw th, .textwell-content th { vertical-align: middle; background: #eeeeee; font-size: 16px; }
.article .tablesaw th, .article .tablesaw td, .article .tablesaw th, .article .tablesaw-cell-label, .textwell-content .tablesaw th, .textwell-content .tablesaw td, .textwell-content .tablesaw th, .textwell-content .tablesaw-cell-label { font-size: 16px; color: #111111; font-family: inherit; }
.article .tablesaw img, .textwell-content .tablesaw img { max-width: inherit; }
.article .tablesaw td, .article .tablesaw th, .textwell-content .tablesaw td, .textwell-content .tablesaw th { line-height: 1.5; text-transform: none; color: #474747; }
.article .tablesaw tr th, .article .tablesaw tr:first-child th, .textwell-content .tablesaw tr th, .textwell-content .tablesaw tr:first-child th { font-weight: bold; font-family: inherit; text-shadow: none; border-right-color: #fff; }
.article .tablesaw .tablesaw-stack td .tablesaw-cell-label, .article .tablesaw .tablesaw-stack th .tablesaw-cell-label, .textwell-content .tablesaw .tablesaw-stack td .tablesaw-cell-label, .textwell-content .tablesaw .tablesaw-stack th .tablesaw-cell-label { display: block; text-transform: none; }
.article .tablesaw tbody tr, .article .tablesaw-stack tbody tr, .textwell-content .tablesaw tbody tr, .textwell-content .tablesaw-stack tbody tr { border-bottom: none; }
.article th, .article tbody, .article tbody tr, .textwell-content th, .textwell-content tbody, .textwell-content tbody tr { border: none; }
.article .tablesaw-stack tbody tr, .textwell-content .tablesaw-stack tbody tr { border: none; }

@media only all { .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label { display: block !important; text-transform: none; }
  .tablesaw td, .tablesaw th { text-transform: none; }
  .article .tablesaw td.hacked-tablesaw-empty-cell, .ArticleTextwell .tablesaw td.hacked-tablesaw-empty-cell { display: none; } }
@media (min-width: 40em) { .article .tablesaw td.hacked-tablesaw-empty-cell, .ArticleTextwell .tablesaw td.hacked-tablesaw-empty-cell { display: table-cell; } }
/* 0px ===========================  */
@media (min-width: 0) { .section-article { padding-top: 0; }
  .section-article .article { float: none; width: 88%; height: auto; /*max-width: 1800px;*/ padding: 0; text-align: center; margin: 0 auto; background: #fff; }
  .section-article .article img { max-width: 100%; }
  .section-article .article h2.headline { width: 98%; margin: 3vw auto; font-size: 30px; }
  .section-article .article h3.subheadline { width: 75%; margin: 0 auto 32px; font-size: 16px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: 300; font-style: normal; }
  .section-article .article p { float: left; width: 100%; margin-bottom: 10px; /*font-size: 16px; line-height: 1.3em;*/ text-align: left; }
  .section-article .article p.center { text-align: center; }
  .section-article .article p, .section-article .article li { font-size: 16px; }
  .section-article .h-recipe h4, .section-article .h-recipe h2 { padding-top: 2em; margin-bottom: 20px; font-size: 20px; } }
@media (min-width: 0) and (max-width: 480px) { .section-article.has-bg-img.mild-bg .main { width: 90%; margin: 5%; } }
/* =============================== */
/* 480px ======================== */
@media (min-width: 481px) and (max-width: 1024px) { .section-article.has-bg-img.mild-bg .main { width: 86%; margin-left: 7%; } }
/* =============================== */
/* 768px ======================== */
@media (min-width: 768px) { .section-article .article { position: relative; }
  .section-article .article h2.headline { width: 75%; margin: 3vw auto 20px; font-size: 36px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: bold; font-style: normal; color: #474747; float: none; }
  .section-article .article div { width: 75%; margin: 0 auto; }
  .section-article .article h3.headline { padding: 0 0 25px 0; text-transform: none; letter-spacing: -0.04em; }
  .section-article .article h3.subheadline { width: 75%; margin: 0 auto 20px; }
  .section-article .article p.center { text-align: center; }
  .section-article .h-recipe h1.headline, .section-article .h-recipe p.recipe-intro { padding: 10px 15% 0 15%; width: 70%; }
  .section-article.has-bg-img .article { border-top: 2vw solid #F7941e; } }
/* ===============================  */
/* 1024px ========================  */
@media (min-width: 1024px) { .section-article .article { position: relative; }
  .section-article .article h2.headline { font-size: 54px; }
  .section-article .article h3.subheadline { font-size: 28px; }
  .section-article.has-bg-img .article { border-top: 3vw solid #F7941e; } }
/* ___________________________________________________________________________
PROJECT:	Gateway UI Kit
CONTENT:	media slideshow for mantle area
NOTES:    jQuery FlexSlider v2.0 http://www.woothemes.com/flexslider/ http://www.gnu.org/licenses/gpl-2.0.html

______________________________________________________________________________ */
.slider-ie-hack { display: none; }

.subpagewrap section.section-slider { padding-top: 20px !important; }

/* 0px ===========================  */
@media (min-width: 0) { section.section-slider { padding: 0; overflow: hidden; margin-bottom: 15px; }
  section.section-slider .homeslider-nav { display: none; }
  section.section-slider .bb-wrap { position: absolute; top: 0px; left: 0px; float: left; width: 100%; height: auto; overflow: hidden; margin: 0; padding: 0 0 160px 0; }
  section.section-slider .flex-active-slide .bb-msg-wrap { display: block; }
  section.section-slider .bb-msg-wrap { position: absolute; top: 10px; left: auto; margin: 0 5%; width: 90%; height: 100%; z-index: 1; }
  section.section-slider .bb-msg-mobile-title, section.section-slider .bb-msg-mobile-sub { position: relative; top: 160px; width: 100%; max-width: 300px; margin: 0 auto 10px; height: auto; text-align: center; font-size: 30px; font-weight: bold; line-height: 1.01em; color: #222; z-index: 1; letter-spacing: -0.03em; }
  section.section-slider .bb-msg-mobile-title { padding-top: 0; }
  section.section-slider .bb-msg-mobile-sub { font-size: 20px; color: #F7941e; padding-top: 10px; }
  section.section-slider #mobile-homeslider .slide-logo { position: absolute; width: 100%; padding: 0; text-align: center; z-index: 2000; top: 60px; left: 0; /* logos hidden from mobile slider for now */ display: none; }
  section.section-slider #mobile-homeslider .slide-logo img { width: 45%; margin: 0 auto; }
  section.section-slider .bb-btn { /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; text-transform: uppercase; color: #F7941e; min-width: 110px; background: #f9f9f9; position: relative; display: inline-block; text-align: center; border-bottom: 10px solid #474747; margin: 0 3px 10px 3px; padding: 4px 15px 2px 15px; font-size: 14px; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  section.section-slider .bb-btn:hover { -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; border-bottom: 10px solid #F7941e; color: #F7941e; }
  .bb-msg-wrap.campaign .bb-msg { font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; font-size: 35px; letter-spacing: 0.02em; text-transform: none; line-height: 40px; font-weight: normal; }
  .bb-msg-wrap.campaign .bb-btn { font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; font-size: 25px; font-weight: normal; letter-spacing: 0.02em; text-transform: uppercase; color: #F7941e; min-width: 110px; background: #f9f9f9; display: inline-block; position: relative; text-align: center; border-bottom: none !important; margin: 0 3px 10px 3px; padding: 15px 15px 15px 15px; }
  .bb-msg-wrap.campaign .bb-msg-mobile-title { font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; font-size: 25px; letter-spacing: 0.02em; text-transform: none; line-height: 30px; font-weight: normal; }
  .bb-msg-wrap.campaign .bb-msg-mobile-sub { font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; font-size: 20px; letter-spacing: 0.02em; text-transform: none; line-height: 25px; font-weight: normal; }
  .bb-msg-wrap.campaign .bb-text { font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; font-size: 20px; color: #111111; letter-spacing: 0.02em; text-transform: none; font-weight: normal; }
  #homeslider { display: none; }
  #mobile-homeslider { width: 100%; display: block; top: 0; float: left; width: 76.5625%; margin: 0 11.71875%; height: auto; }
  #mobile-homeslider li a { margin: 0 2%; width: 96%; }
  #mobile-homeslider .bb-wrap { position: relative; }
  #mobile-homeslider .slides { width: 300px; margin: 0 auto; }
  .flex-control-nav { display: none; }
  #mobile-homeslider .sliders { height: 240px; }
  /* FlexSlider Browser Resets */
  .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }
  .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
  .flexslider { margin: 0; padding: 0; }
  .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
  /* Hide the slides before the JS is loaded. Avoids image jumping */
  .flex-pauseplay span { text-transform: capitalize; }
  .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
  html[xmlns] .slides { display: block; }
  * html .slides { height: 1%; }
  .no-js .slides > li:first-child { display: block; }
  .flexslider { margin: 0; background: transparent; border: none; position: relative; zoom: 1; }
  .carousel li { margin-right: 5px; }
  #slider { display: block; position: relative; height: 160px; background: #fff; top: 0; padding-top: 0; padding-bottom: 0; /*overflow: hidden;*/ }
  #slider .slides { float: left; width: auto; overflow: hidden; zoom: 1; float: left; width: 290px; margin: 0; }
  #slider .slides img.center-slide { width: 668px; padding-bottom: 205px; margin-left: -140px; }
  #slider .slide-messages { float: left; height: 330px; text-align: center; margin: 0; width: 100%; position: relative; top: 200px; }
  #slider .slide-messages h2, #slider .slide-messages h3 { width: 100%; text-align: center; line-height: 1em; }
  #slider .slide-messages h2 { font-size: 20px; }
  #slider .slide-messages h3 { font-size: 50px; letter-spacing: -0.06em; }
  #slider .slide-messages .btn, #slider .slide-messages .gallery-main-carousel__overlay-action { margin-top: 20px; }
  #slider .slide-messages li { position: relative; display: none; height: 330px; margin-top: 10px; } }
/* ========================  */
/* 768px ========================   */
@media (min-width: 768px) { /*  <ul class="slides">  <!-- Slide Option 1 -->  <li> <a class="bb-wrap bb-style-1" href="#">  <figure style="background-image:url(assets/images/photo-variants.jpg)"></figure>  <div class="bb-msg-wrap bb-lockup-better-together">  <div class="slide-logo"> <img src="assets/images/logo-meals.png" alt="logo"> </div>  <p class="bb-msg">better<br> together</p>  </div> </a> </li>   */
  section.section-slider { z-index: 1; height: 360px; overflow: hidden; padding-top: 0px; -webkit-transition: padding-top 0.18s ease-in-out; /* Safari and Chrome */ /* Firefox 4 */ /* Opera */ transition: padding-top 0.18s ease-in-out; }
  section.section-slider .loadbar { background: #fff; }
  section.section-slider a { color: #fff; }
  section.section-slider a .bb-msg-red { color: #F7941e; }
  section.section-slider a:hover { color: #F7941e; }
  section.section-slider a:hover .bb-msg-red { color: #111111; }
  section.section-slider a:hover .campaign { color: #111111; }
  section.section-slider a:hover .campaign .bb-btn { background-color: #111111; }
  section.section-slider figure { height: 330px; width: 100%; position: relative; }
  section.section-slider .bb-wrap { padding: 0; }
  section.section-slider .bb-msg-wrap { position: absolute; text-align: center; top: 0; width: 350px; height: 100%; margin: 0; z-index: 1; }
  section.section-slider .slide-logo { display: block; position: relative; width: 350px; height: 245px; text-align: center; }
  section.section-slider .slide-logo img { margin: 0 auto; }
  section.section-slider .bb-msg { position: absolute; text-align: center; width: 100%; font-size: 30px; font-weight: bold; line-height: 1.01em; z-index: 1; letter-spacing: -0.05em; }
  section.section-slider .bb-text { position: relative; text-align: center; width: 100%; max-width: none; font-size: 18px; z-index: 1; /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }
  section.section-slider #homeslider { display: block; position: relative; height: 330px; width: auto; max-width: 1175px; margin: 0px auto; }
  section.section-slider #mobile-homeslider { display: none; }
  section.section-slider .slides li { position: absolute; height: 330px; width: 100%; padding: 0; margin: 0px 0 0 0; top: -660px; }
  section.section-slider .homeslider-nav { display: block; width: 100%; height: auto; position: relative; z-index: 6; padding: 15px 0 25px 0; text-align: center; background: #ffffff; }
  section.section-slider .homeslider-nav li { background: #ddd; position: relative; margin: 0 6px; width: 16%; display: inline-block; height: 10px; zoom: 1; *display: inline; }
  section.section-slider .homeslider-nav li a { width: 100%; height: 10px; display: block; position: absolute; background: #ddd; cursor: pointer; text-indent: -9999px; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; cursor: pointer; text-indent: -9999px; overflow: visible; background: transparent; }
  section.section-slider .homeslider-nav li a:hover { background: #F7941e; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
  section.section-slider .homeslider-nav li a:active { background: #999; }
  section.section-slider .homeslider-nav li a .flex-active { background: #F7941e; cursor: default; opacity: .9; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
  section.section-slider .homeslider-nav li a .flex-active:hover { opacity: 1; }
  section.section-slider #slider { display: block; position: relative; height: 258px; background: #fff;       /*.slide-messages{ float: left; position: absolute; top: auto; z-index:800;height: 330px; text-align: center; margin: 0; width:100%;
 h2, h3 {width: 100%; text-align: center; text-transform:lowercase;line-height:1em;} h2 {font-size: 20px;} h3 {font-size: 50px;letter-spacing:-0.06em;} .btn {margin-top: 20px;}
 li { position:relative; display:none; height:330px; margin-top:10px;
 .cta-alt-1 {position:absolute;top: 50px; left: 6%; width: 300px; h2, h3 {color: #fff;} }
 .cta-alt-2 {position:absolute;top: 70px; left: 2%; width: 520px; color: $black; h2, h3 {.transition-out(@duration:.2s);} h3 {font-size: 50px; line-height: 1em;letter-spacing:-0.08em;}
 }
 .cta-alt-3 {position:absolute;top: 70px;  width: 100%; h2 {color: $brand-primary;} h3 {color: $brand-primary;} h3 {font-size: 50px; line-height: 1em;letter-spacing:-0.08em;} .btn {margin-top: 25px;} }
 .cta-alt-4 {position:absolute;top: 50px; right: 2%; width: 300px; color: $black; h2, h3 {.transition-out(@duration:.2s);} h3 {color:$brand-primary;} }
 .cta-alt-5 {position:absolute;top: 50px; right: 2%; width: 300px; color: $black; h2, h3 {.transition-out(@duration:.2s);} h2, h3 {color:$white;} } } } }*/ }
  section.section-slider #slider .flex-viewport { overflow: hidden; width: 100%; width: auto; }
  section.section-slider #slider .flex-viewport .slides li { position: relative; top: -2px; height: 330px; padding: 0; margin: 0; }
  section.section-slider #slider .flex-viewport .slides li h1 { -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  section.section-slider #slider .flex-viewport .slides li img, section.section-slider #slider .flex-viewport .slides li img.center-slide { opacity: 1; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; width: 1300px; height: auto; padding: 0; margin-left: 0; display: block; overflow: hidden; }
  section.section-slider #slider .flex-viewport .slides li:hover { cursor: pointer; }
  section.section-slider #slider .flex-viewport .slides li:hover h1 { color: #F7941e; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  section.section-slider #slider .flex-viewport .slides li:hover h2 { color: #F7941e; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
  section.section-slider #slider .flex-viewport .slides li:hover h3 { color: #F7941e; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
  section.section-slider #slider .flex-viewport .slides li:hover img { opacity: 1; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
  section.section-slider #slider .flex-viewport .slides li:hover .bb-btn { -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; border-bottom: 10px solid #F7941e; }
  .section-slider.has-bg-img { padding-bottom: 15px; background-position: 0 208px; background-repeat: no-repeat; }
  .section-slider.has-bg-img .homeslider-nav { background: transparent; } }
/* ===============================  */
/* 1200px ========================  */
/* ===============================  */
/* _________________________________________
PROJECT:  Coca-Cola UI Kit
CONTENT:  3 Column 
____________________________________________ */
.section-3-col-slider .item { margin-bottom: 40px; }

@media (min-width: 0) { .section-3-col-slider .main .items1.grid-3-col-slider li.item:first-child { width: 30%; margin-left: -webkit-calc(50% - 143px); margin-left: calc(50% - 143px); float: none; position: static; }
  .grid-3-col-slider { margin: 0 auto; height: auto; }
  .grid-3-col-slider .flex-control-nav { display: none; } }
@media screen and (min-width: 0) and (max-width: 480px) { .grid-3-col-slider .item.flex-active-slide a .item-txt p, .grid-3-col-slider .item.flex-active-slide a .item-txt h3 { color: #F7941e; } }
@media (min-width: 0) { .grid-3-col-slider .item { float: none; text-align: center; }
  .grid-3-col-slider .item div.no-hover, .grid-3-col-slider .item a { display: block; position: relative; width: 96%; margin: 0 2%; opacity: 1; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  .grid-3-col-slider .item div.no-hover img, .grid-3-col-slider .item a img { float: left; display: block; width: 100%; margin: 0 auto; }
  .grid-3-col-slider .item div.no-hover .bar, .grid-3-col-slider .item a .bar { left: 0; top: 0; position: absolute; height: 10px; width: 100%; content: ""; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  .grid-3-col-slider .item div.no-hover .item-txt, .grid-3-col-slider .item a .item-txt { /*display: none;*/ float: left; width: 100%; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding: 10px; margin: 10px auto; text-align: center; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; /*h3 {margin: 0 0 5px 0;}*/ }
  .grid-3-col-slider .item div.no-hover .item-txt h1, .grid-3-col-slider .item div.no-hover .item-txt h2, .grid-3-col-slider .item div.no-hover .item-txt h3, .grid-3-col-slider .item div.no-hover .item-txt h4, .grid-3-col-slider .item div.no-hover .item-txt h5, .grid-3-col-slider .item div.no-hover .item-txt h6, .grid-3-col-slider .item a .item-txt h1, .grid-3-col-slider .item a .item-txt h2, .grid-3-col-slider .item a .item-txt h3, .grid-3-col-slider .item a .item-txt h4, .grid-3-col-slider .item a .item-txt h5, .grid-3-col-slider .item a .item-txt h6 { float: left; width: 100%; height: auto; font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }
  .grid-3-col-slider .item div.no-hover .item-txt p, .grid-3-col-slider .item a .item-txt p { text-align: center; /*color:$black;*/ /*font-size:$fontSizeSmall ;line-height:$lineHeightSmall;*/ margin: 0; } }
@media screen and (min-width: 0) and (max-width: 480px) { .grid-3-col-slider .item.flex-active-slide a .item-txt h3, .grid-3-col-slider .item.flex-active-slide a .item-txt p { color: #F7941e; }
  .mild-bg .grid-3-col-slider .item.flex-active-slide .item-txt, .dark-bg .grid-3-col-slider .item.flex-active-slide .item-txt { background: #fff; }
  .light-bg .grid-3-col-slider .item.flex-active-slide .item-txt { background: #f4f4f4; } }
/* ===============================  */
/* 480px ========================   */
@media (min-width: 481px) { .section-3-col-slider .main .items1.grid-3-col-slider li.item:first-child { width: 26%; margin-left: -13%; float: left; position: relative; left: 50%; }
  .shelfhider ul.revealer { position: relative; }
  .grid-3-col-slider { width: 100%; height: auto; margin: 0 auto; }
  .grid-3-col-slider .item { float: none; min-height: 280px; /*h3 {margin: 0 0 5px 0;font-size:14px;}*/ /*p {font-size:12px;}*/ }
  .grid-3-col-slider .item div.no-hover, .grid-3-col-slider .item a { width: 100%; margin: 0 auto; }
  .grid-3-col-slider .item div.no-hover .bar, .grid-3-col-slider .item a .bar { background: rgba(0, 0, 0, 0.1); }
  .grid-3-col-slider .item div.no-hover .item-txt, .grid-3-col-slider .item a .item-txt { display: block; } }
@media screen and (min-width: 481px) and (max-width: 767px) { .grid-3-col-slider .item div.no-hover .bg-overlay .hover-text, .grid-3-col-slider .item a .bg-overlay .hover-text { font-size: -webkit-calc(20px * .7); font-size: calc(20px * .7); }
  .grid-3-col-slider .item div.no-hover .item-txt h3, .grid-3-col-slider .item a .item-txt h3 { font-size: -webkit-calc(16px * .85); font-size: calc(16px * .85); } }
@media (min-width: 481px) { .grid-3-col-slider .item:nth-child(3n+1) { clear: left; } }
/* ===============================  */
/* 768px ========================  */
@media (min-width: 768px) { .section-3-col-slider .main .items1.grid-3-col-slider li.item:first-child { width: 30%; margin-left: -webkit-calc(50% - 143px); margin-left: calc(50% - 143px); float: none; position: static; }
  .section-3-col-slider .main { /*position: relative; left: 50%; float: left; width: 974px; margin-left: -488px;*/ }
  .section-3-col-slider .main .grid-3-col-slider .item { float: left; width: 30.66%; margin: 0 1% 16px; /*min-height: 320px;*/ }
  .section-3-col-slider .main .grid-3-col-slider .item div.no-hover, .section-3-col-slider .main .grid-3-col-slider .item a { width: 100%; }
  .section-3-col-slider .main .grid-3-col-slider .item:nth-child(3n+1) { margin-left: 2%; }
  .section-3-col-slider .main .grid-3-col-slider .item:nth-child(3n) { margin-right: 2%; } }
/* ===============================  */
/* 1024px ========================  */
@media (min-width: 1024px) { .section-3-col-slider .item { width: 26%; } }
/* =============================== */
/* ===============================  */
/* only 2 items */
.items2.grid-3-col-slider .item:first-child { margin-left: 20%; }

@media (min-width: 0) { .items2.grid-3-col-slider .item:first-child { margin-left: 0%; } }
@media (min-width: 481px) { .items2.grid-3-col-slider .item:first-child { margin-left: 20%; }
  .section-3-col-slider .main .audio-wrap .items2.grid-3-col-slider .item:first-child { margin-left: auto; } }
@media (min-width: 820px) { .section-3-col-slider .main .audio-wrap .items2.grid-3-col-slider .item:first-child { margin-left: 17%; } }
@media (min-width: 1200px) { .section-3-col-slider .main .items2.grid-3-col-slider .item:first-child { margin-left: 17%; }
  .section-3-col-slider .main .audio-wrap .items2.grid-3-col-slider .item:first-child { margin-left: 17%; } }
.ie8 .section-3-col-slider .main .items2.grid-3-col-slider .item:first-child { margin-left: 17%; }

/* ===============================  */
/* ===============================  */
/* only 1 items */
.items1.grid-3-col-slider .item:first-child { margin-left: 37%; }

.audio-wrap .items1.grid-3-col-slider .item:first-child { margin-left: 35.5%; }

@media (min-width: 820px) { .items1.grid-3-col-slider .item:first-child { margin-left: 37%; width: 26%; }
  .items1 .item a .item-txt { background: transparent; }
  .items1 .item a .item-txt h3 { color: #111111; }
  .section-3-col-slider .main .audio-wrap .items1.grid-3-col-slider .item:first-child { margin-left: auto; }
  .ie8 .section-3-col-slider .main .items1.grid-3-col-slider .item:first-child { /*margin-left:36%;*/ margin-left: -webkit-calc(50% - 143px); margin-left: calc(50% - 143px); } }
@media (min-width: 820px) { .section-3-col-slider .main .audio-wrap .items1.grid-3-col-slider .item:first-child { margin-left: 35.5%; } }
@media (min-width: 1200px) { .section-3-col-slider .main .items1.grid-3-col-slider .item:first-child { margin-left: 36%; }
  .section-3-col-slider .main .audio-wrap .items1.grid-3-col-slider .item:first-child { margin-left: 35.5%; } }
.ie8 .section-3-col-slider .main .items1.grid-3-col-slider .item:first-child { margin-left: 36%; }

.ie8 .section-3-col-slider .main .audio-wrap .items1.grid-3-col-slider .item:first-child { margin-left: 35.5%; }

/* ===============================  */
/* _________________________________________
PROJECT:  Coca-Cola UI Kit
CONTENT:  4 Column on desktop - for news or other elements
____________________________________________ */
@media (min-width: 0) { .grid-4-col-slider { float: left; margin: 0 auto; }
  .grid-4-col-slider .flex-control-nav { display: none; } }
@media screen and (min-width: 0) and (max-width: 480px) { .grid-4-col-slider .item.flex-active-slide a.has-hover-content .item-txt p, .grid-4-col-slider .item.flex-active-slide a.has-hover-content .item-txt h3 { color: #111111; } }
@media (min-width: 0) { .grid-4-col-slider .item { margin: 0 1% 16px; }
  .grid-4-col-slider .item:nth-child(2n+1) { margin-left: 2%; clear: left; }
  .grid-4-col-slider .item:nth-child(2n+2) { margin-right: 2%; margin-left: 1%; }
  .grid-4-col-slider .item { float: left; /* min-height: 275px;  */ width: 47%; margin-bottom: 20px; /*a.has-hover-content,*/ }
  .grid-4-col-slider .item div.no-hover, .grid-4-col-slider .item a { display: block; position: relative; margin: 0; overflow: hidden; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  .grid-4-col-slider .item div.no-hover img, .grid-4-col-slider .item a img { float: left; display: block; width: 100%; margin: 0 auto; }
  .grid-4-col-slider .item div.no-hover .bar, .grid-4-col-slider .item a .bar { position: absolute; height: 10px; width: 100%; content: ""; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  .grid-4-col-slider .item div.no-hover .item-txt, .grid-4-col-slider .item a .item-txt { float: left; width: 100%; height: auto; padding: 10px; margin: 10px auto; text-align: center; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; /*h3 {margin: 0 0 5px 0;}*/ }
  .grid-4-col-slider .item div.no-hover .item-txt h1, .grid-4-col-slider .item div.no-hover .item-txt h2, .grid-4-col-slider .item div.no-hover .item-txt h3, .grid-4-col-slider .item div.no-hover .item-txt h4, .grid-4-col-slider .item div.no-hover .item-txt h5, .grid-4-col-slider .item div.no-hover .item-txt h6, .grid-4-col-slider .item a .item-txt h1, .grid-4-col-slider .item a .item-txt h2, .grid-4-col-slider .item a .item-txt h3, .grid-4-col-slider .item a .item-txt h4, .grid-4-col-slider .item a .item-txt h5, .grid-4-col-slider .item a .item-txt h6 { float: left; width: 100%; height: auto; }
  .grid-4-col-slider .item div.no-hover .item-txt p, .grid-4-col-slider .item a .item-txt p { text-align: center; /*line-height:$lineHeightSmall;*/ } }
@media screen and (min-width: 0) and (max-width: 480px) { .grid-4-col-slider .item.flex-active-slide a .item-txt h3, .grid-4-col-slider .item.flex-active-slide a .item-txt p { color: #F7941e; }
  .mild-bg .grid-4-col-slider .item.flex-active-slide .item-txt, .dark-bg .grid-4-col-slider .item.flex-active-slide .item-txt { background: #fff; }
  .light-bg .grid-4-col-slider .item.flex-active-slide .item-txt { background: #eeeeee; } }
/* =============================== */
/* 480px ========================   */
@media (min-width: 481px) { .grid-4-col-slider { width: 100%; margin: 0 auto; }
  .grid-4-col-slider .item:nth-child(2n+1) { margin-left: 10px; clear: none; }
  .grid-4-col-slider .item:nth-child(2n+2) { margin-right: 1%; }
  .grid-4-col-slider .item-txt { /*h3 {font-size:14px;}*/ /*p {font-size:12px;}*/ }
  .grid-4-col-slider .item { width: 47%; margin: 0 1% 16px; /*a.has-hover-content,*/ }
  .grid-4-col-slider .item div.no-hover, .grid-4-col-slider .item a { width: 100%; margin: 0 auto; }
  .grid-4-col-slider .item div.no-hover .item-txt, .grid-4-col-slider .item a .item-txt { display: block; } }
/* ===============================  */
/* 768px ========================   */
@media (min-width: 768px) { .grid-4-col-slider .item { width: 22.5%; margin: 0 1%  20px; }
  .grid-4-col-slider .item:nth-child(4n+1) { margin-left: 2%; }
  .ie9 .grid-4-col-slider .item { width: 20%; margin: 0 2%  20px; }
  .ie9 .grid-4-col-slider .item:nth-child(4n+1) { margin-left: 4%; } }
/* ===============================  */
/* 1024px ========================   */
/* ===============================  */
/* ===============================  */
/* only 3 items */
.items3.grid-4-col-slider .item:first-child { margin-left: 14%; }

@media (min-width: 0) { .items3.grid-4-col-slider .item:first-child { margin-left: 0%; } }
@media (min-width: 481px) { .items3.grid-4-col-slider .item:first-child { margin-left: 14%; } }
@media (min-width: 1200px) { .section-4-col-slider .main .items3.grid-4-col-slider .item:first-child { margin-left: 17%; } }
.ie8 .section-4-col-slider .main .items3.grid-4-col-slider .item:first-child { margin-left: 17%; }

/* ===============================  */
/* ===============================  */
/* only 2 items */
.items2.grid-4-col-slider .item:first-child { margin-left: 27%; }

@media (min-width: 0) { .items2.grid-4-col-slider .item:first-child { margin-left: 0%; } }
@media (min-width: 481px) { .items2.grid-4-col-slider .item:first-child { margin-left: 27%; } }
@media (min-width: 1200px) { .section-4-col-slider .main .items2.grid-4-col-slider .item:first-child { margin-left: 17%; } }
.ie8 .section-4-col-slider .main .items2.grid-4-col-slider .item:first-child { margin-left: 17%; }

/* ===============================  */
/* ===============================  */
/* only 1 items */
.items1.grid-4-col-slider .item:first-child { margin-left: 37%; }

@media (min-width: 0) { .items1.grid-4-col-slider { float: left; width: 100%; margin: 0; }
  .items1.grid-4-col-slider .item { width: 100%; margin: 0; }
  .items1.grid-4-col-slider .item a { width: 100%; margin: 0; }
  .items1 .item a .item-txt { display: block; background: #fff; }
  .items1 .item a .item-txt h3 { color: #F7941e; }
  .items1.grid-4-col-slider .item:first-child { margin-left: 0; } }
@media (min-width: 481px) { .items1.grid-4-col-slider .item:first-child { margin-left: 40%; width: 20%; }
  .items1 .item a .item-txt { background: transparent; }
  .items1 .item a .item-txt h3 { color: #111111; } }
@media (min-width: 1200px) { .section-4-col-slider .main .items1.grid-4-col-slider .item:first-child { margin-left: 36%; } }
.ie8 .section-4-col-slider .main .items1.grid-4-col-slider .item:first-child { margin-left: 36%; }

/* ===============================  */
/* _________________________________________________________
PROJECT:	Coca-Cola UI Kit
CONTENT:	2 Column Grid, no slider.
NOTES:		Primarily used on media pages.
____________________________________________________________ */
.section-grid-2-col { padding: 0px auto; }
.section-grid-2-col .grid-wrap:after { content: ""; display: block; clear: both; }
.section-grid-2-col .grid-2-col { margin: auto 2%; }
.section-grid-2-col ul:after { content: ""; display: block; clear: both; }
.section-grid-2-col .item { min-height: 275px; width: 100%; margin-bottom: 16px; /*a.has-hover-content,*/ }
.section-grid-2-col .item div.no-hover, .section-grid-2-col .item a { display: block; position: relative; width: 100%; margin: 0; overflow: hidden; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.section-grid-2-col .item.hover a .item-txt, .section-grid-2-col .item:hover a .item-txt { /*background: #fff; @include transition-in(0.2s);*/ }
.section-grid-2-col .item.hover a .item-txt h3, .section-grid-2-col .item.hover a .item-txt p, .section-grid-2-col .item:hover a .item-txt h3, .section-grid-2-col .item:hover a .item-txt p { /*color: $brand-primary;*/ }
.section-grid-2-col .item .item-txt p { width: 80%; float: none; margin: auto; clear: both; }

/* =============================== */
/* 480px ======================== */
@media (min-width: 481px) { .section-grid-2-col .item { width: 49%; }
  .section-grid-2-col .item:nth-child(1) { margin-left: 0; float: left; }
  .section-grid-2-col .item:nth-child(2) { margin-right: 0; float: right; }
  .section-grid-2-col .item-txt p { width: 260px; }
  .light-bg .section-grid-2-col .item.hover a .item-txt, .light-bg .section-grid-2-col .item:hover a .item-txt { background: #eeeeee; } }
/* 768px ======================== */
@media (min-width: 768px) { .section-grid-2-col .main { float: none; margin: 0px auto; left: auto; } }
/* 1024px ======================== */
@media (min-width: 1024px) { .section-grid-2-col .grid-2-col { margin: auto 2%; } }
/* 1200px ======================== */
/* =============================== */
/* =============================== */
/* only 1 items */
.items1.grid-2-col .item:first-child { margin-left: 29%; }

@media (min-width: 0) { .items1.grid-2-col { float: left; width: 100%; margin: 0; }
  .items1.grid-2-col .item { width: 100%; margin: 0; }
  .items1.grid-2-col .item a { width: 100%; margin: 0; }
  .items1.grid-2-col .item a .item-txt { display: block; background: #fff; }
  .items1.grid-2-col .item a .item-txt h3 { color: #F7941e; }
  .items1.grid-2-col .item:first-child { margin-left: 0; } }
@media (min-width: 481px) { .items1.grid-2-col .item:first-child { margin-left: 29%; width: 43%; }
  .items1 .item a .item-txt { background: transparent; }
  .items1 .item a .item-txt h3 { color: #111111; } }
@media (min-width: 1200px) { .section-grid-2-col .main .items1.grid-2-col .item:first-child { margin-left: 29%; } }
.ie8 .section-grid-2-col .main .items1.grid-2-col .item:first-child { margin-left: 26% !important; }

/* =============================== */
.f-8 .section-grid-2-col .main .grid-2-col.items1 .item { margin-left: 0; width: 100%; }
.f-8 .section-grid-2-col .main .grid-2-col.items1 .inset-border { width: 50%; height: 100%; float: left; }
.f-8 .section-grid-2-col .main .grid-2-col.items1 .item-txt { width: 54%; height: 50%; position: absolute; top: -webkit-calc(25%); top: calc(25%); background: #fff; text-align: left; right: 0; padding: 4%; }
.f-8 .section-grid-2-col .main .grid-2-col.items1 h3, .f-8 .section-grid-2-col .main .grid-2-col.items1 p { text-align: left; margin: 0; color: #474747; }
.f-8 .section-grid-2-col .main .grid-2-col.items1 h3 { font-size: 28px; }
.f-8 .section-grid-2-col .main .grid-2-col.items1 p { font-size: 16px; width: 100%; float: left; margin-top: 36px; }

/* _________________________________________
PROJECT:	Gateway UI Kit
CONTENT:	Brand logo grid
____________________________________________ */
/* Default Styles for 0px and up
Put as much here as possible, for mobile-first approach
Override as needed going down the sheet.
========================  */
@media all and (min-width: 0px) { .section-logos { /* elm-logo */ }
  .section-logos .shelf-content-wrap { float: left; width: 100%; height: auto; }
  .section-logos .grid-6-slider { float: left; width: 53.333333333%; margin: 0 23.333333333%; height: auto; }
  .section-logos .item.flex-active-slide { margin-bottom: 20px; }
  .section-logos .item img { -webkit-transition: none; transition: none; -webkit-transform: none; -ms-transform: none; transform: none; }
  .section-logos .elm-logo { width: 150px; margin: 0 auto; }
  .section-logos .elm-logo a { display: block; position: relative; height: 150px; width: 150px; overflow: hidden; margin: 0 0; background: white; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  .section-logos .elm-logo a img { position: relative; opacity: 1; width: 100%; height: auto; }
  .section-logos .elm-logo a img.logofpo { opacity: 1; }
  .section-logos .elm-logo a:hover { -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; background: white; }
  .section-logos .elm-logo a:hover img { opacity: 1; margin-top: -150px; }
  .section-logos .flex-active-slide img { margin-top: -150px; }
  /* section logos */ }
/*min-width 0*/
/* 0px ===========================  */
@media screen and (min-width: 0) and (max-width: 480px) { .section-logos .flex-active-slide a img { margin-top: -150px; } }
/* 480px ========================   */
@media (min-width: 481px) { .section-logos .main { /* float: left; width: 460px;
position: relative; left: 50%;
margin-left: -230px;
*/ width: 100%; margin-left: 0; left: 0; }
  .section-logos .main .slides .item { padding-bottom: 25px; }
  .section-logos .main .revealer.slides { top: -25px; padding-bottom: 0; }
  .section-logos .main .grid-6-slider { float: none; width: 100%; margin: 0 auto; height: auto; }
  .section-logos .main .grid-6-slider .slidecount-5 .item:first-child { margin-left: 8.3333333325%; }
  .section-logos .main .grid-6-slider .slidecount-4 .item:first-child { margin-left: 16.666666666%; }
  .section-logos .main .grid-6-slider .slidecount-3 .item:first-child { margin-left: 24.9999999995%; }
  .section-logos .main .grid-6-slider .slidecount-2 .item:first-child { margin-left: 33.333333333%; }
  .section-logos .main .grid-6-slider .slidecount-1 .item { margin-left: 41.6666666665%; }
  .section-logos .main .item { width: 16.666666667%; }
  .section-logos .main .elm-logo { width: 73px; margin: 0 auto; float: none; }
  .section-logos .main .elm-logo a { background-color: transparent; height: 73px; width: 73px; margin: 0 0; }
  .section-logos .main .elm-logo a:hover { background-color: #fff; }
  .section-logos .main .elm-logo a:hover img { margin-top: -73px; }
  .mild-bg.section-logos.has-bg-img .item a { background: #fff; } }
/* ===============================  */
/* 768px ========================   */
@media (min-width: 768px) { .section-logos .main .elm-logo { width: 100px; }
  .section-logos .main .elm-logo a { height: 100px; width: 100px; }
  .section-logos .main .elm-logo a:hover img { margin-top: -100px; } }
/* ===============================  */
/* 1024px ========================  */
@media (min-width: 1024px) { .section-logos .main { float: left; width: 900px; left: 50%; margin-left: -450px; } }
/* ===============================  */
/* _________________________________________
PROJECT:	Coca-Cola UI Kit
CONTENT:	Circle image frames elements
____________________________________________ */
.section-circles h2.headline, .section-circles .elm-body h3, .section-circles .item-txt h3, .section-3-col-slider h2.headline, .section-3-col-slider .elm-body h3, .section-3-col-slider .item-txt h3 { font-family: 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal; }
.section-circles .elm-body h3, .section-circles .item-txt h3, .section-3-col-slider .elm-body h3, .section-3-col-slider .item-txt h3 { color: #474747; font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }
.section-circles .elm-body p, .section-circles .item-txt p, .section-3-col-slider .elm-body p, .section-3-col-slider .item-txt p { font-family: 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 200; font-style: normal; }

/* 0px ===========================  */
@media (min-width: 0) { .elm-grid-3 { float: left; width: 75%; margin: 0 12.5%; padding: 0; height: auto; }
  .elm-grid-3 > .slides > li.item div.elm-img { overflow: hidden; }
  .elm-grid-3 div.elm-circle .elm-img { overflow: hidden; margin: 0 auto 135px auto; }
  .elm-grid-3 .flex-control-nav { display: none; }
  .elm-grid-3 p { width: 100%; margin: 0 auto; }
  .elm-grid-3 .elm-body { max-width: 80%; background: #ffffff; position: absolute; top: 75%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } }
@media (min-width: 0) and (min-width: 481px) { .elm-grid-3 .elm-body { max-width: 92%; } }
@media (min-width: 0) { .elm-grid-3 .elm-circle div .elm-img { cursor: default; }
  .elm-grid-3 .flex-active-slide .elm-body { display: block; /*background:$wt;*/ -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
  .elm-grid-3 .flex-active-slide .elm-body h1, .elm-grid-3 .flex-active-slide .elm-body h2, .elm-grid-3 .flex-active-slide .elm-body h3, .elm-grid-3 .flex-active-slide .elm-body h4, .elm-grid-3 .flex-active-slide .elm-body h5, .elm-grid-3 .flex-active-slide .elm-body h6 { /*color:$brand-primary;*/ -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
  .elm-grid-3 .flex-active-slide .elm-body p { color: #474747; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
  .recipes-circles .elm-grid-3 .elm-body { max-width: 100%; }
  .recipes-circles .elm-grid-3 p { /*font-size: $fontSizeSmall;*/ width: 100%; margin: 0 auto; } }
/* ===============================  */
/* 480px ========================  */
@media (min-width: 481px) { .elm-grid-3 .slides { width: 100%; float: left; height: auto; margin: 0; padding: 0; }
  .elm-grid-3 .slides .item { float: left; padding: 0; margin: 0 1% 16px; }
  .elm-grid-3 .slides .item:nth-child(3n+1) { margin-left: 2%; }
  .elm-grid-3 .slides .item:nth-child(3n) { margin-right: 2%; }
  .elm-grid-3 .slides .item .elm-body { display: block; float: none; -moz-box-sizing: border-box; box-sizing: border-box; }
  .elm-grid-3 .slides .item .elm-body p { float: none; }
  .elm-grid-3 .slides .item:nth-child(3n+1) { clear: left; } }
/* =============================== */
/* 768px ======================== */
@media (min-width: 720px) { .elm-grid-3 { width: 100%; margin: 0; }
  .elm-grid-3 .slides .item { width: 30.66%; }
  .elm-grid-3 .slides .item .elm-body { width: 100%; float: none; min-height: 110px; }
  .elm-grid-3 .slides .item .elm-body p { float: none; }
  .elm-grid-3 .slides .item div.elm-circle .elm-img { overflow: hidden; margin: 0 auto 125px auto; }
  .recipes-circles .elm-body { padding: 10px; width: 100%; max-width: 200px; float: none; }
  .recipes-circles .elm-body h3 { /*font-size: 20px;*/ }
  .recipes-circles .elm-body p { /*font-size: $fontSizeSmall;*/ } }
/* =============================== */
/* 1024px ======================== */
@media (min-width: 1024px) { .elm-grid-3 .slides .item div.elm-circle .elm-img { overflow: hidden; margin: 0 auto 125px auto; }
  .elm-grid-3 .slides .item .elm-body { padding: 36px; min-height: 100px; } }
/* =============================== */
/* 1200px ======================== */
@media (min-width: 1200px) { .elm-grid-3 .slides .item div.elm-circle .elm-img { overflow: hidden; margin: 0 auto 85px auto; } }
/* =============================== */
/* ===============================  */
/* only 2 items */
.items2.elm-grid-3 .item:first-child { margin-left: 16%; }

@media (min-width: 0) { .items2.elm-grid-3 .item:first-child { margin-left: 0%; } }
@media (min-width: 481px) { .items2.elm-grid-3 .item:first-child { margin-left: 16%; } }
@media (min-width: 1200px) { .section-circles .main .items2.elm-grid-3 .item:first-child { margin-left: 17%; } }
.ie8 .section-circles .main .items2.elm-grid-3 .item:first-child { margin-left: 17%; }

/* ===============================  */
/* ===============================  */
/* only 1 items */
.items1.elm-grid-3 .item:first-child { margin-left: 36%; }

@media (min-width: 0) { .items1.elm-grid-3 .elm-body { display: block; width: 92%; }
  .items1.elm-grid-3 { float: left; width: 100%; margin: 0; }
  .items1.elm-grid-3 .item { width: 100%; margin: 0; }
  .items1.elm-grid-3 .item a { width: 100%; margin: 0; }
  .items1 .item a .item-txt { display: block; background: #fff; }
  .items1 .item a .item-txt h3 { color: #F7941e; }
  .items1.elm-grid-3 .item:first-child { margin-left: 0; } }
@media (min-width: 481px) { .items1.elm-grid-3 .item:first-child { margin-left: 36%; width: 26%; }
  .items1 .item a .item-txt { background: transparent; }
  .items1 .item a .item-txt h3 { color: #474747; } }
@media (min-width: 1200px) { .section-circles .main .items1.elm-grid-3 .item:first-child { margin-left: 36%; } }
.ie8 .section-circles .main .items1.elm-grid-3 .item:first-child { margin-left: 32%; }

/* ===============================  */
.f-4 .section-circles .headline { color: #474747; font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }
.f-4 .section-circles .btn-more-container { margin-top: 0; }

/* _________________________________________
PROJECT:	Gateway UI Kit
CONTENT:	Links to social media
____________________________________________ */
/* 0px ===========================  */
@media (min-width: 0) { .section-social .grid-6-slider { float: left; width: 53.333333333%; margin: 0 23.333333333%; height: auto; }
  .section-social .item.flex-active-slide { margin-bottom: 20px; }
  .section-social .main { float: left; width: 100%; overflow: hidden; padding: 0 0 15px 0; }
  .section-social .main .item .item-icon { background-repeat: none; background-position: center top; background-size: 100%; width: 45px; height: 45px; overflow: hidden; position: relative; margin: 0 auto; cursor: pointer; opacity: .6; }
  .section-social .main .item h5.item-label, .section-social .main .item p.item-label { padding: 15px 0; text-align: center; color: #111111; opacity: 0; font-size: 14px; /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }
  .section-social .main .item h5.item-label span, .section-social .main .item p.item-label span { display: block; clear: left; /*@include gothamSSBook;*/ font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: 300; font-style: normal; text-transform: capitalize; font-size: 13.6px; text-align: center; padding-top: 4px; }
  .section-social .main .item a { display: block; position: relative; width: 155px; padding: 25px 0 5px 0; overflow: hidden; margin: 0 auto; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  .section-social .main .item a img { position: relative; opacity: 1; margin: 0 5px; }
  .section-social .main .item a:hover { overflow: hidden; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
  .section-social .main .item a:hover .item-icon { opacity: 1; }
  .section-social .main .flex-active-slide a { background: #fff; }
  .section-social .main .flex-active-slide a .item-icon { background-position: center -45px; opacity: 1; }
  .section-social .main .flex-active-slide h5.item-label, .section-social .main .flex-active-slide p.item-label { opacity: 1; } }
/* ===============================  */
/* 480px ========================   */
@media (min-width: 481px) { .section-social .main { padding-bottom: 40px; width: 100%; margin-left: 0; left: 0; }
  .section-social .main .grid-6-slider { float: none; width: 100%; margin: 0 auto; height: auto; }
  .section-social .main .grid-6-slider .slidecount-5 .item:first-child { margin-left: 8.3333333325%; }
  .section-social .main .grid-6-slider .slidecount-4 .item:first-child { margin-left: 16.666666666%; }
  .section-social .main .grid-6-slider .slidecount-3 .item:first-child { margin-left: 24.9999999995%; }
  .section-social .main .grid-6-slider .slidecount-2 .item:first-child { margin-left: 33.333333333%; }
  .section-social .main .grid-6-slider .slidecount-1 .item { margin-left: 41.6666666665%; }
  .section-social .main .item { width: 16.666666667%; }
  .section-social .main .item h5.item-label, .section-social .main .item p.item-label { opacity: 1; }
  .section-social .main .item a { width: 100%; padding: 20px 0 5px 0; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; background: transparent; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  .section-social .main .item a img { position: relative; opacity: 1; margin: 0 5px; }
  .section-social .main .item a:hover { overflow: hidden; background: #fff; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
  .section-social .main .item a:hover .item-icon { background-position: center -45px; }
  .section-social .main .item a:hover .item-icon { opacity: 1; }
  .mild-bg.section-social.has-bg-img .item a { background: #fff; }
  .dark-bg.section-social.has-bg-img .item .item-label { color: #fff; }
  .dark-bg.section-social.has-bg-img .item a:hover .item-label { color: #111111; } }
/* ===============================  */
/* 768px ========================   */
@media (min-width: 768px) { .section-social .main .grid-6-slider { float: none; width: 100%; margin: 0 auto; height: auto; }
  .section-social .main .grid-6-slider .slidecount-5 .item:first-child { margin-left: 8.75%; }
  .section-social .main .grid-6-slider .slidecount-4 .item:first-child { margin-left: 17%; }
  .section-social .main .grid-6-slider .slidecount-3 .item:first-child { margin-left: 25.25%; }
  .section-social .main .grid-6-slider .slidecount-2 .item:first-child { margin-left: 33.5%; }
  .section-social .main .grid-6-slider .slidecount-1 .item { margin-left: 41.75%; }
  .section-social .main .item { width: 14.5%; padding: 0 1%; }
  .section-social .main .item a { float: left; display: block; position: relative; padding: 25px 0 5px 0; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  .section-social .main .item a img { position: relative; opacity: 1; margin: 0 20px; }
  .section-social .main .item a:hover { overflow: hidden; background: #fff; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
  .section-social .main .item a:hover .item-icon { background-position: center -45px; }
  .section-social .main .item a:hover .item-icon { opacity: 1; } }
/* ===============================  */
/* 1024px ========================  */
@media (min-width: 1024px) { .section-social .main { float: left; width: 900px; left: 50%; margin-left: -450px; } }
/* ===============================  */
/* _________________________________________
PROJECT:	Gateway UI Kit
CONTENT:	Video Styles
____________________________________________ */
/* 0px ===========================  */
@media (min-width: 0) { .video-case { float: left; width: 100%; padding-top: 31px; }
  section.section-video, .section-video { -moz-box-sizing: border-box; box-sizing: border-box; }
  section.section-video .main, .section-video .main { float: left; width: 840px; position: relative; left: 50%; margin: 0; padding: 20px 0 20px 0; }
  section.section-video .main .video-case .video-wrap.video-large, .section-video .main .video-case .video-wrap.video-large { padding-top: 0; background: transparent; }
  section.section-video .main .video-case .video-wrap, .section-video .main .video-case .video-wrap { padding-top: 10px; background: rgba(0, 0, 0, 0.1); -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  section.section-video .main .video-case .video-wrap:hover, .section-video .main .video-case .video-wrap:hover { background: #F7941e; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
  section.section-video .main .video-case .item-txt, .section-video .main .video-case .item-txt { float: left; width: 100%; height: auto; padding: 1em 0 .5em 0; margin: 10px auto; text-align: center; } }
/* ===============================  */
/* 480px ========================   */
@media (min-width: 481px) { section.section-video, .section-video { -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px; }
  section.section-video .grid-3-col .item:hover, .section-video .grid-3-col .item:hover { cursor: default; }
  section.section-video .grid-3-col .item .video-case, .section-video .grid-3-col .item .video-case { width: 100%; margin: 0 auto; }
  .section-gallery.has-bg-img.light-bg .item:hover a .item-txt h3, .section-gallery.has-bg-img.light-bg .item:hover a .item-txt p, .section-gallery.has-bg-img.mild-bg .item:hover a .item-txt h3, .section-gallery.has-bg-img.mild-bg .item:hover a .item-txt p { color: #F7941e; } }
/* ===============================  */
/* 768px ========================   */
@media (min-width: 768px) { section.section-video .main, .section-video .main { position: relative; left: 50%; float: left; width: 765px; margin-left: -383px; }
  section.section-video .main .grid-3-col .item, .section-video .main .grid-3-col .item { min-height: 150px; } }
/* ===============================  */
/* 1200px ========================  */
@media (min-width: 1200px) { section.section-video .main, .section-video .main { position: relative; left: 50%; float: left; width: 765px; margin-left: -383px; }
  section.section-video .main .grid-3-col .item, .section-video .main .grid-3-col .item { float: left; width: 290px; margin: 0 26px; min-height: 320px; }
  section.section-video .main .grid-3-col .item:first-child, .section-video .main .grid-3-col .item:first-child { margin-left: 0; }
  section.section-video .main .grid-3-col .item:last-child, .section-video .main .grid-3-col .item:last-child { margin-right: 0; } }
/* ===============================  */
/* _________________________________________
PROJECT:	Gateway UI Kit
CONTENT:	Media Gallery Styles
____________________________________________ */
/* 0px ===========================  */
@media (min-width: 0) { .section-gallery .item .item-txt h3 { font-size: 15px; }
  .section-gallery h3 + p { margin-top: 3px; }
  .section-gallery .gallery-slider { display: none; }
  .section-gallery .carousel { float: left; width: 76.5625%; margin: 0 11.71875%; height: auto; }
  .section-gallery .carousel .flex-prev, .section-gallery .carousel .flex-next { display: none; }
  .section-gallery .carousel .item { width: 230px; }
  .section-gallery .carousel .item .item-txt { margin: 10px auto; padding: 10px; float: left; width: 100%; display: block; -moz-box-sizing: border-box; box-sizing: border-box; }
  .section-gallery .carousel .item .playicon { height: 50px; width: 50px; background: url(../images/sprite-video-play.png) 0 -50px no-repeat; background-size: 50px 100px; position: absolute; top: 50px; left: 50%; margin-left: -25px; z-index: 3; }
  .section-gallery .carousel .item a { display: block; position: relative; width: 96%; margin: 0 2%; }
  .section-gallery .carousel .item a:hover .playicon { background-position: 0 0; } }
/* ===============================  */
/* 480px ========================   */
@media (min-width: 481px) { section.section-gallery .carousel, .section-gallery .carousel { width: 100%; margin: 14px 0 35px 0; overflow: hidden; }
  section.section-gallery .carousel .flex-prev, section.section-gallery .carousel .flex-next, .section-gallery .carousel .flex-prev, .section-gallery .carousel .flex-next { display: block; }
  section.section-gallery .flex-direction-nav, .section-gallery .flex-direction-nav { display: block; }
  section.section-gallery .gallery-slider, .section-gallery .gallery-slider { width: 100%; display: block; overflow: hidden; }
  section.section-gallery .carousel .item, .section-gallery .carousel .item { margin-right: 10px; width: 248px; }
  section.section-gallery .carousel img, .section-gallery .carousel img { display: block; opacity: 1; cursor: pointer; }
  section.section-gallery .carousel img:hover, .section-gallery .carousel img:hover { opacity: 1; }
  section.section-gallery .carousel li .item, .section-gallery .carousel li .item { width: 197px; }
  section.section-gallery .carousel .item .playicon, .section-gallery .carousel .item .playicon { display: none; }
  section.section-gallery .carousel .item-txt, .section-gallery .carousel .item-txt { min-height: 60px; }
  section.section-gallery .carousel .item-txt h3, .section-gallery .carousel .item-txt h3 { margin: 0; padding: 0; }
  section.section-gallery .carousel .flex-active-slide a .bar, .section-gallery .carousel .flex-active-slide a .bar { background: #F7941e; }
  section.section-gallery .carousel .flex-active-slide .item-txt, .section-gallery .carousel .flex-active-slide .item-txt { background: #fff; }
  section.section-gallery .carousel .flex-active-slide a .item-txt h3, section.section-gallery .carousel .flex-active-slide a .item-txt p, .section-gallery .carousel .flex-active-slide a .item-txt h3, .section-gallery .carousel .flex-active-slide a .item-txt p { color: #F7941e; }
  section.section-gallery .carousel .flex-active-slide:hover a .item-txt h3, section.section-gallery .carousel .flex-active-slide:hover a .item-txt p, .section-gallery .carousel .flex-active-slide:hover a .item-txt h3, .section-gallery .carousel .flex-active-slide:hover a .item-txt p { color: #F7941e; }
  section.section-gallery .carousel a:hover .bar, .section-gallery .carousel a:hover .bar { background: #F7941e; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
  section.section-gallery .carousel a:hover .item-txt, .section-gallery .carousel a:hover .item-txt { background: #fff; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
  section.section-gallery .carousel a:hover .item-txt h3, .section-gallery .carousel a:hover .item-txt h3 { color: #F7941e; }
  section.section-gallery .carousel a:hover .item-txt p, .section-gallery .carousel a:hover .item-txt p { color: #111111; }
  section.section-gallery .carousel .flex-active-slide img, .section-gallery .carousel .flex-active-slide img { opacity: 1; cursor: default; }
  section.section-gallery .carousel .flex-direction-nav a, .section-gallery .carousel .flex-direction-nav a { margin: -70px 0 0; }
  section.section-gallery .carousel:hover .flex-direction-nav .flex-disabled, .section-gallery .carousel:hover .flex-direction-nav .flex-disabled { display: none; }
  section.section-gallery .flex-viewport, .section-gallery .flex-viewport { width: 85%; margin: 0 auto; }
  section.section-gallery .flex-direction-nav .flex-next, .section-gallery .flex-direction-nav .flex-next { right: 5px; }
  section.section-gallery .flex-direction-nav .flex-prev, .section-gallery .flex-direction-nav .flex-prev { left: 5px; }
  .has-bg-img.section-gallery.mild-bg .slides .item .item-txt { background: #fff; }
  .has-bg-img.dark-bg .flex-direction-nav a { background: url(../images/bg_direction_nav-white.png?v=2) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; }
  .has-bg-img.dark-bg .flex-direction-nav .flex-next { background-position: 100% 0; right: 0; }
  .has-bg-img.dark-bg .flex-direction-nav .flex-prev { left: 0; } }
/* ===============================  */
/* 768px ========================   */
@media (min-width: 768px) { .section-gallery .carousel { float: left; width: auto; margin: 0; height: auto; }
  .section-gallery .carousel .flex-prev, .section-gallery .carousel .flex-next { display: block; }
  .section-gallery .carousel .item .playicon { display: none; }
  .section-gallery .carousel .item a { display: block; position: relative; width: auto; margin: 0; }
  .section-gallery .carousel .flex-active-slide:hover a .bar { background: #F7941e; }
  .section-gallery .carousel .flex-active-slide:hover .item-txt { background: #fff; }
  .section-gallery .carousel .flex-active-slide:hover .item-txt p { color: #111111; }
  .section-gallery .gallery-slider { display: block; }
  section.section-gallery .main { width: 823px; margin: 0 auto; float: none; left: 0; }
  section.section-gallery .flex-viewport { width: 748px; margin: 0 auto; overflow: hidden; }
  section.section-gallery .flex-direction-nav .flex-next { right: 0px; }
  section.section-gallery .flex-direction-nav .flex-prev { left: 0px; } }
/* ===============================  */
/* 1200px ========================  */
@media (min-width: 1200px) { /*.section-gallery { .main { width:825px; margin:0 auto; float:none; left:0;   } }*/ }
/* _________________________________________________________
PROJECT:	Gateway UI Kit
CONTENT:	Section Media Stream
NOTES:		Media-query values are defined in 'mixins.less'
____________________________________________________________ */
.media-stream-wrap { margin: 0 auto; padding-bottom: 50px; }
.media-stream-wrap:before, .media-stream-wrap:after { content: ''; display: block; clear: both; }

.section-media-stream-intro.has-bg-img.dark-bg .media-stream-nav-label { color: #fff; }

.light-bg .ms-item { background-color: #eaeaea; }

.ms-item { width: 200px; background-color: #fff; padding-bottom: 10px; margin-bottom: 20px; text-align: center; }
.ms-item .ms-media, .ms-item .ms-title, .ms-item .ms-desc, .ms-item .ms-date, .ms-item p { margin-left: 10px; margin-right: 10px; overflow: hidden; text-overflow: ellipsis; }
.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: 180px; }
.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; display: block; height: 136px; }
.ms-item .ms-video-thumb .ms-video-icon { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1) url(../images/icon-play-video-thumb.png) 50% 50% no-repeat; background-size: 40px 40px; z-index: 2; }
.ms-item .ms-video-thumb .videoPlayIcon { display: none; }
.ms-item .videoPlayIcon { display: none; }
.ms-item .ms-title { clear: both; padding: 0 0 5px 0; line-height: 1em; font-size: 15px; }
.ms-item .ms-title a { font-weight: bold; color: #111111; }
.ms-item .ms-title a:hover { color: #F7941e; }
.ms-item .ms-date { /*@include gothamSSBook;*/ font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: 300; font-style: normal; font-size: 12px; color: #777777; }
.ms-item .ms-title + p a:first-child { width: 100%; float: left; text-align: center; }

.ms-media { margin-top: 10px; }
.ms-media a { display: block; position: relative; }
.ms-media a img { float: left; display: block; width: 100%; margin: 0 auto 10px auto; }
.ms-media a .bar { left: 0; top: 0; position: absolute; height: 10px; width: 100%; content: ""; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.ms-media a:hover .bar { background: #F7941e; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }

.ms-social-header { clear: both; display: block; height: 48px; width: 180px; margin: 0 auto; padding: 10px 0; }
.ms-social-header .ms-social-icon { float: left; display: block; width: 48px; height: 48px; }
.ms-social-header .ms-social-profile-name, .ms-social-header .ms-social-profile-handle { text-align: left; display: block; float: left; width: 120px; margin: 0; padding: 0 0 0 10px; font-size: 14px; line-height: 1em; }
.ms-social-header .ms-social-profile-name { font-weight: bold; clear: right; padding-top: 10px; padding-left: 10px; }

.ms-pinterest-button a { -webkit-transition: all 0s ease-in-out; /* Safari and Chrome */ /* Firefox 4 */ /* Opera */ transition: all 0s ease-in-out; }

/* required twitter action buttons */
.ms-twitter-sprite { background: url("../images/sprite-twitter-actions.png") no-repeat; text-indent: -9000em; display: inline-block; -webkit-transition: all 0s ease-in-out; /* Safari and Chrome */ /* Firefox 4 */ /* Opera */ transition: all 0s ease-in-out; margin: 5px 10px; }

.ms-twitter-sprite.favorite { background-position: -33px -1px; width: 15px; height: 15px; }

.ms-twitter-sprite.favorite:hover { background-position: -49px -1px; width: 15px; height: 15px; -webkit-transition: all 0s ease-in-out; /* Safari and Chrome */ /* Firefox 4 */ /* Opera */ transition: all 0s ease-in-out; }

.ms-twitter-sprite.favorite.on { background-position: -65px -1px; width: 15px; height: 15px; }

.ms-twitter-sprite.retweet { background-position: -81px -2px; width: 14px; height: 11px; }

.ms-twitter-sprite.retweet:hover { background-position: -97px -2px; width: 14px; height: 11px; -webkit-transition: all 0s ease-in-out; /* Safari and Chrome */ /* Firefox 4 */ /* Opera */ transition: all 0s ease-in-out; }

.ms-twitter-sprite.retweet.on { background-position: -113px -2px; width: 14px; height: 11px; }

.ms-twitter-sprite.reply { background-position: -3px -3px; width: 11px; height: 12px; }

.ms-twitter-sprite.reply:hover { background-position: -19px -3px; width: 11px; height: 12px; -webkit-transition: all 0s ease-in-out; /* Safari and Chrome */ /* Firefox 4 */ /* Opera */ transition: all 0s ease-in-out; }

/* Media Stream Nav */
.media-stream-nav { margin: 0 auto 20px auto; text-align: center; clear: both; display: block; }
.media-stream-nav h4, .media-stream-nav ul li, .media-stream-nav .media-stream-nav-label { display: inline-block; font-size: 0.9em; text-transform: uppercase; /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }
.media-stream-nav ul li.reload a { text-indent: -9000em; padding: 0; background: transparent; }
.media-stream-nav ul li.reload a span { width: 25px; height: 24px; display: block; background: transparent url(../images/sprite-refresh.png) 50% -2px no-repeat; background-size: 25px 50px; }
.media-stream-nav ul li.reload a:hover { background: transparent; }
.media-stream-nav ul li.reload a:hover span { background-position: 50% -27px; }
.media-stream-nav ul { display: inline; }
.media-stream-nav ul li a { padding: 4px 8px; background: #ffffff; color: #F7941e; font-weight: bold; text-transform: uppercase; margin: 5px 2px; display: inline-block; }
.media-stream-nav ul li a.active { color: #ffffff; background-color: #F7941e; -webkit-transition: all 0s ease-in-out; /* Safari and Chrome */ /* Firefox 4 */ /* Opera */ transition: all 0s ease-in-out; }
.media-stream-nav ul li a:hover { color: #ffffff; background-color: #F7941e; -webkit-transition: all 0s ease-in-out; /* Safari and Chrome */ /* Firefox 4 */ /* Opera */ transition: all 0s ease-in-out; }

.dark-bg .media-stream-nav ul li.reload a span { background: transparent url(../images/sprite-refresh-white.png) 50% -2px no-repeat; background-size: 25px 50px; }
.dark-bg .media-stream-nav ul li.reload a:hover span { background-position: 50% -27px; }

.light-bg .media-stream-nav ul li a { background-color: #eaeaea; }
.light-bg .media-stream-nav ul li a:hover, .light-bg .media-stream-nav ul li a.active { color: #ffffff; background-color: #F7941e; -webkit-transition: all 0s ease-in-out; /* Safari and Chrome */ /* Firefox 4 */ /* Opera */ transition: all 0s ease-in-out; }

.light-bg .media-stream-nav ul li.reload a { background-color: transparent; }

/* FANCY BOX OVERRIDES ================ */
.fancybox-skin { position: relative; background: #777; color: #fff; text-shadow: none; border-radius: 0px; }

.fancybox-opened .fancybox-skin { box-shadow: none; }

.fancybox-outer, .fancybox-inner { position: relative; }

.fancybox-inner { overflow: hidden; }

.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }

.fancybox-error { color: #fff; margin: 0; padding: 15px; white-space: nowrap; }

.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }

.fancybox-image { max-width: 100%; max-height: 100%; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../images/fancybox_sprite.png"); }

#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }

#fancybox-loading div { width: 44px; height: 44px; background: url("fancybox_loading.gif") center center no-repeat; }

.fancybox-close { position: absolute; top: 10px; right: 0px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; -webkit-transition: all 0s ease-in-out; /* Safari and Chrome */ /* Firefox 4 */ /* Opera */ transition: all 0s ease-in-out; }

.fancybox-close:hover { background-position: -147px 0; -webkit-transition: all 0s ease-in-out; /* Safari and Chrome */ /* Firefox 4 */ /* Opera */ transition: all 0s ease-in-out; }

.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("blank.gif"); /* helps IE */ -webkit-tap-highlight-color: transparent; z-index: 8040; }

.fancybox-prev { left: 0; }

.fancybox-next { right: 0; }

.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }

.fancybox-prev span { left: 10px; background-position: 0 -36px; }

.fancybox-next span { right: 10px; background-position: 0 -72px; }

.fancybox-nav:hover span { visibility: visible; }

.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

.fancybox-opened { z-index: 8020; }

/* Overlay helper */
.fancybox-lock { overflow: hidden !important; width: auto; }

.fancybox-lock body { overflow: hidden !important; }

.fancybox-lock-test { overflow-y: hidden !important; }

.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: none; }

.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }

.fancybox-opened { z-index: 8020; }

.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

/* Title helper */
.fancybox-title { visibility: hidden; font: inherit; /*@include gothamBoldHeadline;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; text-align: center; text-transform: uppercase; font-size: 1.5em; position: relative; text-shadow: none; z-index: 8050; margin: 0 30px; }

.fancybox-opened .fancybox-title { visibility: visible; }

.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }

.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }

.fancybox-title-outside-wrap { position: relative; margin: 25px; color: #fff; }

.fancybox-title-inside-wrap { padding: 5px 0 12px 0; pointer-events: none; }

.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background-color: transparent; }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../images/fancybox_sprite@2x.png"); background-size: 100px 152px; /*The size of the normal image, half the size of the hi-res image*/ }
  #fancybox-loading div { background-image: url("fancybox_loading@2x.gif"); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } }
/* 0px ===========================  */
@media (min-width: 0) { .media-stream-wrap { width: 200px; }
  .media-stream-nav { max-width: 200px; } }
/* ===============================  */
/* 480px ========================   */
@media (min-width: 481px) { .media-stream-wrap { width: 420px; }
  .media-stream-nav { max-width: 420px; } }
/* ===============================  */
/* 768px ========================   */
@media (min-width: 768px) { .media-stream-wrap { width: 640px; }
  .media-stream-nav { max-width: 640px; } }
/* ===============================  */
/* 1024px ========================  */
@media (min-width: 1024px) { .media-stream-wrap { width: 860px; }
  .media-stream-nav { max-width: 860px; } }
/* ===============================  */
/* 1200px ========================  */
/* ===============================  */
/* PRINT ========================   */
/* ===============================  */
  /* _________________________________________
PROJECT:  Coca-Cola UI Kit
CONTENT:  Styles here used for sitemap, country picker and search results
____________________________________________ */
.search-title { font-size: 30px; margin-bottom: 20px; margin-top: 0; }

.search-result-topic { font-size: 18px; margin-bottom: 0px; margin-top: 0; line-height: 20px; }

.search-resultnumber { font-size: 15px; margin-bottom: 20px; margin-top: 0; }

.section-search-pagination { padding-bottom: 80px; }

.item a.item-img-wrap { width: 245px; }

.item a.item-text-wrap { width: 730px; }

.mobile-select-toggle.search-result-headline { text-transform: lowercase; line-height: 1.1em; padding-bottom: 10px; }

.item a.item-text-wrap p { font-size: 16px; line-height: 1.5em; }

section.section-searchtitle { padding-top: 10px; }

.search-result-headline { padding-bottom: 10px; }

/* .sitemap-col-item {background-color:rgba(0,255,255,0.2);} */
h2.sitemap-parent-item { font-size: 20px; background-color: #F7941e; color: #ffffff; }

.section-countries .flag-icon { display: inline-block; max-width: 32px; position: absolute; left: 0; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.section-countries .flag-icon img { width: 100%; display: block; 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-countries .country-name { position: relative; word-wrap: break-word; }
@media screen and (max-width: 767px) { .section-countries #countries li.has-flag .flag-icon { left: 10px; }
  .section-countries #countries li.has-flag .country-name { padding-left: 37px; }
  .section-countries #countries .hide-flags-mobile .flag-icon { display: none; }
  .section-countries #countries .hide-flags-mobile li.has-flag .country-name { padding-left: 0; } }
@media screen and (min-width: 768px) { .section-countries .flag-icon { max-width: 24px; }
  .section-countries .country-name { word-wrap: break-word; }
  .section-countries #countries .sitemap-col-title ul .has-flag a { padding: 0 6px 0 29px; } }

/* 0px ===========================  */
@media (min-width: 0) { .item a.item-text-wrap { width: 90%; margin-left: 5%; margin-right: 5%; }
  .item:hover .item-txt { background-color: transparent; }
  .section-filters { background-color: #eeeeee; } }
@media screen and (min-width: 0) and (max-width: 767px) { .has-bg-img.section-sitemap { background-size: 0 0; } }

@media (min-width: 0) { 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 { font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; background-color: #ffffff; font-size: 20px; line-height: 25px; color: #F7941e; 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, section.section-sitemap .level1-link { font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; text-transform: uppercase; background-color: #ffffff; font-size: 20px; line-height: 25px; color: #F7941e; 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; }
  section.section-sitemap .mobile-select-toggle a, section.section-sitemap .level1-link a { font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }
  #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 5px; text-transform: none; }
  #countries .sitemap-col, #filters .sitemap-col { padding: 0; }
  .nested-accordion { float: left; width: 100%; /* reset styles for accordion */ }
  .nested-accordion #sitemapsearchform { width: 100%; margin: 0; padding: 0; overflow: hidden; background-color: transparent; font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; color: #F7941e; 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: #F7941e; 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; font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }
  .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; }
  .nested-accordion .mobile-select-toggle.active .status-icon.adj-minus { padding-right: 4px; }
  .nested-accordion .sitemap-col li { width: 100%; color: #F7941e; text-transform: uppercase; padding: 6px 0; margin: 0; font-size: 13px; line-height: 1em; list-style: none; text-align: left; }
  .nested-accordion .sitemap-col li a { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: 300; font-style: normal; display: block; color: #F7941e; font-size: 16px; line-height: 18px; }
  .nested-accordion .sitemap-col li ul li a { color: #ffffff; }
  .nested-accordion .sitemap-col ul li { text-transform: none; }
  .nested-accordion .sitemap-col li.sitemap-col-title { padding: 0; }
  .nested-accordion .sitemap-col { background-color: transparent; padding: 0; }
  .nested-accordion .sitemap-col li ul { background-color: #eeeeee; padding: 8px 0; }
  .nested-accordion .sitemap-col li ul li { padding: 6px 5px; }
  .nested-accordion .sitemap-col-title > a, .nested-accordion .sitemap-col-title h4 > a { background-color: #ffffff; font-size: 20px; line-height: 25px; color: #F7941e; text-align: left; padding: 12px 0 10px 0; margin: 1px 0 0 0; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 10px; }
  .nested-accordion .sitemap-col-title > a span.status-icon, .nested-accordion .sitemap-col-title h4 > a span.status-icon { position: absolute; right: 10px; color: #D6D6D6; font-weight: 700; font-style: normal; font-size: 40px; }
  .nested-accordion .sitemap-col-title > a span.status-icon.adj-minus, .nested-accordion .sitemap-col-title h4 > a span.status-icon.adj-minus { padding-right: 4px; }
  .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 { font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; list-style: none; text-align: left; margin: 10px 0 0 0; cursor: default; }
  .nested-accordion div { color: #555; overflow: hidden; margin: 0; }
  .nested-accordion .level1-link, .nested-accordion .mobile-select-toggle { cursor: default; color: #F7941e; background-color: #fff; position: relative; }
  .nested-accordion .mobile-select-toggle .status-icon, .nested-accordion .mobile-select-toggle .status-open-icon { position: absolute; right: 10px; top: 13px; color: #D6D6D6; font-weight: 700; font-style: normal; font-size: 40px; }
  .nested-accordion .mobile-select-toggle.active { background-color: #F7941e; 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: #F7941e; 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: #F7941e; 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: #eeeeee; }
  .nested-accordion .sitemap-col-title + span { float: left; width: 100%; background-color: #eeeeee; } }
@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(../images/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-color: #F7941e; color: #ffffff; 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-color: transparent; }
  .section-filters { background-color: #474747; }
  #filters .sitemap-col li ul li { padding: 2px 0; }
  #sitemapsearchform { display: none; }
  .is_expanded .sitemap-wrap { background-color: orange; }
  section.section-sitemap #showCountries, section.section-sitemap #showFilters { display: block; }
  section.section-sitemap.section-countries:not(.has-bg-img) { background-image: url(../images/country-navigator-map-gray.png); 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; background-color: #474747; background-position: 50% 170px; background-repeat: no-repeat; padding: 35px 0 35px; }
  section.section-sitemap.section-countries.mild-bg:not(.has-bg-img) { background-image: url(../images/country-navigator-map-white.png); background-color: #eeeeee; }
  section.section-sitemap.section-countries.light-bg:not(.has-bg-img) { background-image: url(../images/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-color: transparent; font-size: 12px; line-height: 17px; color: #F7941e; 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; color: #F7941e; left: -12px; top: 1px; -webkit-transition: color .2s ease-out; transition: color .2s ease-out; }
  section.section-sitemap .sitemap-wrap .sitemap-col-title > a:hover { color: #111111; }
  section.section-sitemap .sitemap-wrap .sitemap-col-title > a:hover span.status-icon { color: #111111; }
  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-color: transparent; font-size: 16px; padding: 0; text-indent: 0; margin-top: 0; color: #F7941e; }
  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: 100%; margin: 10px 0 20px; /* Re-style to fix multi-column layout */ }
  section.section-sitemap .nested-accordion .mobile-select-toggle, section.section-sitemap .nested-accordion .level1-link { background-color: 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-color: 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-color: transparent; padding: 0 20px; }
  section.section-sitemap .nested-accordion .sitemap-col ul { margin: 0; background-color: 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: none; position: relative; opacity: 1; text-indent: 0; margin: 0; line-height: 14px; -webkit-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: #111111; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; background-color: transparent; }
  section.section-sitemap .nested-accordion .sitemap-col li ul li, section.section-sitemap .nested-accordion .sitemap-col .li ul li { padding-left: 0; }
  section.section-sitemap .nested-accordion .sitemap-col li ul li a, section.section-sitemap .nested-accordion .sitemap-col .li ul li a { color: #474747; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: 300; font-style: normal; font-size: 14px; line-height: 16px; }
  section.section-sitemap .nested-accordion .sitemap-col li ul li a:hover, section.section-sitemap .nested-accordion .sitemap-col .li ul li a:hover { color: #F7941e; }
  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-color: transparent; }
  #countries .sitemap-col-title > a, #countries .sitemap-col-title h4 > a, #filters .sitemap-col-title > a, #filters .sitemap-col-title h4 > a { background-color: 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-color: 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: none; position: relative; opacity: 1; text-indent: 0; margin: 0; -webkit-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: #111111; -webkit-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 { 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%; }
  .light-bg.has-bg-img.section-sitemap .main .sitemap-col-item a, .light-bg.has-bg-img.section-sitemap .main .sitemap-col-item p, .light-bg.has-bg-img.section-sitemap .main .sitemap-col-item span, .light-bg.has-bg-img.section-sitemap .main li a, .light-bg.has-bg-img.section-sitemap .main li p, .light-bg.has-bg-img.section-sitemap .main li span { color: #111111; /*color: springgreen;*/ }
  .light-bg.has-bg-img.section-sitemap .main h2 { color: #111111; }
  .mild-bg.has-bg-img.section-sitemap .main .sitemap-col-item a, .mild-bg.has-bg-img.section-sitemap .main .sitemap-col-item p, .mild-bg.has-bg-img.section-sitemap .main .sitemap-col-item span, .mild-bg.has-bg-img.section-sitemap .main li a, .mild-bg.has-bg-img.section-sitemap .main li p, .mild-bg.has-bg-img.section-sitemap .main li span { color: #F7941e; /*color: magenta;*/ }
  .mild-bg.has-bg-img.section-sitemap .main h2 { color: #F7941e; }
  .dark-bg.has-bg-img.section-sitemap .main .sitemap-col-item a, .dark-bg.has-bg-img.section-sitemap .main .sitemap-col-item p, .dark-bg.has-bg-img.section-sitemap .main .sitemap-col-item span, .dark-bg.has-bg-img.section-sitemap .main li a, .dark-bg.has-bg-img.section-sitemap .main li p, .dark-bg.has-bg-img.section-sitemap .main li span { color: #fff; /*color: deepskyblue;*/ }
  .dark-bg.has-bg-img.section-sitemap .main h2 { color: #fff; } }
/* ===============================  */
/* 1024px ========================  */
@media (min-width: 1024px) { .section-sitemap .main { position: relative; left: 50%; float: left; width: 1004px; margin-left: -502px; }
  section.section-sitemap .nested-accordion div { overflow: visible; }
  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-wrap { float: left; width: 33%; }
  section.section-sitemap .nested-accordion .sitemap-col-wrap .sitemap-col-item { width: 50%; }
  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; } }
/* ===============================  */
@media screen and (min-width: 768px) { #countries .sitemap-col { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; width: auto; } }

/* _________________________________________________________
PROJECT:	Gateway UI Kit
CONTENT:	Language Tunnel
____________________________________________________________ */
.section-language-tunnel .flag-icon { display: inline-block; max-width: 32px; }
.section-language-tunnel .flag-icon img { width: 100%; display: block; 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-language-tunnel .language-options li.has-flag { text-align: left; }
@media screen and (max-width: 767px) { .section-language-tunnel .headline { margin: 0 auto 20px; }
  .section-language-tunnel .language-options.has-flags { max-width: 100%; display: block; }
  .section-language-tunnel .language-options.has-flags li a { word-wrap: normal; line-height: 1.1em; }
  .section-language-tunnel .language-options.has-flags li.has-flag .country-name { margin-left: 42px; width: -webkit-calc(100% - 42px); width: calc(100% - 42px); }
  .section-language-tunnel .flag-icon { position: absolute; left: 11px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); }
  .section-language-tunnel .country-name, .section-language-tunnel .flag-icon { display: inline-block; vertical-align: middle; } }
@media screen and (min-width: 768px) { .section-language-tunnel .flag-icon { vertical-align: middle; margin-right: 4px; } }

/* 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-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: 300; font-style: normal; color: #474747; font-size: 22px; line-height: 24px; width: 100%; max-width: 90%; }
  section.section-language-tunnel h3.selected-country { font-size: 30px; line-height: 25px; color: #474747; text-transform: none; margin-bottom: 20px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: 300; font-style: normal; }
  section.section-language-tunnel ul.language-options { margin: 0 auto; display: table; width: 100%; }
  section.section-language-tunnel ul.language-options li { color: #F7941e; text-transform: uppercase; padding-bottom: 10px; /*margin: 0 10px;*/ font-size: 13px; line-height: 1em; list-style: none; width: 95%; margin: 0 auto; }
  section.section-language-tunnel ul.language-options li > a { font-weight: 700; display: block; background: #F7941e; border-bottom: 6px solid #F27020; font-size: 14px; line-height: 25px; padding: 8px 10px 6px; margin: 1px 0 0 0; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #fff; opacity: 1; font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  section.section-language-tunnel ul.language-options li > a:hover { background: #F27020; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } }
/* ===============================  */
/* 480px ========================   */
@media (min-width: 481px) { section.section-language-tunnel ul.language-options { width: 250px; display: table; margin: 30px auto 0; }
  section.section-language-tunnel ul.language-options.has-flags { width: 300px; }
  section.section-language-tunnel ul.language-options h2.headline { font-size: 28px; line-height: 30px; }
  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;*/ } }
/* ===============================  */
/* 768px ========================   */
@media (min-width: 768px) { section.section-language-tunnel { padding: 23px 0 30px; }
  section.section-language-tunnel h3.selected-country { font-size: 52px; }
  section.section-language-tunnel ul.language-options { width: 250px; display: table; margin: 30px auto 0; }
  section.section-language-tunnel ul.language-options.has-flags { width: 300px; }
  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 ========================   */
/* ===============================  */
/* _________________________________________________________
PROJECT:	Gateway UI Kit
CONTENT:	Language Tunnel
____________________________________________________________ */
/* 0px ===========================  */
@media (min-width: 0) { section.section-product-info { padding: 0; text-align: center; background-color: #ffffff; padding: 13px 0 10px; }
  section.section-product-info .product-carousel { width: 100%; height: 280px; margin-bottom: 20px; background-color: #474747; }
  section.section-product-info p.product-desc { padding: 4px 18px 18px 18px; font-size: 16px; line-height: 20px; }
  section.section-product-info ul.product-size li { display: inline; color: #111111; font-size: 16px; font-weight: bold; }
  section.section-product-info ul.product-size li a { font-weight: bold; }
  section.section-product-info ul.product-size li:after { content: " / "; color: #F7941e; font-weight: normal; }
  section.section-product-info ul.product-size li:last-of-type:after { content: ""; }
  section.section-product-info ul.product-size li.selected a { color: #111111; }
  section.section-product-info table.product-info-table { margin: 14px auto; text-align: left; border-collapse: collapse; max-width: 300px; font-size: 12px; line-height: 12px; }
  section.section-product-info table.product-info-table tr { border-bottom: 1px solid #000; }
  section.section-product-info table.product-info-table tr:first-of-type, section.section-product-info table.product-info-table tr:last-of-type { border-bottom: none; }
  section.section-product-info table.product-info-table th { text-align: center; padding: 8px 0px; font-size: 18px; }
  section.section-product-info table.product-info-table td { padding: 6px 6px 6px 0px; }
  section.section-product-info table.product-info-table td.nutrient { /* font-weight: bold; */ /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; /* width: 96px; */ }
  section.section-product-info table.product-info-table td.nutrient-value { /* width: 88px; */ }
  section.section-product-info table.product-info-table td.nutrient-percent-dv { /* font-weight: bold; */ text-align: right; /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }
  section.section-product-info table.product-info-table td:last-child { text-align: right; padding-right: 0px; }
  section.section-product-info p.dv-note { font-size: 11px; width: 90%; margin: 0 auto; }
  section.section-product-info .prod-desc { margin: 18px auto; padding: 0 10px; }
  section.section-product-info .prod-desc p { font-size: 16px; line-height: 20px; }
  section.section-product-info .prod-desc h3 { text-transform: none; font-size: 20px; margin-bottom: 6px; }
  section.section-product-info .ingredients { margin: 28px auto 18px auto; padding: 0 10px; }
  section.section-product-info .ingredients p { font-size: 16px; line-height: 20px; }
  section.section-product-info .ingredients h4 { text-transform: none; font-size: 16px; margin-bottom: 6px; }
  section.section-product-info .quality { margin: 0px auto 18px auto; padding: 0 10px; }
  section.section-product-info .quality p { font-size: 16px; line-height: 20px; }
  section.section-product-info .quality h4 { text-transform: none; font-size: 16px; margin-bottom: 6px; }
  section.section-product-info a { font-weight: bold; }
  .options--nutrition > .options__content { margin: .875em 20px; } }
/* ===============================  */
/* 480px ========================   */
/* ===============================  */
/* 768px ========================   */
@media (min-width: 768px) { section.section-product-info p.product-desc { width: 520px; margin: 0 auto; padding: 10px 18px 18px 18px; font-size: 16px; line-height: 23px; }
  section.section-product-info table.product-info-table { max-width: 520px; font-size: 18px; line-height: 20px; }
  section.section-product-info p.dv-note { font-size: 11px; margin: 0 auto; }
  section.section-product-info .prod-desc { width: 520px; }
  section.section-product-info .ingredients { width: 520px; margin: 28px auto 18px auto; }
  section.section-product-info .ingredients h4 { font-size: 16px; }
  section.section-product-info .ingredients p { font-size: 16px; line-height: 23px; }
  section.section-product-info .quality { width: 520px; margin: 0 auto 18px auto; }
  section.section-product-info .quality h4 { font-size: 16px; }
  section.section-product-info .quality p { font-size: 16px; line-height: 23px; padding: 0 10px; } }
/* ===============================  */
/* 1024px ========================  */
/* ===============================  */
/* 1200px ========================  */
@media (min-width: 1200px) { section.section-product-info table.product-info-table { max-width: 520px; }
  section.section-product-info .ingredients { width: 520px; margin: 28px auto 18px auto; }
  section.section-product-info .ingredients h4 { font-size: 16px; }
  section.section-product-info .quality { width: 520px; margin: 0 auto 18px auto; } }
/* ===============================  */
/* PRINT ========================   */
/* ===============================  */
/*  SWIPER  */
.productanimatein { animation: productanimatein 0.5s; -webkit-animation: productanimatein 0.5s; /* Safari and Chrome */ animation: productanimatein 0.5s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

@keyframes productanimatein { 0% { margin-bottom: -300px; }
  100% { margin-bottom: 0px; } }
@-webkit-keyframes productanimatein /* Safari and Chrome */ { 0% { margin-bottom: -300px; }
  100% { margin-bottom: 0px; } }
.productanimateout { animation: productanimateout 0.5s 1; -webkit-animation: productanimateout 0.5s 1; /* Safari and Chrome */ animation: productanimateout 0.5s 1; }

.productanimatein img { animation: productfadein 0.6s 1; -webkit-animation: productfadein 0.6s 1; /* Safari and Chrome */ animation: productfadein 0.6s 1; }

@keyframes productfadein { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes productfadein /* Safari and Chrome */ { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes productanimateout { 0% { margin-bottom: 0px; }
  100% { margin-bottom: 303px; } }
@-webkit-keyframes productanimateout /* Safari and Chrome */ { 0% { margin-bottom: 0px; }
  100% { margin-bottom: 303px; } }
.swiper { position: relative; z-index: 1; height: 22em; margin: 0 auto; overflow: hidden; text-align: center; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; }
.swiper .swiper__items { position: relative; width: 100%; filter: alpha(opacity=0); opacity: 0; -webkit-transition-property: -webkit-transform, left, top, opacity; -webkit-transition-duration: 0s, 0s, 0s, .5s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-duration: 0s, 0s, 0s, .5s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -ms-transition-property: -ms-transform, left, top, opacity; -ms-transition-duration: 0s, 0s, 0s, .5s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; -o-transition-duration: 0s, 0s, 0s, .5s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -webkit-transition-property: -webkit-transform, left, top, opacity; transition-property: transform, left, top, opacity; -webkit-transition-duration: 0s, 0s, 0s, .5s; transition-duration: 0s, 0s, 0s, .5s; -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; transition-timing-function: ease; }
.swiper.loaded .swiper__items { filter: alpha(opacity=100); opacity: 1; }
.swiper .swiper__item { float: left; position: relative; width: 9.25em; min-height: 22em; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: .3s; transition: .3s; }
.swiper .swiper__item.swiper__item--selected img, .no-touch .swiper .swiper__item:hover img { -webkit-transform: scale(1.16) translate3d(0, -1em, 0); -ms-transform: scale(1.16) translate3d(0, -1em, 0); transform: scale(1.16) translate3d(0, -1em, 0); }
.swiper .swiper__item img { max-width: 8.125em; -webkit-transform: translate3d(0, -1em, 0); -ms-transform: translate3d(0, -1em, 0); transform: translate3d(0, -1em, 0); -webkit-transition: .15s; transition: .15s; }
.swiper .swiper__item a { position: absolute; right: 0; bottom: 0; left: 0; -webkit-transition: .3s; transition: .3s; }
.swiper .swiper__item a.fade { filter: alpha(opacity=0); opacity: 0; }
.swiper .swiper__nav li { position: absolute; top: 50%; z-index: 10; -webkit-transition: .3s; transition: .3s; }
.swiper .swiper__nav li a { margin-top: -21px; display: block; width: 28px; height: 42px; background: url(../images/bg_direction_nav.png) no-repeat 0 0; text-indent: -9999px; filter: alpha(opacity=75); opacity: .75; }
.swiper .swiper__nav li a:hover { filter: alpha(opacity=100); opacity: 1; }
.swiper .swiper__nav li.swiper__nav--prev { left: 20px; -webkit-transform: translate3d(-4em, 0, 0); -ms-transform: translate3d(-4em, 0, 0); transform: translate3d(-4em, 0, 0); }
.swiper .swiper__nav li.swiper__nav--next { right: 20px; -webkit-transform: translate3d(4em, 0, 0); -ms-transform: translate3d(4em, 0, 0); transform: translate3d(4em, 0, 0); }
.swiper .swiper__nav li.swiper__nav--next a { background-position: 100% 0; }
.swiper:hover .swiper__nav li.swiper__nav--prev, .swiper:hover .swiper__nav li.swiper__nav--next { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.swiper:hover .swiper__nav li.swiper__nav--prev.swiper__nav--inactive { -webkit-transform: translate3d(-4em, 0, 0); -ms-transform: translate3d(-4em, 0, 0); transform: translate3d(-4em, 0, 0); }
.swiper:hover .swiper__nav li.swiper__nav--next.swiper__nav--inactive { -webkit-transform: translate3d(4em, 0, 0); -ms-transform: translate3d(4em, 0, 0); transform: translate3d(4em, 0, 0); }

/*  windows phone 8 fix  */
.swiper__wp8-horizontal { -ms-touch-action: pan-y; }

.swiper__wp8-vertical { -ms-touch-action: pan-x; }

/*  hide nav for touch  */
.touch .swiper__nav { display: none; }

/*  ie8 alpha fix  */
.ie8 .swiper .swiper__items { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.ie8 .swiper.loaded .swiper__items { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.ie8 .swiper .swiper__item { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
.ie8 .swiper .swiper__item:hover, .ie8 .swiper .swiper__item.swiper__item--selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.ie8 .swiper .swiper__item a.fade { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.ie8 .swiper .swiper__nav li a { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; }
.ie8 .swiper .swiper__nav li a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.ie8 .swiper .swiper__nav li.swiper__nav--prev.swiper__nav--inactive, .ie8 .swiper .swiper__nav li.swiper__nav--next.swiper__nav--inactive { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

/*  OPTIONS  */
.options { position: relative; }
.options > .options__content > li { display: none; /* filter: alpha(opacity=100); */ opacity: 1; -webkit-transition: .9s; transition: .9s; }
.options > .options__content > li.selected, .options > .options__content > li.fadein { display: block; }
.options > .options__content > li.fade, .options > .options__content > li.fadein { /* filter: alpha(opacity=0); */ opacity: 0; }

.options__content .fade { -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; opacity: 0; }

/*  options--products  */
.options--products > .options__nav { margin-bottom: 1.25em; text-align: center; }
.options--products > .options__content { text-align: center; }
.options--products > .options__content > li { -webkit-transition: .2s; transition: .2s; }
.options--products table.product-info-table tr:first-of-type { border-bottom: 1px solid black; }
.options--products p { text-align: center; }
.options--products tfoot { font-weight: normal; font-size: 11px; line-height: 1em; }

section.section-product-info .options--products table.product-info-table tfoot td:last-child { text-align: center; }
section.section-product-info .options--products table.product-info-table tbody tr:first-of-type { border-bottom: 1px solid black; }

/*  options--nutrition  */
.options--nutrition > .options__nav { margin: 0; *zoom: 1; }
.options--nutrition > .options__nav > li { font-size: 1em; color: #111111; }
.options--nutrition > .options__nav > li, .options--nutrition > .options__nav > li > a { display: inline-block; *display: inline; zoom: 1; }
.options--nutrition > .options__nav > li.selected a { color: #111111; }
.options--nutrition > .options__nav > li:last-child:after { display: none; }
.options--nutrition > .options__nav > li:after { color: #F7941e; content: " / "; }
.options--nutrition > .options__nav:before, .options--nutrition > .options__nav:after { content: " "; display: table; }
.options--nutrition > .options__nav:after { clear: both; }
.options--nutrition > .options__content > li { margin: 0 auto; }

/*  ie7 fix  */
.ie7 .options--nutrition > .options__nav > li { padding: 0 1em; }

/* _________________________________________
PROJECT:	Gateway UI Kit
CONTENT:	4 Column on desktop - for news or other elements
____________________________________________ */
@media (min-width: 0) { .grid-2-col-slider { float: left; width: 76.5625%; margin: 0 11.71875%; }
  .grid-2-col-slider .flex-control-nav { display: none; }
  .grid-2-col-slider .item.flex-active-slide a .item-txt { display: block; }
  .grid-2-col-slider .item:nth-child(1) { margin-left: 0; }
  .grid-2-col-slider .item:nth-child(2) { margin-right: 0; }
  .grid-2-col-slider .item { float: left; min-height: 275px; width: 100%; margin: 0; margin-bottom: 20px; }
  .grid-2-col-slider .item a { display: block; position: relative; width: 96%; margin: 0; overflow: hidden; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  .grid-2-col-slider .item a img { float: left; display: block; width: 100%; margin: 0 auto; }
  .grid-2-col-slider .item a .bar { position: absolute; height: 10px; width: 100%; content: ""; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  .grid-2-col-slider .item a .item-txt { display: none; float: left; width: 100%; height: auto; padding: 10px; margin: 10px auto; text-align: center; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  .grid-2-col-slider .item a .item-txt h1, .grid-2-col-slider .item a .item-txt h2, .grid-2-col-slider .item a .item-txt h3, .grid-2-col-slider .item a .item-txt h4, .grid-2-col-slider .item a .item-txt h5, .grid-2-col-slider .item a .item-txt h6 { float: left; width: 100%; height: auto; }
  .grid-2-col-slider .item a .item-txt h3 { margin: 0 0 5px 0; }
  .grid-2-col-slider .item a .item-txt p { text-align: center; color: #111111; font-size: 13.6px; line-height: 17px; } }
/* ===============================  */
/* 480px ========================   */
@media (min-width: 481px) { .grid-2-col-slider { width: 100%; margin: 0 auto; text-align: center; }
  .grid-2-col-slider ul.slides { margin: 0 auto; width: 460px; }
  .grid-2-col-slider .item-txt h3 { font-size: 14px; }
  .grid-2-col-slider .item-txt p { font-size: 12px; }
  .grid-2-col-slider .item { width: 200px; margin: 0 1.5% 20px; }
  .grid-2-col-slider .item a { width: 100%; margin: 0 auto; }
  .grid-2-col-slider .item a .item-txt { display: block; }
  .grid-2-col-slider .item:nth-child(1) { margin-left: 10px; }
  .grid-2-col-slider .item:nth-child(2) { margin-right: 0; } }
/* ===============================  */
/* 768px ========================   */
@media (min-width: 768px) { .grid-2-col-slider .item-txt h3 { font-size: 20px; }
  .grid-2-col-slider .item-txt p { font-size: 13.6px; } }
/* ===============================  */
/* 1024px ========================   */
@media (min-width: 1024px) { .grid-2-col-slider .item { margin: 0 1.67%  20px; }
  .grid-2-col-slider .item:nth-child(1) { margin-left: 10px; }
  .grid-2-col-slider .item:nth-child(2) { margin-right: 0; } }
/* ===============================  */
/* 768px ========================   */
@media (min-width: 768px) { .grid-2-col-slider .item { margin: 0 2.98914%  20px; }
  .grid-2-col-slider .item:nth-child(1) { margin-left: 14px; }
  .ie9 .grid-2-col-slider .item { margin: 0 2%  20px; }
  .ie9 .grid-2-col-slider .item:nth-child(1) { margin-left: 4%; } }
/* ===============================  */
/* _________________________________________________________
PROJECT:	Gateway UI Kit
CONTENT:	Section History
____________________________________________________________ */
.section-history-intro { padding-top: 0; }
.section-history-intro .main { width: 100%; margin: 0 0 0 0; left: 0; padding: 35px 0 20px; padding: 16px 0 0; background-color: #fff; float: none; }
@media screen and (max-width: 767px) { .section-history-intro .main { padding: 0 0 10px; } }

section.history-intro-hero { padding-top: 0; margin-bottom: 0; background-color: #fff; }
section.history-intro-hero .billb-logo-text, section.history-intro-hero .billb-text, section.history-intro-hero .billb-msg { color: #fff; }
section.history-intro-hero .billb-wrap:hover h1 { color: #fff; }

.section-history { padding-top: 0px; }
.section-history .main { width: 100%; margin: 0; left: 0; padding-top: 30px; padding-bottom: 20px; background-color: #fff; }
.section-history .video-wrap { max-width: 640px; margin: 0 auto; }

.section-history-dyk { padding-top: 0px; }
.section-history-dyk .main { width: 100%; left: auto; margin: 0; padding: 0; background-color: #fff; }
.section-history-dyk .main .centered { margin: 0 10px; padding: 10px 0; background: #f4f4f4; }
.section-history-dyk .main .centered .history-headline { text-transform: none; /*@include gothamBoldHeadline;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; margin-top: 0; }

.history-img { max-width: 100%; margin: 0 auto; }

.history-banner { display: block; }
.history-banner img { width: 100%; }

.history-intro-headline { margin: 0 auto 28px; width: 200px; line-height: 1.1em; font-weight: bold; text-transform: none; }

.history-intro-subhead { margin: 0 auto; width: 480px; line-height: 1.4em; font-size: 1em; /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }

.history-headline { margin: 10px auto; width: 480px; line-height: 1.1em; font-weight: bold; text-transform: none; /*@include gothamBoldHeadline;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }

.history-headline.quote-headline { width: 760px; }

.history-desc { margin: 0 auto 10px auto; width: 480px; font-size: 16px; line-height: 22px; }

.history-year { font-size: 75px; color: #F7941e; margin-bottom: 10px; }

/* 0px ===========================  */
@media (min-width: 0) { .history-img { width: 280px; margin: 0 auto; }
  .history-desc, .history-headline, .history-intro-subhead, .history-headline.quote-headline { width: auto; padding-left: 10px; padding-right: 10px; }
  .history-headline { width: 90%; font-size: 30px; }
  .history-year { font-size: 40px; }
  section.history-intro-hero { margin-bottom: 0; padding-bottom: 0; }
  section.history-intro-hero .billb-figure { height: 212px; }
  section.history-intro-hero .billb-wrap { height: 334px; padding-top: 0; min-height: auto; }
  section.history-intro-hero .billb-logo-text, section.history-intro-hero .billb-text, section.history-intro-hero .billb-msg { color: #000; font-size: 30px; }
  section.history-intro-hero .billb-wrap:hover h1 { color: #000; }
  section.history-intro-hero .billb-msg-wrap { background: #ffffff; } }
@media screen and (min-width: 0) and (max-width: 767px) { section.history-intro-hero .billb-msg-wrap { margin-top: 16px; padding: 0; } }

/* ===============================  */
/* 768px ========================   */
@media (min-width: 768px) { .history-headline { font-size: 36px; }
  .history-year { font-size: 75px; }
  section.history-intro-hero { padding-top: 0; }
  section.history-intro-hero .billb-wrap, section.history-intro-hero .billb-wrap figure { height: 430px; max-width: none; }
  section.history-intro-hero .is-Table { display: table; bottom: 0; }
  section.history-intro-hero .is-Table .Table-Cell { display: table-cell; vertical-align: middle; float: none; position: relative; }
  section.history-intro-hero .is-Table .Center-Block { width: 100% !important; margin: 0 auto; padding: 0 0 0 0; }
  section.history-intro-hero .billb-style-4 .billb-msg-wrap { background: transparent; }
  section.history-intro-hero .billb-style-4 .billb-msg-wrap.billb-right { width: 50%; left: auto; right: 20px; height: 100%; }
  section.history-intro-hero .billb-style-4 .billb-msg-wrap.billb-left { width: 50%; right: auto; left: 20px; height: 100%; }
  section.history-intro-hero .billb-text-wrap { bottom: auto; }
  section.history-intro-hero .billb-style-4 .billb-figure { background-size: cover; background-position: 50% 0; background-repeat: no-repeat; }
  section.history-intro-hero .billb-logo-text, section.history-intro-hero .billb-text, section.history-intro-hero .billb-msg { color: #fff; font-size: 50px; }
  section.history-intro-hero .billb-wrap:hover h1 { color: #fff; } }
/* ===============================  */
/* 768px ========================   */
@media (min-width: 768px) { section.history-intro-hero .billb-style-4 .billb-msg-wrap { width: 33%; }
  .history-img { width: auto; max-width: 90%; margin: 0 auto; }
  .history-desc, .history-intro-subhead { width: 480px; }
  .history-headline { width: 400px; } }
/* ===============================  */
/* 1024px ========================  */
@media (min-width: 1024px) { .history-img { width: auto; max-width: 100%; margin: 0 auto; } }
/* ===============================  */
/* 1200px ========================  */
@media (min-width: 1200px) { section.history-intro-hero .billb-figure { background-repeat: none; } }
/* ===============================  */
/* PRINT ========================   */
/* ===============================  */
/* _________________________________________
PROJECT:	Gateway UI Kit
CONTENT:	Footer Section
____________________________________________ */
/* 0px ===========================  */
/* ===============================  */
section.section-footer { padding: 0; background-color: #F7941e; color: #ffffff; font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }
section.section-footer a { color: #ffffff; }
section.section-footer a:hover { color: #111111; }

footer.copyright { margin: 50px 0; float: left; width: 100%; }
footer.copyright p { padding: 0 10px; text-align: center; font-size: 12px; line-height: 18px; color: #ffffff; }
footer.copyright p a { font-weight: bold; display: inline-block; }
footer.copyright p .pipe { color: #fff; }

/* _________________________________________________________
PROJECT:	Gateway UI Kit
CONTENT:	360 Audio Player
NOTES:		Based on one of the Sound Manager 2 Demo
____________________________________________________________ */
/** SoundManager 2 + useFlashBlock ------------------------------ Flash positioning and flashblock / clicktoflash handling */
#sm2-container { /** where the SM2 flash movie goes. by default, relative container. set relative or absolute here, and don't touch it later or bad things will happen (see below comments.) */ position: absolute; width: 1px; height: 1px; overflow: hidden; /* screw IE 6, just make it display nice */ _overflow: hidden; }

#sm2-container object, #sm2-container embed { /** the actual SWF movie bit. important: The SWF needs to be able to be moved off-screen without display: or position: changes. changing display: or position: or overflow: here or on parent can cause SWF reload or other weird issues after unblock e.g., SM2 starts but strange errors, no whileplaying() etc. */ background-color: transparent; width: 48px; height: 48px; /* some flash blockers may also respect this rule */ max-width: 48px; max-height: 48px; }

#sm2-container.swf_timedout { /* expand to show the timed-out SWF content */ position: relative; width: 48px; height: 48px; }

#sm2-container.swf_timedout, #sm2-container.swf_timedout object, #sm2-container.swf_timedout embed { /** when SM2 didn't start normally, time-out case. flash blocked, missing SWF, no flash? 48px square flash placeholder is typically used by blockers. */ min-width: 48px; min-height: 48px; }

#sm2-container.swf_unblocked { /* SWF unblocked, or was never blocked to begin with; try to collapse container as much as possible. */ width: 1px; height: 1px; }

#sm2-container.swf_loaded object, #sm2-container.swf_loaded embed, #sm2-container.swf_unblocked object, #sm2-container.swf_unblocked embed { /* hide flash off-screen (relative to container) when it has loaded OK */ left: -9999em; top: -9999em; }

#sm2-container.swf_error { /* when there is a fatal error (flash loaded, but SM2 failed) */ display: none; }

#sm2-container.high_performance, #sm2-container.high_performance.swf_timeout { /* "high performance" case: keep on-screen at all times */ position: absolute; position: fixed; }

#sm2-container.high_performance { overflow: hidden; _top: -9999px; /* IE 6 hax, no position:fixed */ _left: -9999px; bottom: 0px; left: 0px; /** special case: show at first with w/h, hide when unblocked. might be bad/annoying. try to stay within ClickToFlash "invisible" limits (so it won't be blocked.) */ z-index: 99; /* try to stay on top */ }

#sm2-container.high_performance.swf_loaded, #sm2-container.high_performance.swf_unblocked { z-index: auto; }

#sm2-container.high_performance.swf_loaded, #sm2-container.high_performance.swf_unblocked, #sm2-container.high_performance.swf_unblocked object, #sm2-container.high_performance.swf_unblocked embed { /** 8x8px is required minimum to load in fx/win32 in some cases(?) 6x6+ good for fast performance, even better when on-screen via position:fixed also, clickToFlash (Safari <5.1) may auto-load "invisible" SWFs at this size */ height: 8px; width: 8px; }

#sm2-container.high_performance.swf_loaded { /* stay bottom/left */ top: auto; bottom: 0px; left: 0px; }

#sm2-container.high_performance.swf_loaded object, #sm2-container.high_performance.swf_loaded embed, #sm2-container.high_performance.swf_unblocked object, #sm2-container.high_performance.swf_unblocked embed { /* high-performance case must stay on-screen */ left: auto; top: auto; }

#sm2-container.high_performance.swf_timedout { z-index: 99; /* try to stay on top */ }

/* General warning: Beta-ish. Code could be a bit cleaner. */
.ui360, .sm2-360ui { /* canvas container */ position: relative; }

.ui360, .sm2-360ui { min-width: 50px; /* should always be at least this. */ min-height: 50px; }

.sm2-360ui { width: 50px; height: 50px; }

.ui360, .ui360 * { vertical-align: middle; }

.sm2-360ui { position: relative; display: inline-block; /* firefox 3 et al */ float: left; /* IE 6+7, firefox 2 needs this, inline-block would work with fx3 and others */ *display: inline; /* clear:left;
*/ }

.sm2-360ui.sm2_playing, .sm2-360ui.sm2_paused { /* bump on top when active */ z-index: 10; }

.ui360 a { /* .sm2_link class added to playable links by SM2 */ float: left; display: inline; position: relative; color: #000; text-decoration: none; left: 3px; /* slight spacing on left UI */ top: 18px; /* vertical align */ text-indent: 50px; /* make room for UI at left */ }

.ui360 a.sm2_link { /* SM2 has now started */ text-indent: 0px; /* UI now in place. */ display: none; }

.ui360 a, .ui360 a:hover, .ui360 a:focus { padding: 2px; margin-left: -2px; margin-top: -2px; }

.ui360 a:hover, .ui360 a:focus { outline: none; color: #F7941e; }

.ui360 .sm2-canvas { position: absolute; left: 0px; top: 0px; }

.ui360 .sm2-timing { position: absolute; display: block; left: 0px; top: 0px; width: 100%; height: 100%; margin: -10px 0 0 0px; font: 16px; color: #666; text-align: center; line-height: 50px; }

.ui360 .sm2-timing.alignTweak { text-indent: 1px; /* devious center-alignment tweak for Safari (might break things for others.) */ }

.ui360 .sm2-cover { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 2; display: none; background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); /* old-skool bug: IE 9 won't catch mouse events otherwise. /smash */ }

.ui360 .sm2-360btn { position: absolute; display: block; top: 50%; left: 50%; /* width:22px; height:22px; margin-left:-11px; margin-top:-11px;
*/ /* by default, cover whole space. make smaller when playing. */ width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; border-radius: 25px; cursor: pointer; z-index: 3; }

.ui360 .sm2-360data { display: inline-block; }

.sm2-inline-block .ui360 .sm2-360btn, .ui360 .sm2-360ui.sm2_playing .sm2-360btn, .ui360 .sm2-360ui.sm2_paused .sm2-360btn { /* smaller clickable button, in center */ width: 22px; height: 22px; margin-left: -11px; margin-top: -11px; }

.ui360 .sm2-360ui.sm2_playing .sm2-cover, .ui360 .sm2-360ui.sm2_paused .sm2-cover { display: block; }

/* this could be optimized a fair bit. */
.ui360, .ui360 .sm2-360btn-default, .ui360 .sm2-360ui.sm2_paused .sm2-360btn { background: transparent url(../images/360-button-play.png) no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABoUlEQVR42sWVu2oCQRhGU/s8gpVYJeQJNkZSbiH4QNuLlQZS21sJayGYaOEFVFDxNiremj9zig2uzk5YQpKFg8PMd75ZZle9E5Ff4e+Ll8tlQuNoPI2vUcCYOdbIxCmm9F5T0YgNMmS/LebSwWdNa7VayXq9ls1mI9vtVna7nQBj5lgjQxYHN7KY3QkiUbDf7+V4PMrpdArBHGtkyOJc3/n1mVaUUl+F5/PZSrABDi4dpmKH3QkixQEHlw5TsccZmsRCoSD1et1ajkuHqdg/HA5GKZPJCOTzeanVasYMLh2mYsXDIGAoDuG6rlSr1WCdBxrcsTIWazgrQiHS6bSRYJ3XDzeq2O/3+9Ltdm9IpVIhstmslEqlUAY36ii8ZrMpjUbjhmQyKeA4jhSLRWMGN+rhOZ1Oh8ANuVxOyuUy40hwo163RK/XeyPQbrdjgYNr/ILAYDB41Gf1wZnFAQfX+iM0HA5fxuPx+2g0Ej22QoYsDq61mGsymTxMp9NX/Sk2yJDFsRZfXpzXbDZ7WiwW3nw+9zUKGDPHGpkL5V//mn7OJyJZApyzeUS5AAAAAElFTkSuQmCC); *background-image: url(../images/360-button-play.png); background-repeat: no-repeat; }

.ui360 { /* "fake" button shown before SM2 has started, non-JS/non-SM2 case etc. background image will be removed via JS, in threeSixyPlayer.init()
*/ background-position: 14px 50%; _background: transparent url(../images/360-button-play.gif) no-repeat 14px 50%; /* IE 6-only: special crap GIF */ }

.ui360 .sm2-360btn-default, .ui360 .sm2-360ui.sm2_paused .sm2-360btn { background-position: 50% 50%; _background: transparent url(../images/360-button-play.gif) no-repeat 50% 50%; /* IE 6-only: special crap GIF */ }

.ui360 .sm2-360btn-default, .ui360 .sm2-360ui.sm2_paused .sm2-360btn { cursor: pointer; }

.ui360 .sm2-360btn-default:hover, .ui360 .sm2-360ui.sm2_paused .sm2-360btn:hover { background: transparent url(../images/360-button-play-light.png) no-repeat 50% 50%; _background: transparent url(../images/360-button-play.gif) no-repeat 50% 50%; cursor: pointer; }

.ui360 .sm2-360ui.sm2_playing .sm2-360btn:hover, .ui360 .sm2-360btn-playing:hover { background: transparent url(../images/360-button-pause-light.png) no-repeat 50% 50%; _background: transparent url(../images/360-button-pause-light.gif) no-repeat 50% 50%; cursor: pointer; }

.ui360 .sm2-360ui.sm2_playing .sm2-timing { visibility: visible; }

.ui360 .sm2-360ui.sm2_buffering .sm2-timing { visibility: hidden; }

.ui360 .sm2-360ui .sm2-timing, .ui360 .sm2-360ui .sm2-360btn:hover + .sm2-timing, .ui360 .sm2-360ui.sm2_paused .sm2-timing { visibility: hidden; }

.ui360 .sm2-360ui.sm2_dragging .sm2-timing, .ui360 .sm2-360ui.sm2_dragging .sm2-360btn:hover + .sm2-timing { /* paused + dragging */ visibility: visible; }

.ui360 .sm2-360ui.sm2_playing .sm2-360btn, .ui360 .sm2-360ui.sm2_dragging .sm2-360btn, .ui360 .sm2-360ui.sm2_dragging .sm2-360btn:hover, .ui360 .sm2-360ui.sm2_dragging .sm2-360btn-playing:hover { /* don't let pause button show on hover when dragging (or paused and dragging) */ background: transparent; cursor: auto; }

.ui360 .sm2-360ui.sm2_buffering .sm2-360btn, .ui360 .sm2-360ui.sm2_buffering .sm2-360btn:hover { background: transparent url(icon_loading_spinner.gif) no-repeat 50% 50%; opacity: 0.5; visibility: visible; }

/* inline list style */
.sm2-inline-list .ui360, .sm2-inline-block .ui360 { position: relative; display: inline-block; float: left; _display: inline; margin-bottom: -15px; }

.sm2-inline-list .ui360 { /* inline player: minor tweak, tighten spacing */ margin-right: -2px; }

.sm2-inline-block .ui360 { margin-right: 8px; }

.sm2-inline-list .ui360 a { display: none; }

/* annotations */
ul.ui360playlist { list-style-type: none; }

ul.ui360playlist, ul.ui360playlist li { margin: 0px; padding: 0px; }

div.ui360 div.metadata { display: none; }

div.ui360 a span.metadata, div.ui360 a span.metadata * { /* name of track, note etc. */ vertical-align: baseline; }

/* larger canvas, spectrum + EQ visualization and other items */
.ui360-vis, .ui360-vis .sm2-360ui, .sm2-inline-list .ui360-vis { /* size of the container for the circle, etc. */ width: 230px; height: 230px; display: block; float: left; background: transparent url("../images/360-ring-bg.png") center no-repeat; }

.ui360-vis { position: relative; /* a little extra spacing */ padding-top: 1px; padding-bottom: 1px; margin-left: 0px; background-position: 22.6% 50%; /* (~109px) initial play button position */ }

.sm2-inline-list .ui360-vis { cursor: pointer; }

.ui360-vis a { font: 16px; white-space: nowrap; text-indent: 0px; /* undo inline style */ top: 46%; /* ehh. */ }

.sm2-inline-list .ui360-vis a { line-height: 256px; top: auto; }

.ui360-vis .sm2-timing { font: bold 24px; color: #333; text-align: center; line-height: 256px; text-indent: 0px; }

.sm2-inline-list .ui360-vis, .sm2-inline-list .ui360-vis .sm2-360ui { margin-left: 0px; }

.sm2-inline-list .ui360-vis { margin: 8px 13px 7px 0px; padding-left: 0px; background-position: 50% 50%; /* initial play button position */ }

.sm2-inline-list .ui360-vis .sm2-360ui { border: 1px solid #eee; /* offset the border */ margin-left: -1px; margin-top: -1px; }

.sm2-inline-list .ui360-vis a { position: absolute; display: inline; left: 0px; bottom: 0px; top: 1px; width: 100%; /* 2px padding in box */ height: 99%; /* dumb vertical hack */ *height: 256px; /* IE is dumb. */ overflow: hidden; font-size: small; font-weight: 300; color: #333; margin: 0px; padding: 0px; line-height: 488px; /* bottom vertical alignment for text */ *line-height: 480px; /* IE again */ text-align: center; border-radius: 0px; }

.sm2-inline-list .ui360 a:hover { background-color: transparent; /* reset */ }

.sm2-inline-list .ui360-vis:hover .sm2-360ui, .sm2-inline-list .ui360-vis a.sm2_link:hover, .sm2-inline-list .ui360-vis a.sm2_link:active, .sm2-inline-list .ui360-vis a.sm2_link:focus { background-color: transparent; }

.sm2-inline-list .ui360-vis:hover a.sm2_link { *background-color: transparent; /* eh, screw IE. */ }

/* Use a bigger loading image for this layout */
.ui360-vis .sm2-360btn, .ui360-vis .sm2-360ui.sm2_paused .sm2-360btn, .ui360-vis .sm2-360ui.sm2_playing .sm2-360btn { width: 48px; height: 48px; margin-left: -24px; margin-top: -24px; border-radius: none; }

.ui360-vis, .ui360-vis .sm2-360ui.sm2_paused .sm2-360btn, .ui360-vis .sm2-360btn-default { background: transparent url(../images/360-button-vis-play-CC.png) no-repeat 50% 50%; *background-image: url(../images/360-button-vis-play-CC.png); _background: transparent url(../images/360-button-vis-play-CC.gif) no-repeat 50% 50%; cursor: pointer; }

.ui360-vis:hover .sm2-360btn, .ui360-vis .sm2-360btn-default:hover, .ui360-vis .sm2-360ui.sm2_paused .sm2-360btn:hover { background: transparent url(../images/360-button-vis-play-light-CC.png) no-repeat 50% 50%; _background: transparent url(../images/360-button-vis-play-CC.gif) no-repeat 50% 50%; cursor: pointer; }

.ui360-vis .sm2-360ui.sm2_playing .sm2-360btn:hover, .ui360-vis .sm2-360btn-playing:hover { background: transparent url(../images/360-button-vis-pause-light-CC.png) no-repeat 50% 50%; _background: transparent url(../images/360-button-vis-pause-light-CC.gif) no-repeat 50% 50%; cursor: pointer; }

.ui360-vis { /* non-JS / before-loaded state */ background-position: 21% 50%; _background: transparent url(../images/360-button-vis-play-CC.gif) no-repeat 21% 50%; /* IE 6-only: special crap GIF */ }

.ui360-vis .sm2-360btn-default { /* real button, post-loaded state */ _background: transparent url(../images/360-button-vis-play-CC.gif) no-repeat 50% 50%; /* IE 6-only: special crap GIF */ }

.ui360-vis .sm2-360ui.sm2_dragging .sm2-360btn { visibility: hidden; }

/* 0px ===========================  */
@media (min-width: 0) { .audio-wrap { width: 300px; margin: 0 auto; max-width: 100%; }
  .audio-wrap .grid-3-col-slider .item a .item-txt { display: block; }
  .audio-wrap .item { float: none; width: auto; }
  .audio-wrap .grid-3-col-slider .item a.audio-link { width: 210px; margin: auto; } }
@media screen and (min-width: 0) and (max-width: 480px) { .audio-wrap .grid-3-col-slider .item .sm2-360ui { position: relative; max-width: 100%; }
  .audio-wrap .grid-3-col-slider .item .sm2-360ui canvas { max-width: 100%; } }
@media screen and (min-width: 0) and (max-width: 819px) { .section-3-col-slider.has-bg-img.light-bg .slides .item:hover a .item-txt h3, .section-3-col-slider.has-bg-img.light-bg .slides .item:hover a .item-txt p, .section-3-col-slider.has-bg-img.mild-bg .slides .item:hover a .item-txt h3, .section-3-col-slider.has-bg-img.mild-bg .slides .item:hover a .item-txt p { color: #F7941e; } }
/* ===============================  */
/* 480px ========================   */
@media (min-width: 481px) { .audio-wrap .grid-3-col-slider { margin-bottom: 10px; }
  .audio-wrap .grid-3-col-slider .item { margin: 0 auto; width: 250px; }
  .audio-wrap .grid-3-col-slider .item a.audio-link { width: 230px; margin: 0 auto; }
  .audio-wrap .grid-3-col-slider .item .item-txt h3 { font-size: 20px; } }
@media screen and (min-width: 481px) and (max-width: 819px) { .audio-wrap .grid-3-col-slider .item .sm2-360ui { position: relative; float: none; margin: 0 auto; } }
/* ===============================  */
/* 768px ========================   */
/* ===============================  */
/* 820px ========================  */
@media (min-width: 820px) { .section-3-col-slider .main {   /*@media screen and (max-width: 1199px) { .audio-wrap { .slides { display: flex; justify-content: space-between; } .grid-3-col-slider .item { flex-basis: 230px; margin: 0; float: none;
 .sm2-360ui { float: none; margin: 0 auto; } } } }*/ }
  .section-3-col-slider .main .audio-wrap { width: 820px; margin: 0 auto; }
  .section-3-col-slider .main .audio-wrap .grid-3-col-slider .item { width: 230px; float: left; padding: 0 20px; } }
/* ===============================  */
/* 1200px ========================  */
@media (min-width: 1200px) { .section-3-col-slider .main .audio-wrap { width: 930px; } }
/* ===============================  */
/* PRINT ========================   */
/* ===============================  */
/* _________________________________________________________
PROJECT:	Gateway UI Kit
CONTENT:	Comments - Media 
____________________________________________________________ */
.fyre-cp-form .fyre-cp-form-header { background: none; border-top: none; height: 35px; padding-top: 13px; }

.fyre-cp-modal section { padding-top: 0; }

.fyre-cp-modal .fyre-cp-modal-header { width: 97%; }

.fyre-modal .fyre-modal-textfield { height: 38px; padding: 5px 5%; }

#lf_comments { margin: 35px auto; max-width: 440px; padding: 20px; background: #fff; /* change all the form fonts */ /* add some space between post bar and comment box */ /* font-sizes */ /* alter the text box */ /* get rid of the styling on the button bar */ /* Post Comment button styling */ }
#lf_comments .fyre-comment-wrapper { position: relative; }
#lf_comments a:hover { color: #000; }
#lf_comments .fyre-editor .fyre-editor-container .fyre-editor-editable { background-color: #f6f6f6; border: 0; -o-border-radius: 0px; border-radius: 0px; color: #a9a9a9; /*font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
font-family: 'Gotham SSm A','Gotham SSm B',Helvetica,Arial,sans-serif;*/ font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: 300; font-style: normal; font-size: 12px; }
#lf_comments .fyre-comment-body { float: left; width: auto; height: auto; overflow: normal; padding: 0; }
#lf_comments .fyre-comment-body p { text-align: left; }
#lf_comments .fyre .fyre-stream-stats, #lf_comments .fyre .fyre-stream-livecount, #lf_comments .fyre .fyre-user-loggedout, #lf_comments .fyre .fyre-stream-sort, #lf_comments .fyre-editor .fyre-editor-toolbar .goog-toolbar > div, #lf_comments .fyre .fyre-comment-article, #lf_comments .fyre .fyre-comment-stream { /*font-family: 'Gotham SSm A','Gotham SSm B',Helvetica,Arial,sans-serif;*/ font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: 300; font-style: normal; }
#lf_comments .fyre-editor .fyre-editor-toolbar { margin-top: 10px; }
#lf_comments .fyre .fyre-user-loggedout, #lf_comments .fyre a { color: #F7941e; }
#lf_comments .fyre .fyre-user-loggedout:hover, #lf_comments .fyre a:hover { color: #474747; }
#lf_comments .fyre .fyre-comment-divider > a, #lf_comments .fyre .fyre-comment-divider > a:hover { left: 0; -webkit-transition: background 0s; transition: background 0s; }
#lf_comments .fyre a.fyre-comment-username { font-size: 12px; }
#lf_comments .fyre .fyre-comment p { font-size: 11px; }
#lf_comments .fyre-comment-action-button, #lf_comments .fyre .fyre-comment-wrapper time.fyre-comment-date { font-size: 10px; }
#lf_comments .fyre-editor .fyre-editor-container .fyre-editor-editable.editable { box-shadow: none; -webkit-box-shadow: none; border-radius: 0; }
#lf_comments .fyre-editor .fyre-editor-toolbar .goog-toolbar > div { border: none; background: none; float: left; }
#lf_comments .fyre-editor .fyre-editor-toolbar .goog-toolbar > div .goog-inline-block:hover { color: #656565; }
#lf_comments .fyre-editor .fyre-editor-toolbar .fyre-share-button div.fyre-button-right-inner-box { background: none; }
#lf_comments .fyre-editor .fyre-editor-toolbar .goog-toolbar .fyre-post-button { /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; font-weight: 500 !important; float: right; height: 30px; text-transform: uppercase; color: #fff; background: #F7941e; display: inline-block; text-align: center; padding: 1px 0 0 0; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
#lf_comments .fyre-editor .fyre-editor-toolbar .goog-toolbar .fyre-post-button:hover { -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; background: #F27020; color: #fff; }
#lf_comments .fyre-editor .fyre-editor-toolbar .goog-toolbar > div.fyre-button-right.fyre-post-button, #lf_comments .fyre-editor .fyre-editor-toolbar .goog-toolbar > div, #lf_comments .fyre .fyre-editor .fyre-editor-toolbar { -o-border-radius: 0; border-radius: 0; }
#lf_comments .fyre-editor .fyre-editor-toolbar .goog-toolbar > div.fyre-button-right.fyre-post-button .fyre-button-right-outer-box { padding: 0; border-radius: 0; border: 0; }
@media screen and (max-width: 480px) { #lf_comments .fyre-editor .fyre-editor-toolbar .goog-toolbar > div.fyre-button-right.fyre-post-button .fyre-button-right-outer-box { padding: 0 10px; } }
#lf_comments .fyre-editor .fyre-editor-toolbar .goog-toolbar > div.fyre-button-right.fyre-post-button .fyre-button-right-outer-box .fyre-button-right-inner-box { text-shadow: none; font-size: 11px; color: #fff; }
#lf_comments .fyre-editor .fyre-editor-container .fyre-editor-editable p, #lf_comments .fyre-editor .fyre-editor-container .fyre-editor-editable li { text-align: left; color: #333; }
#lf_comments .fyre .fyre-moderator, #lf_comments .fyre .fyre-comment-author-tag { background-color: #8f8f8f; }
#lf_comments footer.fyre-comment-footer > div.fyre-editor.fyre-edit-editor { width: 375px; margin-left: 38px; }

.fyre header.fyre-comment-head { position: relative; }
.fyre header.fyre-comment-head, .fyre footer.fyre-comment-footer { background: transparent; border: 0 solid transparent; clear: both; float: none; height: auto; width: auto; padding: 0; }

/* 0px ===========================  */
@media (min-width: 0) { #lf_comments { margin: 35px 5px; }
  #lf_comments .fyre .fyre-editor .fyre-editor-toolbar .goog-toolbar .fyre-embed-button { border-left: none !important; border-right: none !important; }
  #lf_comments .fyre .fyre-editor .fyre-editor-toolbar, #lf_comments .fyre .fyre-editor .fyre-editor-toolbar .goog-toolbar .fyre-post-button { -o-border-radius: 0 !important; border-radius: 0 !important; }
  #lf_comments .fyre-editor .fyre-editor-toolbar .goog-toolbar .fyre-post-button { float: right !important; max-width: 160px; }
  #lf_comments .fyre .fyre-comment-action-button { -webkit-border-radius: 0; color: #f40000 !important; background-image: none; border: none; text-align: inherit; }
  #lf_comments .fyre .fyre-comment-action-button:hover { color: #111111 !important; }
  #lf_comments .fyre .fyre-comment-article, #lf_comments .fyre .fyre-comment-stream { font-size: 11px; /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }
  #lf_comments .fyre a.fyre-comment-flag-mobile-btn { min-width: auto; height: auto; margin-left: 0; clear: left; }
  #lf_comments .fyre.fyre-width-small .fyre-comment-actions { clear: left; }
  #lf_comments .fyre .fyre-comment-article .fyre-comment-footer { margin: 0px 0px 5px 25px; clear: both; }
  #lf_comments .fyre .fyre-comment-like-count { /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; font-size: 11px; }
  #lf_comments .fyre-editor { min-width: 230px; }
  #lf_comments .fyre .fyre-box-wrapper .fyre-logo-drop { left: -10px; } }
/* ===============================  */
/* 480px ========================   */
@media (min-width: 481px) { #lf_comments { margin: 35px auto; }
  #lf_comments .fyre-editor .fyre-editor-toolbar .goog-toolbar .fyre-post-button { width: 168px; } }
/* ===============================  */
/* 768px ========================   */
/* ===============================  */
/* 1024px ========================  */
/* ===============================  */
/* 1200px ========================  */
/* ===============================  */
/* PRINT ========================   */
/* ===============================  */
/* COKE FM SLIDER */
/* Roller v3.1.6 - 2014-07-08 A jQuery plugin for simple content carousels. Part of the Formstone Library. http://formstone.it/roller/  Copyright 2014 Ben Plum; MIT Licensed */
#pieLegend, .pieLegend { margin: 35px 0; }

.roller * { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }

.roller, .roller .roller-viewport { position: relative; }

.roller { width: 100%; }

.roller .roller-canister { margin: 0; overflow: hidden; position: relative; -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.roller .roller-item { float: left; margin: 0; }

.roller .roller-canister, .roller .roller-item { -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: margin .3s ease-out; transition: margin .3s ease-out; }

/* !Controls & Pagination */
.roller .roller-controls, .roller .roller-pagination { display: none; margin: 0; padding: 0; width: 100%; text-align: center; }

.roller .roller-controls.visible, .roller .roller-pagination.visible { display: none; display: block; }

.roller .roller-controls { cursor: default; }

.roller .roller-page, .roller .roller-controls.enabled { cursor: pointer; }

/* !Captions */
.roller .roller-caption { display: none; }

.roller .roller-caption.active { display: block; }

/* !Single */
.roller.single .roller-item { display: none; }

.roller.single .roller-item.active { display: block; }

.roller-item-image img { /*width: 100%;*/ margin: 0 auto; display: block; margin-bottom: 15px; }

.roller-content { width: 100%; }

/* Between styling? */
.section-fm-slider h2.headline { margin: 0 auto 13px; }
.section-fm-slider h3.subheadline { /*@include gothamSSBook;*/ font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: 300; font-style: normal; font-size: 16px; text-transform: none; margin: 0 0 22px; }
.section-fm-slider div.fm-slider-host-image { margin: 0 auto 28px; }
.section-fm-slider div.fm-slider-host-image a .elm-img { box-shadow: none; width: 90px; height: 90px; }
.section-fm-slider div.fm-slider-host-image a .elm-img img { width: 100%; position: absolute; left: 0; top: 0; }
.section-fm-slider .section-share { padding-top: 0; float: none; }

.roller-item { background: #fff; text-align: center; }
.roller-item p.fm-description { font-size: 14px; line-height: 130%; margin-top: 8px; margin-bottom: 12px; }

.roller-control { text-indent: -9999px; width: 28px; height: 43px; display: block; background: url(../images/bg_direction_nav_hover.png) no-repeat; position: absolute; top: 50%; margin-top: -36px; -webkit-transition: all .1s ease-out; transition: all .1s ease-out; cursor: pointer; }
.roller-control.previous { left: 10px; /*opacity: .55;*/ opacity: 1; background-position: 0 -41px; -webkit-transition: none; transition: none; }
.roller-control.previous:hover { background-position: 0 1px; -webkit-transition: none; transition: none; }
.roller-control.next { right: 10px; /*opacity: .55;*/ opacity: 1; background-position: -28px -41px; -webkit-transition: none; transition: none; }
.roller-control.next:hover { background-position: -28px 1px; -webkit-transition: none; transition: none; }

.roller .roller-pagination.visible { display: none; }

h3.roller-content-question { text-transform: none; font-size: 20px; margin-bottom: 15px; padding: 0 30px; line-height: 120%; }
@media screen and (min-width: 568px) { h3.roller-content-question { font-size: 36px; } }

.roller-content-poll-options li { width: 100%; /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; font-size: 16px; margin-bottom: 10px; height: 30px; /*&:hover {
	.fm-poll-image-text {
		background: #ddd;
	}
}*/ }
.roller-content-poll-options li .fm-poll-image-text { position: relative; }
.roller-content-poll-options li:last-child { margin-bottom: 0; }
.roller-content-poll-options li .roller-content-option-name { color: #F7941e; padding: 12px 13px; font-size: 16px; z-index: 5; position: relative; }

.roller-item-poll .roller-content-poll-options li:hover .fm-poll-image-text { background: #ddd; }

.roller-item-poll-no-image li.option { height: 40px; }
.roller-item-poll-no-image div.vote-percentage { position: absolute; left: 0; top: 0; height: 100%; width: 50px; color: #000; z-index: 5; text-align: left; /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }
.roller-item-poll-no-image ul.roller-content-poll-options { /*max-width: 330px;*/ margin: 0 auto; }

.roller-item-results { /*	.fm-poll-image-text,
	.roller-content-option-name {
		&:hover {
			background: transparent;
		}
	}*/ }
.roller-item-results .fm-poll-image-text { background: #fff; }
.roller-item-results div.content-percent-bar { background: #ddd; height: 100%; position: absolute; left: 0; top: 0; display: block; z-index: 1; }

.roller-item-poll-image .roller-content-poll-options { max-width: 420px; margin: 0 auto; }
.roller-item-poll-image li.option { height: 65px; margin-right: 10px; text-align: left; padding-left: 75px; position: relative; }
.roller-item-poll-image li.option img { height: 65px; width: 65px; display: inline-block; margin-bottom: 0; position: absolute; top: 0; left: 0; }
.roller-item-poll-image li.option .roller-content-poll-option-image-container { height: 65px; width: 65px; position: absolute; left: 0; top: 0; }
.roller-item-poll-image li.option .roller-content-poll-option-image-container img { z-index: 1; }
.roller-item-poll-image li.option .roller-content-poll-option-image-container p { position: relative; /*top: 38px;*/ /*top: 26px;*/ /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; display: block; z-index: 2; color: #fff; text-align: center; background: rgba(0, 0, 0, 0.3); height: 65px; width: 65px; padding-top: 25px; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)"; }
.roller-item-poll-image li.option .roller-content-poll-option-image-container span.option-number { /*font-size: 41px;*/ font-size: 25px; letter-spacing: -1px; }
.roller-item-poll-image li.option .roller-content-poll-option-image-container span.option-percent { font-size: 13px; position: relative; top: -7px; left: 1; }
.roller-item-poll-image li.option .fm-poll-image-text { height: 100%; }
.roller-item-poll-image.roller-item-poll li.option .fm-poll-image-text { background: #fff; }

.roller-item-poll li.option:hover .fm-poll-image-text, .roller-item-poll li.option:hover .content-percent-bar { background: #ddd; }
.roller-item-poll li.option:hover span.option-number, .roller-item-poll li.option:hover span.option-percent { color: #F7941e; }
.roller-item-poll li.option .fm-poll-image-text { background: #fff; }

.roller-item-results li.option:hover .fm-poll-image-text, .roller-item-results li.option:hover .content-percent-bar { /*background: #eee;*/ }
.roller-item-results li.option:hover span.option-number, .roller-item-results li.option:hover span.option-percent { color: #fff; }

li.option { position: relative; /*&:hover {
	.content-percent-bar {
		background: #ddd;
	}
}*/ }

.roller-item-poll li.option:hover .content-percent-bar { background: #ddd; }

/* Disabled styling below */
.roller-viewport { overflow: hidden; margin: 0 auto; max-width: 740px; }
.roller-viewport .roller-item { width: 100%; background: #f4f4f4; }
.roller-viewport .roller-item .roller-content-title { font-size: 16px; /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }
.roller-viewport .roller-item.roller-item-poll .roller-content-title, .roller-viewport .roller-item.roller-item-results .roller-content-title { margin-bottom: 14px; }
.roller-viewport .roller-item.roller-item-image img { max-width: 482px; }

.roller-target { max-width: 1022px; margin: 0 auto; }
.roller-target * { -moz-box-sizing: border-box; box-sizing: border-box; }

.roller-item-piechart img { margin-right: auto; margin-left: auto; }
.roller-item-piechart .swatch { height: 24px; width: 24px; }
.roller-item-piechart .option .swatch, .roller-item-piechart .option .vote-percentage { float: left; }
.roller-item-piechart .option1 .swatch { background: #e3e3e3; }
.roller-item-piechart .option2 .swatch { background: #a0a0a0; }
.roller-item-piechart .option3 .swatch { background: #808080; }
.roller-item-piechart .option4 .swatch { background: #404040; }
.roller-item-piechart .option5 .swatch { background: #000000; }
.roller-item-piechart .roller-content-poll-options li .roller-content-option-name { padding: 0; color: #F7941e; /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; position: absolute; }
.roller-item-piechart .roller-content-option-name { /*@include gothamSSBook;*/ font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: 300; font-style: normal; float: left; text-align: left; top: -3px; }
.roller-item-piechart .swatch { margin-right: 10px; }
.roller-item-piechart .vote-percentage { /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; margin-right: 8px; }
.roller-item-piechart .roller-content-poll-options { margin: 0 auto; }

.roller-item-poll li.option { cursor: pointer; }
.roller-item-poll .fm-poll-result { display: none; }

.roller-item-results .fm-poll-result { display: block; }
.roller-item-results .roller-content-poll-option-image-container .fm-poll-result { display: inline; }
.roller-item-results li.option:hover .content-percent-bar { background: #ddd; }

@media screen and (max-width: 647px) { .section-fm-slider .fm-slider-host-image { display: none; }
  .section-fm-slider .roller-viewport { width: 100%; }
  .section-fm-slider .roller .roller-item { margin: 0 0 10px; width: 100%; /* not entirely sure that this works, substituting for important below */ }
  .section-fm-slider .roller-item { padding: 10px; /*width: 100% !important;*/ }
  .section-fm-slider .roller-item img { width: 100%; }
  .section-fm-slider .roller-item img, .section-fm-slider .roller-item .roller-content-video { margin-bottom: 10px; }
  .section-fm-slider .roller-item .roller-content-title { margin: 0 0 10px; }
  .section-fm-slider .roller-item h4.roller-content-title { width: 230px; margin-left: auto; margin-right: auto; }
  .section-fm-slider .roller-item-poll-no-image { padding: 17px 10px 10px; }
  .section-fm-slider .roller-item-poll-no-image div.vote-percentage { left: 10px; top: 11px; }
  .section-fm-slider .roller-item-poll-no-image.roller-item-results { /*padding-bottom: 18px;*/ }
  .section-fm-slider .roller-item-poll-no-image.roller-item-results .section-share { margin: 22px 0 8px; }
  .section-fm-slider .roller-item-poll-no-image.roller-item-results .roller-content-option-name { margin-left: 40px; }
  .section-fm-slider .roller-item-poll-image { padding: 17px 10px 10px; }
  .section-fm-slider .roller-item-poll-image.roller-item-results .section-share { margin: 20px 0 12px; }
  .section-fm-slider .roller-item-poll-image li.option { padding-left: 90px; }
  .section-fm-slider .roller-item-piechart { padding: 17px 14px; }
  .section-fm-slider .roller-item-piechart img { width: 181px; margin-bottom: 20px; }
  .section-fm-slider .roller-item-piechart .roller-content-poll-options { width: 260px; }
  .section-fm-slider .roller-item-piechart .vote-percentage { font-size: 16px; }
  .section-fm-slider .roller-item-piechart .roller-content-option-name { left: 80px; }
  .section-fm-slider .roller-item-piechart .section-share { margin: 24px 0 5px; }
  .section-fm-slider .roller-item-image { padding: 10px 10px 0; }
  .section-fm-slider .roller-item-image .section-share { margin-bottom: 14px; }
  .section-fm-slider .roller-item-video { padding: 10px 10px 0; }
  .section-fm-slider .roller-item-video .section-share { margin-bottom: 16px; } }
@media screen and (min-width: 648px) { .roller-viewport .roller-item { margin: 0 10px 30px 0; }
  .roller-viewport .roller-item:last-child { margin-right: 0; }
  .roller-viewport .roller-item .roller-content-video { margin-bottom: 20px; }
  .roller-viewport .roller-item h3.roller-content-question { margin-bottom: 28px; }
  .roller-item-poll-no-image { padding: 27px 30px 53px; }
  .roller-item-poll-no-image.roller-item-results .section-share { margin: 48px 0 -5px; }
  .roller-item-poll-no-image.roller-item-poll .roller-content-poll-options { max-width: 330px; }
  .roller-item-poll-no-image.roller-item-results .roller-content-poll-options { /*max-width: 330px*/ }
  .roller-item-poll-image { padding: 27px 30px 53px; }
  .roller-item-poll-image.roller-item-results .section-share { margin: 33px 0 -15px; }
  .roller-item-piechart { padding: 30px; }
  .roller-item-piechart .section-share { margin: 41px 0 8px; }
  .roller-item-video { padding: 58px 44px 36px; }
  .roller-item-video .section-share { margin: 25px 0 -5px; }
  .roller-item-image { padding: 58px 58px 33px; }
  .roller-item-image .section-share { margin: 17px 0 -25px; }
  .roller-item-image .roller-content-title { margin-bottom: 0; }
  .roller-item-poll-no-image div.vote-percentage { left: -86px; font-size: 30px; top: 10px; text-align: right; width: 75px; }
  .roller-item-piechart img { margin-bottom: 30px; }
  .roller-item-piechart .roller-content-poll-options { width: 305px; }
  .roller-item-piechart .vote-percentage { font-size: 30px; }
  .roller-item-piechart .roller-content-option-name { left: 130px; } }
@media screen and (min-width: 648px) and (max-width: 715px) { .roller-item-poll-no-image.roller-item-results .roller-content-poll-options { max-width: 280px; } }
@media screen and (min-width: 716px) { .roller-item-poll-no-image.roller-item-results .roller-content-poll-options { max-width: 330px; } }
@media screen and (min-width: 648px) and (max-width: 760px) { .roller-viewport { width: 73.267327%; } }
@media screen and (max-width: 760px) { .roller-control .next { right: 10px; }
  .roller-control .next:hover { right: 5px; } }
@media screen and (min-width: 761px) and (max-width: 1030px) { .roller-viewport { width: 73.267327%; } }
@media screen and (min-width: 1031px) { .roller-viewport { width: 740px; }
  /*	.roller-item-image img { 		width: 482px; 	}*/ }
/* Coke FM Schedule */
/* @include modular-mq(mobile-portrait) = min-width: 0px; */
/* @include modular-mq(mobile-landscape) = min-width: 481px; */
/* @include modular-mq(tablet-portrait) = min-width: 768px; */
/* @include modular-mq(desktop) = min-width: 1200px; */
/* Mixins */
/*$fmTimeColor1: #008e44;
$fmTimeColor2: #d40808;
$fmTimeColor3: #674991;*/
/*$fmTimeColor4: #52c35c;*/
/*$fmTimeColor4: #ff5d07;
$fmTimeColor5: #6577b5;
$fmTimeColor6: #dc3a7e;
$fmTimeColor7: #ff5d06;*/
.touch .section-fm-schedule .fm-day-shelf a.btncircle { opacity: 1; }

.section-fm-schedule { text-align: center; margin: 0 auto; /*float: none;*/ /*li.swiper__item--selected > div.fm-time-container,*/ }
.section-fm-schedule div.options .options__nav ol.swiper__items * { -moz-box-sizing: border-box; box-sizing: border-box; }
.section-fm-schedule .fm-schedule-days > li > a { /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; text-transform: uppercase; }
.section-fm-schedule h2.headline { margin-bottom: 15px; }
.section-fm-schedule .fm-schedule-description { font-size: 16px; width: 210px; line-height: 100%; margin: 0 auto 15px; /*@include gothamSSBook;*/ font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: 300; font-style: normal; text-align: center; }
.section-fm-schedule .fm-schedule-bold-label { font-size: 15px; /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; color: #666; margin-bottom: 20px; text-align: center; }
.section-fm-schedule .fm-day-shelf .swiper__items { height: 180px !important; }
.section-fm-schedule .fm-day-shelf ul.swiper__nav li a { opacity: 1; }
.section-fm-schedule .fm-day-shelf a.btncircle { opacity: 0; }
.section-fm-schedule .fm-day-shelf .fm-schedule-timeslot.active a.btncircle { opacity: 1; }
.section-fm-schedule ol.swiper__items { /*margin: 0 auto;*/ }
.section-fm-schedule ol.swiper__items li.fm-schedule-timeslot { cursor: pointer; }
.section-fm-schedule ol.swiper__items li.fm-schedule-timeslot:last-child > div { margin-right: 0; }
.section-fm-schedule ol.swiper__items li.fm-schedule-timeslot .fm-schedule-hours { font-size: 16px; /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }
.section-fm-schedule ol.swiper__items li.fm-schedule-timeslot .fm-schedule-time-label { color: #fff; font-size: 16px; /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }
.section-fm-schedule li.swiper__item { width: 193px; }
.section-fm-schedule li.swiper__item.fmTimeDarkGreen > div { background: #008f44; }
.section-fm-schedule li.swiper__item.fmTimeMutedBlue > div { background: #5f95ab; }
.section-fm-schedule li.swiper__item.fmTimeOrange > div { background: #ff5c00; }
.section-fm-schedule li.swiper__item.fmTimePink > div { background: #db377e; }
.section-fm-schedule li.swiper__item.fmTimeRed > div { background: #d30004; }
.section-fm-schedule li.swiper__item.fmTimeYellow > div { background: #f9c109; }
.section-fm-schedule li.swiper__item.fmTimeLightGreen > div { background: #6cc04a; }
.section-fm-schedule li.swiper__item.fmTimePurple > div { background: #674891; }
.section-fm-schedule li.swiper__item.fmTimeGray > div { background: #777; }
.section-fm-schedule li.swiper__item.fmTimeTurquoise > div { background: #00b4b4; }
.section-fm-schedule li.swiper__item.fmTimePeriwinkle > div { background: #6677b5; }
.section-fm-schedule li.swiper__item.fmTimeBrown > div { background: #964b00; }
.section-fm-schedule li.swiper__item.active.fmTimeDarkGreen > div { background: #f4f4f4; }
.section-fm-schedule li.swiper__item.active.fmTimeDarkGreen > div p.fm-schedule-time-label { color: #008f44; }
.section-fm-schedule li.swiper__item.active.fmTimeMutedBlue > div { background: #fff; }
.section-fm-schedule li.swiper__item.active.fmTimeMutedBlue > div p.fm-schedule-time-label { color: #5f95ab; }
.section-fm-schedule li.swiper__item.active.fmTimeOrange > div { background: #f4f4f4; }
.section-fm-schedule li.swiper__item.active.fmTimeOrange > div p.fm-schedule-time-label { color: #ff5c00; }
.section-fm-schedule li.swiper__item.active.fmTimePink > div { background: #f4f4f4; }
.section-fm-schedule li.swiper__item.active.fmTimePink > div p.fm-schedule-time-label { color: #db377e; }
.section-fm-schedule li.swiper__item.active.fmTimeRed > div { background: #f4f4f4; }
.section-fm-schedule li.swiper__item.active.fmTimeRed > div p.fm-schedule-time-label { color: #d30004; }
.section-fm-schedule li.swiper__item.active.fmTimeYellow > div { background: #f4f4f4; }
.section-fm-schedule li.swiper__item.active.fmTimeYellow > div p.fm-schedule-time-label { color: #f9c109; }
.section-fm-schedule li.swiper__item.active.fmTimeLightGreen > div { background: #f4f4f4; }
.section-fm-schedule li.swiper__item.active.fmTimeLightGreen > div p.fm-schedule-time-label { color: #6cc04a; }
.section-fm-schedule li.swiper__item.active.fmTimePurple > div { background: #f4f4f4; }
.section-fm-schedule li.swiper__item.active.fmTimePurple > div p.fm-schedule-time-label { color: #674891; }
.section-fm-schedule li.swiper__item.active.fmTimeGray > div { background: #f4f4f4; }
.section-fm-schedule li.swiper__item.active.fmTimeGray > div p.fm-schedule-time-label { color: #777; }
.section-fm-schedule li.swiper__item.active.fmTimeTurquoise > div { background: #f4f4f4; }
.section-fm-schedule li.swiper__item.active.fmTimeTurquoise > div p.fm-schedule-time-label { color: #00b4b4; }
.section-fm-schedule li.swiper__item.active.fmTimePeriwinkle > div { background: #f4f4f4; }
.section-fm-schedule li.swiper__item.active.fmTimePeriwinkle > div p.fm-schedule-time-label { color: #6677b5; }
.section-fm-schedule li.swiper__item.active.fmTimeBrown > div { background: #f4f4f4; }
.section-fm-schedule li.swiper__item.active.fmTimeBrown > div p.fm-schedule-time-label { color: #964b00; }
.section-fm-schedule li.swiper__item a { -webkit-transition: none; transition: none; }
.section-fm-schedule li.swiper__item.active > div.fm-time-container { background: #f4f4f4; }
.section-fm-schedule li.swiper__item.active > div.fm-time-container a.btncircle { background-position: 0 -100px; background-size: 300px 200px; }
.section-fm-schedule .options.options--centered > .swiper > .swiper__items li { min-height: 0; }
.section-fm-schedule .fm-schedule-timeslot { position: relative; }
.section-fm-schedule .fm-schedule-timeslot .fm-schedule-hours { margin-bottom: 6px; }
.section-fm-schedule .fm-schedule-timeslot a.btncircle { position: absolute; left: 50%; bottom: 13px; height: 30px; width: 34px; margin-left: -15px; border-radius: 50%; background-size: 300px 200px; background: url(../images/btn-plus-sprite-white@x2.png) -1px 0; }
.section-fm-schedule .fm-schedule-details > li { /* display: block; */ }
.section-fm-schedule .fm-schedule-details > li p.fm-time-description { text-align: center; max-width: 700px; margin-right: auto; margin-left: auto; }
.section-fm-schedule .fm-schedule-details > li h2 { position: relative; }
.section-fm-schedule .fm-schedule-details > li h2 img { position: absolute; left: 0; top: 0; width: 100%; }
.section-fm-schedule .swiper { height: auto; }
.section-fm-schedule .swiper .swiper__items { opacity: 1; }
.section-fm-schedule .swiper .swiper__items .swiper__item { min-height: 0; }
.section-fm-schedule .options__nav.swiper { margin-bottom: 11px; }
.section-fm-schedule .options__content.fm-schedule-details > li { background: #fff; margin-bottom: 10px; }
.section-fm-schedule .options__content.fm-schedule-details p.fm-time-description { line-height: 130%; }
.section-fm-schedule .options__content.fm-schedule-details .fm-social-icons { margin-right: auto; margin-left: auto; clear: both; width: 92px; }
.section-fm-schedule .options__content.fm-schedule-details .fm-social-icons > div { -webkit-transition: opacity .2s ease-out; transition: opacity .2s ease-out; width: 35px; height: 35px; display: block; float: left; margin-right: 22px; overflow: hidden; }
.section-fm-schedule .options__content.fm-schedule-details .fm-social-icons > div:last-child { margin-right: 0; }
.section-fm-schedule .options__content.fm-schedule-details .fm-social-icons > div a { font-size: 37px; }
.section-fm-schedule .options__content.fm-schedule-details .fm-social-icons > div a.icon-facebook { color: #3b5998; }
.section-fm-schedule .options__content.fm-schedule-details .fm-social-icons > div a.icon-twitter { color: #00b6f1; }
.section-fm-schedule .options__content.fm-schedule-details .fm-social-icons > div:hover { opacity: .9; }
.section-fm-schedule .time-invisible { background: transparent; }
.section-fm-schedule .time-invisible * { color: transparent; }

.fm-schedule-timeslot .fm-time-container { width: 180px; height: 180px; margin-right: 13px; min-height: auto; overflow: hidden; border-radius: 50%; padding: 50px 3px 0; position: relative; -webkit-transition: background .2s ease-out; transition: background .2s ease-out; }
.fm-schedule-timeslot .fm-time-container * { text-align: center; }
.fm-schedule-timeslot .fm-time-container div.fm-time-container, .fm-schedule-timeslot .fm-time-container div.options__nav.swiper { pointer-events: none; }

@media (min-width: 0) { .section-fm-schedule .fm-schedule-days { margin-bottom: 10px; }
  .section-fm-schedule .fm-schedule-days li { font-size: 18px; /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; background: #fff; padding: 10px 11px; margin-bottom: 10px; text-align: left; }
  .section-fm-schedule .fm-schedule-days li:last-child { margin-bottom: 0; }
  .section-fm-schedule .fm-schedule-days li a { color: #F7941e; }
  .section-fm-schedule .fm-schedule-days .active { background: #F7941e; }
  .section-fm-schedule .fm-schedule-days .active a { color: #fff; }
  .section-fm-schedule .fm-schedule-details > li { padding-top: 20px; }
  .section-fm-schedule .fm-schedule-details > li > h2 { margin-bottom: 14px; }
  .section-fm-schedule .fm-schedule-details p.fm-time-description { font-size: 16px; margin-bottom: 21px; padding: 0 23px; }
  .section-fm-schedule .fm-schedule-details .fm-social-icons { margin-bottom: 27px; }
  .fm-schedule-days { display: none; }
  .fm-schedule-days li span { height: 15px; width: 15px; background: url(../images/btn-plus-sprite-SM.png) no-repeat; overflow: hidden; float: right; position: relative; top: 3px; }
  .fm-schedule-days li { -webkit-transition: all .2s ease-out; transition: all .2s ease-out; }
  .fm-schedule-days li.active span { background: url(../images/btn-minus-sprite-SM.png) no-repeat; }
  .fm-schedule-day { display: block; height: 40px; width: 100%; text-align: left; background: #fff; color: #F7941e; /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; padding: 10px 11px; font-size: 18px; text-transform: uppercase; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 10px; cursor: pointer; -webkit-transition: background .2s ease-out; transition: background .2s ease-out; }
  .fm-schedule-day .fm-mobile-day-btn { height: 15px; width: 15px; background: url(../images/btn-plus-sprite-SM.png) no-repeat; overflow: hidden; float: right; position: relative; top: 3px; }
  .fm-schedule-day.active { background: #F7941e; color: #fff; }
  .fm-schedule-day.active .fm-mobile-day-btn { background: url(../images/btn-minus-sprite-SM.png) no-repeat; } }
@media (min-width: 768px) { .section-fm-schedule .fm-schedule-day { display: none; }
  .section-fm-schedule .fm-schedule-days { display: block; text-align: center; margin-bottom: 20px; }
  .section-fm-schedule .fm-schedule-days span { display: none; }
  .section-fm-schedule .fm-schedule-days li { display: inline-block; font-size: 16px; padding: 7px 10px 8px 10px; margin: 0 6px 0 0; text-transform: uppercase; background: transparent; }
  .section-fm-schedule .fm-schedule-days li:last-child { margin-right: 0; }
  .section-fm-schedule .fm-schedule-days li:hover { background: #fff; }
  .section-fm-schedule .fm-schedule-days li:hover a { color: #F7941e; }
  .section-fm-schedule .fm-schedule-days li a { /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }
  .section-fm-schedule .fm-schedule-days .active { background: #fff; }
  .section-fm-schedule .fm-schedule-days .active a { color: #000; }
  .section-fm-schedule .fm-schedule-details > li { padding-top: 40px; }
  .section-fm-schedule .fm-schedule-details > li > h2 { margin-bottom: 28px; }
  .section-fm-schedule .fm-schedule-details p.fm-time-description { font-size: 18px; margin-bottom: 28px; }
  .section-fm-schedule .fm-schedule-details .fm-social-icons { margin-bottom: 55px; }
  .fm-schedule-day { display: none; } }
@media (min-width: 1024px) { .section-fm-schedule .fm-day-shelf .fm-schedule-timeslot:hover a.btncircle, .section-fm-schedule .fm-day-shelf .fm-schedule-timeslot.active a.btncircle { opacity: 1; background-size: 300px 200px; } }
@media (min-width: 1200px) { .section-fm-schedule .fm-day.shelf a.btncircle { opacity: 0; -webkit-transition: opacity .2s ease-out; transition: opacity .2s ease-out; } }
.section-fm-schedule .swiper__items { -webkit-transition-property: -webkit-transform, left, top, opacity; /*-webkit-transition-duration: 0s, 0s, 0s, .5s;*/ /*-webkit-transition-duration: 0s, 0s, 0s, 8s;*/ -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease-in-out; /*-moz-transition-duration: 0s, 0s, 0s, .5s;*/ /*-moz-transition-duration: 0s, 0s, 0s, 8s;*/ -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease-in-out; -ms-transition-property: -ms-transform, left, top, opacity; /*-ms-transition-duration: 0s, 0s, 0s, .5s;*/ /*-ms-transition-duration: 0s, 0s, 0s, 8s;*/ -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease-in-out; /*-o-transition-duration: 0s, 0s, 0s, .5s;*/ /*-o-transition-duration: 0s, 0s, 0s, 8s;*/ -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease-in-out; -webkit-transition-property: -webkit-transform, left, top, opacity; transition-property: transform, left, top, opacity; /*transition-duration: 0s, 0s, 0s, .5s;*/ /*transition-duration: 0s, 0s, 0s, 8s;*/ -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }
.section-fm-schedule .swiper__item { /*-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
transition: .3s;*/ /*img {
	max-width: 8.125em;
	-webkit-transition: .15s;
	-moz-transition: .15s;
	-ms-transition: .15s;
	-o-transition: .15s;
	transition: .15s;
}*/ /*a {
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}*/ }
.section-fm-schedule .swiper__nav li { /*-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
transition: .3s;*/ }

/* COKE FM PLAYER */
#stwrapper { display: none; }

/*.fm-player *,*/
.section-fm-player-main *, .section-fm-player-embed-code { -moz-box-sizing: border-box; box-sizing: border-box; }

section.section-fm-player-wrapper { width: 100%; margin: 0 auto; float: left; padding: 0; overflow: visible; }
section.section-fm-player-wrapper .section-fm-player-main, section.section-fm-player-wrapper .section-fm-slider, section.section-fm-player-wrapper .section-fm-schedule { float: none; }

.fm-player .fm-shadow-overlay-IE { display: none; }
.fm-player .fm-icon { z-index: 10; }
.fm-player .fm-player-btns { margin-bottom: 10px; }
.fm-player .fm-player-btns a.fm-player-btn.is-active, .fm-player .fm-player-btns a.fm-player-btn:hover { background: #fff; }
.fm-player .fm-player-btns a.fm-player-btn.is-active .fm-shadow-overlay-IE, .fm-player .fm-player-btns a.fm-player-btn:hover .fm-shadow-overlay-IE { background: #fff; filter: alpha(opacity=100); }
.fm-player .fm-player-seeMore-btn span { font-size: 40px; top: 50%; margin-top: -19px; }

/*.fm-player,*/
.section-fm-player-main { margin-bottom: 11px; }

.section-fm-player-main { padding: 0; }

.section-fm-player-wrapper .section-fm-schedule { display: none; }

.section-fm-player-embed-code { width: 100%; background: #fff; text-align: center; -moz-box-sizing: border-box; box-sizing: border-box; display: none; }
.section-fm-player-embed-code h2.headline { margin-bottom: 10px; }
.section-fm-player-embed-code p.description { margin-right: auto; margin-left: auto; text-align: center; }
.section-fm-player-embed-code p.description, .section-fm-player-embed-code code, .section-fm-player-embed-code textarea { font-size: 16px; line-height: 120%; }
.section-fm-player-embed-code textarea { background: #f4f4f4; margin-right: auto; margin-left: auto; color: #F7941e; /*@include gothamSSBook;*/ font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: 300; font-style: normal; border: none; resize: none; padding: 13px 15px 11px; -moz-box-sizing: border-box; box-sizing: border-box; }
.section-fm-player-embed-code textarea code { color: #F7941e; /*@include gothamSSBook;*/ font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: 300; font-style: normal; }
.section-fm-player-embed-code pre { text-align: left; padding: 0 15px 15px; }

.fm-player-logo-container { width: 100%; }

.fm-player-logo { /*text-indent: -9999px;*/ /*overflow: hidden;*/ margin: 0 auto; display: block; padding: 0; float: none; }
.fm-player-logo.section-lockup .brand { background: transparent; }

section.fm-player div.fm-player-redbox div.fm-player-logo-container section.fm-player-logo { float: none; padding: 0; }

div.fm-player-song { border-radius: 50%; overflow: hidden; margin-right: auto; margin-left: auto; border: 10px solid #fff; background-position: -10px -10px; position: relative; /* wrapper for player song text */ }
div.fm-player-song * { -webkit-transition: all .2s ease-out; transition: all .2s ease-out; }
div.fm-player-song .fm-player-play span { -webkit-transition: color .2s ease-out, opacity .2s ease-out; transition: color .2s ease-out, opacity .2s ease-out; }
div.fm-player-song:hover span.fm-icon-play { background: transparent; }
div.fm-player-song img { width: 100%; }
div.fm-player-song #fm-scroll-text { width: 300px; overflow: hidden; position: absolute; }
div.fm-player-song .fm-player-song-info { padding-top: 50%; margin-top: -18px; height: 50px; position: relative; }
div.fm-player-song .fm-player-song-info ul { list-style-type: none; }
div.fm-player-song .fm-player-song-info li { display: inline; }
div.fm-player-song .fm-player-song-info h3 { color: #fff; font-size: 36px; white-space: nowrap; text-transform: none; }
div.fm-player-song .fm-player-btn { color: #fff; }
div.fm-player-song .fm-player-btn span { -webkit-transition: color .2s ease-out, opacity .2s ease-out; transition: color .2s ease-out, opacity .2s ease-out; /*opacity: .6;*/ }
div.fm-player-song:active .fm-player-btn span { opacity: 1; }

.fm-player-song .fm-player-blackbox { height: 100%; width: 100%; position: absolute; top: 0; left: 0; display: block; background: rgba(0, 0, 0, 0.3); }

.fm-player-btn { border-radius: 50%; overflow: hidden; display: block; cursor: pointer; }
.fm-player-btn:hover { /*background: $wt;*/ }
.fm-player-btn span { width: 100%; text-align: center; display: inline-block; position: absolute; top: 50%; }

.fm-player-btns { margin-right: auto; margin-left: auto; }
.fm-player-btns .fm-player-btn { float: left; position: relative; height: 57px; width: 57px; margin-right: 5px; }
.fm-player-btns span { margin-top: -14px; -webkit-transition: color .2s ease-out; transition: color .2s ease-out; }
.fm-player-btns .fm-player-schedule-btn span { margin-left: 0; font-size: 41px; margin-top: -20px; }
.fm-player-btns .fm-player-hd-btn span { margin-top: -18px; font-weight: bold; font-size: 37px; margin-left: 1px; }
.fm-player-btns .fm-player-popup-btn span { font-size: 32px; margin-top: -16px; margin-left: 0; }
.fm-player-btns .fm-player-twitter span { font-size: 34px; margin-top: -17px; margin-left: 0; }
.fm-player-btns .fm-player-facebook span { font-size: 37px; margin-top: -19px; margin-left: 0; }
.fm-player-btns .fm-player-embed-btn span { font-size: 32px; margin-top: -16px; margin-left: 0; }
.fm-player-btns .fm-player-download-btn span { font-size: 36px; margin-top: -17px; margin-left: 0; }

.fm-player-play { position: absolute; top: 0; }

.section-fm-player-wrapper .section-fm-player-main.section-fm-player-home { float: left; }

.section-fm-player-home { overflow: visible; }

.fm-player-seeMore-btn { /*margin-right: auto;
margin-left: auto;*/ display: block; float: left; position: relative; left: 50%; margin-left: -60px; /*margin-top: 10px;*/ background: #fff; font-size: 14px; text-transform: uppercase; color: #F7941e; width: 90px; min-width: 50px; }

.fm-player-like-btn.is-active, .fm-player-dislike-btn.is-active { background: #fff; }
.fm-player-like-btn.is-active span, .fm-player-dislike-btn.is-active span { color: #F7941e; }

.fm-player-redbox .fm-ratings-container a.is-active { background: #fff; }
.fm-player-redbox .fm-ratings-container a.is-active span { color: #F7941e; }

@media screen and (max-width: 768px) { .section-fm-player-embed-code { padding: 8px 10px 0; display: none; }
  /*.fm-player-code-container,*/
  /*input,*/
  textarea { width: 100%; max-width: 100%; }
  .fm-ratings-container { display: none; }
  img.fm-player-logo, .fm-player-logo { width: 180px; height: 55px; }
  .section-lockup.fm-player-logo { width: 180px; height: 55px; clear: both; margin-left: auto; margin-right: auto; }
  .section-lockup.fm-player-logo h3 { width: 100%; /*height: 64px;*/ margin: 0; height: auto; }
  .section-lockup.fm-player-logo img { width: 100%; }
  .section-lockup.fm-player-logo p { color: #fff; font-size: 15px; }
  div.fm-player-song { width: 240px; height: 240px; margin-top: 7px; position: relative; }
  div.fm-player-song .fm-player-play { background: transparent; }
  div.fm-player-song:hover .fm-player-play span { opacity: .6; }
  div.fm-player-song .fm-player-btn span { opacity: .6; }
  /*.section-fm-embed .fm-main-player,*/
  section.section-fm-player { background: transparent; height: auto; width: 100%; }
  .fm-player-redbox { background: url(../images/fm-player-background.png) no-repeat; height: 392px; background-size: cover; padding-top: 13px; margin-bottom: 15px; }
  .fm-player-play { width: 100%; left: 0; height: 100%; }
  .fm-player-play.fm-player-btn-large { display: none; }
  .fm-player-play span { color: #fff; }
  .fm-player-play.is-playing span { /*font-size: 200px;
margin-top: -100px;
margin-left: 20px;*/ /*opacity: 0;*/ font-size: 130px; margin-top: -60px; }
  .fm-player-play.is-paused span { /*font-size: 130px;
margin-top: -60px;*/ font-size: 200px; margin-top: -100px; margin-left: 20px; /*opacity: 0;*/ }
  .fm-player-play.is-idle span { font-size: 200px; margin-top: -100px; margin-left: 20px; }
  div.fm-player-song .fm-player-btn.is-playing span { opacity: 0; }
  div.fm-player-song:hover .fm-player-btn span { opacity: .6; }
  .section-fm-player-main .fm-player-volume-container { display: none; }
  .section-fm-player-popup.fm-player .fm-player-btns .fm-player-btn { height: 57px; width: 57px; /*font-size: 41px;*/ }
  .fm-player .fm-player-btns { /*width: 246px;*/ /*width: 265px;*/ }
  .fm-player .fm-player-btns .fm-player-btn { background: #fff; margin-right: 5px; height: 40px; width: 40px; }
  .fm-player .fm-player-btns .fm-player-btn:last-child { margin-right: 0; }
  .fm-player .fm-player-btns .fm-player-btn span { color: #eeeeee; }
  .fm-player .fm-player-btns .fm-player-btn:hover span, .fm-player .fm-player-btns .fm-player-btn.is-active span { color: #F7941e; }
  .fm-player .fm-player-btns .fm-player-hd-btn, .fm-player .fm-player-btns .fm-player-popup-btn, .fm-player .fm-player-btns .fm-player-embed-btn { display: none; }
  .fm-player .fm-player-btns .fm-player-download-btn { display: block; }
  section.section-fm-player-embed-code { display: none; }
  .section-fm-player-main .fm-player-btns { /*width: 252px;*/ width: 265px; }
  .section-fm-player-main .fm-player-btns .fm-player-like-btn span { font-size: 23px; margin-top: -13px; }
  .section-fm-player-main .fm-player-btns .fm-player-dislike-btn span { font-size: 23px; margin-top: -11px; }
  .section-fm-player-main .fm-player-btns .fm-player-schedule-btn span { font-size: 34px; margin-top: -17px; }
  .section-fm-player-main .fm-player-btns .fm-player-twitter span { font-size: 28px; margin-top: -13px; }
  .section-fm-player-main .fm-player-btns .fm-player-facebook span { font-size: 27px; margin-top: -13px; }
  .section-fm-player-main .fm-player-btns .fm-player-download-btn span { font-size: 28px; margin-top: -12px; }
  .section-fm-player-popup .fm-player-btns { width: 246px; }
  .section-fm-player-home { margin-bottom: 16px; } }
/*@media screen and (min-width: 481px) {*/
@media screen and (min-width: 769px) { img.fm-player-logo, .fm-player-logo { width: 180px; height: 55px; }
  .section-fm-player-wrapper > section { margin-bottom: 10px; }
  .section-fm-player-wrapper .fm-player-seeMore-btn { margin-top: 0; }
  .fm-player-btns .fm-player-like-btn, .fm-player-btns .fm-player-dislike-btn { display: none; }
  .section-lockup.fm-player-logo { /*width: 216px;*/ width: 180px; /*height: 64px;*/ height: 55px; clear: both; margin-left: auto; margin-right: auto; }
  .section-lockup.fm-player-logo h3 { width: 100%; /*height: 64px;*/ height: 34px; margin: 0; }
  .section-lockup.fm-player-logo img { width: 100%; }
  .section-lockup.fm-player-logo p { color: #fff; font-size: 15px; }
  .section-fm-player-embed-code { padding: 30px 10px 42px; display: none; float: none; }
  .section-fm-player-embed-code p.description { max-width: 440px; }
  .section-fm-player-embed-code textarea { max-width: 688px; width: 688px; height: 84px; }
  .section-fm-player-embed-code pre { text-align: left; padding: 0 15px 15px; }
  section.section-fm-player-main { /*height: 570px;*/ }
  section.section-fm-player-main.section-fm-player-home { /*height: 570px;*/ }
  section.section-fm-player-main .fm-player-song .fm-player-play.is-paused span { font-size: 190px; margin-top: -94px; margin-left: 20px; }
  section.section-fm-player-main .fm-player-song .fm-player-play span { /*opacity: 0;*/ /*display: none;*/ }
  img.fm-player-logo .fm-player-logo { width: 216px; height: 63px; background-size: 100%; background-repeat: no-repeat; }
  .fm-player-redbox > .fm-player-btn-large, .fm-player-redbox .fm-player-volume-container .fm-player-btn-large { background: rgba(0, 0, 0, 0.3); }
  .fm-player-redbox > .fm-player-btn-large:hover, .fm-player-redbox .fm-player-volume-container .fm-player-btn-large:hover { background: #fff; }
  .fm-player-redbox > .fm-player-btn-large:hover span, .fm-player-redbox .fm-player-volume-container .fm-player-btn-large:hover span { color: #F7941e; }
  .section-fm-player-popup .fm-player-redbox .fm-player-volume-container .fm-player-btn-large:hover { background: transparent; }
  .fm-player-btns .fm-player-btn { background: rgba(0, 0, 0, 0.3); height: 57px; width: 57px; }
  .fm-player-btns .fm-player-btn:hover { background: #fff; }
  .fm-player-btns .fm-player-btn:hover span.fm-icon-twitters { /*color: $brand-primary;*/ font-size: 34px; }
  .section-fm-player-popup .fm-player-btns .fm-player-btn { height: 57px; width: 57px; }
  div.fm-player-song { width: 240px; height: 240px; /*margin-top: 10px;*/ margin-bottom: 12px; margin-top: 7px; }
  div.fm-player-song .fm-player-btn { /*display: none;*/ height: 100%; width: 100%; }
  div.fm-player-song .fm-icon { font-size: 120px; margin-top: -57px; opacity: .6; }
  div.fm-player-song .fm-icon { opacity: 0; }
  div.fm-player-song:hover .fm-icon { opacity: .6; }
  section.section-fm-player-main { background: url(../images/fm-player-background.png) no-repeat; /*height: 501px;*/ /*height: 416px;*/ height: 392px; width: 100%; background-size: cover; position: relative; }
  .fm-player-redbox { /*padding-top: 18px;*/ padding-top: 13px; }
  .fm-player-btn { color: #fff; }
  .fm-player-btn:hover, .fm-player-btn.is-active { /*color: $brand-primary;*/ }
  .fm-player-btn-large { height: 80px; width: 80px; }
  .fm-player-btn-large span { font-size: 78px; width: 100%; text-align: center; display: inline-block; -webkit-transition: color .2s ease-out; transition: color .2s ease-out; }
  .fm-player-btn-large.fm-player-volume-btn span { font-size: 60px; margin-top: -29px; }
  .fm-player-btn-large.fm-player-play span { margin-top: -38px; }
  .fm-ratings-container { height: 80px; width: 172px; position: absolute; left: 50%; top: 50%; margin-top: -40px; margin-left: 133px; }
  .fm-ratings-container .fm-player-btn { height: 80px; width: 80px; display: block; position: absolute; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.3); -webkit-transition: background .2s ease-out; transition: background .2s ease-out; }
  .fm-ratings-container .fm-player-btn span { color: #fff; font-size: 48px; position: absolute; top: 50%; width: 100%; /*margin-top: -25px;*/ -webkit-transition: color .2s ease-out; transition: color .2s ease-out; }
  .fm-ratings-container .fm-player-btn:hover { background: #fff; }
  .fm-ratings-container .fm-player-btn:hover span { color: #F7941e; }
  .fm-ratings-container .fm-player-like-btn { left: 0; }
  .fm-ratings-container .fm-player-like-btn span { margin-top: -25px; }
  .fm-ratings-container .fm-player-dislike-btn { right: 0; }
  .fm-ratings-container .fm-player-dislike-btn span { margin-top: -21px; }
  .fm-player-play.fm-player-btn-large { position: absolute; top: 50%; margin-top: -40px; left: 50%; margin-left: -305px; -webkit-transition: background .2s ease-out; transition: background .2s ease-out; }
  .fm-player-play.fm-player-btn-large.is-playing span, .fm-player-play.fm-player-btn-large.is-idle span { margin-left: 0; font-size: 40px; margin-top: -19px; }
  .fm-player-play.fm-player-btn-large.is-paused span { margin-left: 0; font-size: 55px; margin-top: -27px; margin-left: 6px; /*opacity: 0;*/ }
  .fm-player-play.fm-player-btn-large.is-paused:hover span { /*opacity: .6;*/ }
  .fm-player-play.fm-player-btn-large.is-idle .fm-icon-play { margin-left: 6px; font-size: 55px; margin-top: -27px; }
  .fm-player-btns { width: 367px; position: relative; }
  .fm-player-btns a.fm-player-embed-btn { margin-right: 0; }
  .fm-player-btns .fm-player-btn:hover, .fm-player-btns .fm-player-btn.is-active { color: #F7941e; }
  .fm-player-download-btn { display: none; }
  .section-fm-player-main .fm-player-volume-container { position: absolute; height: 125px; width: 188px; top: 50%; margin-top: -40px; left: 50%; margin-left: -313px; }
  .section-fm-player-main .fm-player-volume-container .fm-player-volume-btn { right: 8px; top: 0; position: absolute; }
  .section-fm-player-main .fm-player-volume-container .fm-player-btn.is-showing { background: #fff; }
  .section-fm-player-main .fm-player-volume-container .fm-player-btn.is-showing span { color: #F7941e; }
  .section-fm-player-main .fm-player-volume-container .fm-player-hd-btn { display: none; }
  .section-fm-player-main .fm-player-volume-container .fm-volume-bar-container { height: 30px; width: 188px; bottom: 0; left: 0; position: absolute; display: none; }
  .section-fm-player-main .fm-player-volume-container .fm-volume-bar-container .fm-volume-bar { position: absolute; height: 15px; width: 158px; top: 50%; margin-top: -7px; left: 15px; background: #fff; }
  .section-fm-player-main .fm-player-volume-container .fm-volume-bar-container .noUi-origin { background: #c20000; }
  .section-fm-player-main .fm-player-volume-container .fm-volume-bar-container .fm-volume-level { height: 100%; width: 30px; background: #fff; }
  .section-fm-player-main .fm-player-volume-container .fm-volume-bar-container .fm-volume-slider, .section-fm-player-main .fm-player-volume-container .fm-volume-bar-container .noUi-handle { border-radius: 50%; background: #ccc; border: 8px solid #fff; height: 30px; width: 30px; display: block; position: absolute; top: 50%; margin-top: -15px; left: -15px; }
  .section-fm-player-main .fm-player-volume-container .fm-volume-bar-container .fm-volume-slider:before, .section-fm-player-main .fm-player-volume-container .fm-volume-bar-container .fm-volume-slider:after, .section-fm-player-main .fm-player-volume-container .fm-volume-bar-container .noUi-handle:before, .section-fm-player-main .fm-player-volume-container .fm-volume-bar-container .noUi-handle:after { display: none; }
  .section-fm-player-main .fm-player-volume-container .fm-player-volume-btn span { margin-left: -3px; }
  .fm-player-volume-container .fm-volume-bar-container .fm-volume-bar { box-shadow: none; border: none; border-radius: 0; }
  .fm-player-volume-container .fm-volume-bar-container .fm-volume-level, .fm-player-volume-container .fm-volume-bar-container .noUi-origin { /*background: $wt;*/ box-shadow: none; border-radius: 0; }
  .section-fm-player-popup a.fm-player-btn.fm-player-hd-btn, .section-fm-player-popup a.fm-player-btn.fm-player-volume-btn { background: transparent; }
  .fm-player-seeMore-btn { margin-top: 10px; }
  .section-fm-player-main .fm-player-btns, .section-fm-player-home .fm-player-btns { margin-right: auto; margin-left: auto; width: 337px; }
  .section-fm-player-main .fm-player-btns .fm-player-btn, .section-fm-player-home .fm-player-btns .fm-player-btn { float: left; position: relative; height: 43px; width: 43px; height: 52px; width: 52px; margin-right: 5px; }
  .section-fm-player-main .fm-player-btns span, .section-fm-player-home .fm-player-btns span { margin-top: -14px; -webkit-transition: color .2s ease-out; transition: color .2s ease-out; }
  .section-fm-player-main .fm-player-btns .fm-player-schedule-btn span, .section-fm-player-home .fm-player-btns .fm-player-schedule-btn span { margin-left: 0; font-size: 34px; margin-top: -17px; }
  .section-fm-player-main .fm-player-btns .fm-player-hd-btn span, .section-fm-player-home .fm-player-btns .fm-player-hd-btn span { margin-top: -14px; font-weight: bold; font-size: 28px; margin-left: 1px; }
  .section-fm-player-main .fm-player-btns .fm-player-popup-btn span, .section-fm-player-home .fm-player-btns .fm-player-popup-btn span { font-size: 25px; margin-top: -12px; margin-left: 0; }
  .section-fm-player-main .fm-player-btns .fm-player-twitter span, .section-fm-player-home .fm-player-btns .fm-player-twitter span { font-size: 28px; margin-top: -14px; margin-left: 0; }
  .section-fm-player-main .fm-player-btns .fm-player-facebook span, .section-fm-player-home .fm-player-btns .fm-player-facebook span { font-size: 29px; margin-top: -15px; margin-left: 0; }
  .section-fm-player-main .fm-player-btns .fm-player-embed-btn, .section-fm-player-home .fm-player-btns .fm-player-embed-btn { margin-right: 0; }
  .section-fm-player-main .fm-player-btns .fm-player-embed-btn span, .section-fm-player-home .fm-player-btns .fm-player-embed-btn span { font-size: 26px; margin-top: -13px; margin-left: 0; } }
@media screen and (min-width: 769px) and (max-width: 500px) { .section-fm-player-embed-code textarea { height: 100px; } }
@media screen and (min-width: 769px) and (max-width: 728px) { .section-fm-player-embed-code textarea { width: 100%; } }
/* FM Popup Player */
section.section-fm-player-popup { max-width: 300px; margin-left: 10px; position: relative; padding-top: 10px; /*.section-fm-embed .fm-main-player,*/ }
section.section-fm-player-popup img.fm-player-logo .fm-player-logo { width: 180px; height: 55px; }
section.section-fm-player-popup div.fm-player-song { /*width: 260px;
height: 260px;*/ width: 240px; height: 240px; margin-top: 18px; position: relative; }
section.section-fm-player-popup section.section-fm-player-main { background: transparent; height: auto; width: 100%; }
section.section-fm-player-popup .fm-player-redbox { background: url(../images/fm-player-background.png) no-repeat; height: 392px; background-size: cover; padding-top: 13px; margin-bottom: 58px; position: relative; }
section.section-fm-player-popup .fm-player-play { width: 100%; left: 0; height: 100%; background: transparent; }
section.section-fm-player-popup .fm-player-play.fm-player-btn-large { display: none; }
section.section-fm-player-popup .fm-player-play:hover { background: transparent; }
section.section-fm-player-popup .fm-player-play span { color: #fff; font-size: 200px; margin-top: -100px; }
section.section-fm-player-popup .fm-player-play span.fm-icon-play { margin-left: 20px; }
section.section-fm-player-popup .fm-player-play.is-playing span { /*font-size: 200px;
margin-top: -100px;
margin-left: 20px;*/ font-size: 130px; margin-top: -60px; }
section.section-fm-player-popup .fm-player-play.is-paused span { /*font-size: 130px;
margin-top: -60px;*/ /*opacity: 0;*/ font-size: 200px; margin-top: -100px; margin-left: 20px; }
section.section-fm-player-popup .fm-player-play.is-paused:hover span { /*opacity: .6;*/ }
section.section-fm-player-popup .fm-player-btns { /*width: 122px;*/ width: 252px; }
section.section-fm-player-popup .fm-player-btns .fm-player-btn { background: #fff; margin-right: 8px; display: none; }
section.section-fm-player-popup .fm-player-btns .fm-player-btn:last-child { margin-right: 0; }
section.section-fm-player-popup .fm-player-btns .fm-player-btn span { color: #eeeeee; }
section.section-fm-player-popup .fm-player-btns .fm-player-btn:hover span, section.section-fm-player-popup .fm-player-btns .fm-player-btn.is-active span { color: #F7941e; }
section.section-fm-player-popup .fm-player-btns .fm-player-share-btn, section.section-fm-player-popup .fm-player-btns .fm-player-rate-btn { display: block; }
section.section-fm-player-popup .fm-player-btns .fm-player-share-btn.fm-player-facebook { margin-right: 0; }
section.section-fm-player-popup .fm-player-btns .fm-player-rate-btn span { font-size: 28px; }
section.section-fm-player-popup .fm-player-btns .fm-player-like-btn span { margin-top: -16px; }
section.section-fm-player-popup .fm-player-btns .fm-player-dislike-btn span { margin-top: -12px; }
section.section-fm-player-popup .fm-player-volume-container { position: absolute; height: 58px; width: 100%; bottom: -58px; margin-top: 0; }
section.section-fm-player-popup .fm-player-volume-container .fm-volume-bar-container { height: 30px; width: 230px; position: absolute; top: 50%; margin-top: -15px; left: 50%; margin-left: -119px; }
section.section-fm-player-popup .fm-player-volume-container .fm-volume-bar-container .fm-volume-bar { position: absolute; height: 15px; width: 205px; top: 50%; margin-top: -7px; left: 50%; margin-left: -102px; background: #F7941e; box-shadow: none; border: none; border-radius: 0; }
section.section-fm-player-popup .fm-player-volume-container .fm-volume-bar-container .fm-volume-level, section.section-fm-player-popup .fm-player-volume-container .fm-volume-bar-container .noUi-origin { background: #eeeeee; box-shadow: none; border-radius: 0; }
section.section-fm-player-popup .fm-player-volume-container .fm-volume-bar-container .fm-volume-slider, section.section-fm-player-popup .fm-player-volume-container .fm-volume-bar-container .noUi-handle { border-radius: 50%; background: #eeeeee; border: 8px solid #F7941e; height: 25px; width: 25px; display: block; position: absolute; top: 50%; margin-top: -12px; left: -12px; }
section.section-fm-player-popup .fm-player-volume-container .fm-volume-bar-container .fm-volume-slider:before, section.section-fm-player-popup .fm-player-volume-container .fm-volume-bar-container .fm-volume-slider:after, section.section-fm-player-popup .fm-player-volume-container .fm-volume-bar-container .noUi-handle:before, section.section-fm-player-popup .fm-player-volume-container .fm-volume-bar-container .noUi-handle:after { display: none; }
section.section-fm-player-popup .fm-player-volume-container .fm-player-btn { height: 25px; width: 25px; position: absolute; top: 50%; margin-top: -12px; border-radius: 0; }
section.section-fm-player-popup .fm-player-volume-container .fm-player-btn:hover span, section.section-fm-player-popup .fm-player-volume-container .fm-player-btn.is-active span { color: #F7941e; }
section.section-fm-player-popup .fm-player-volume-container span { text-align: center; width: 100%; font-size: 25px; top: 50%; margin-top: -12px; color: #eeeeee; -webkit-transition: color .2s ease-out; transition: color .2s ease-out; }
section.section-fm-player-popup .fm-player-volume-container .fm-player-play { left: 0; }
section.section-fm-player-popup .fm-player-volume-container .fm-player-hd-btn { right: 6px; }
section.section-fm-player-popup .fm-player-volume-container .fm-player-hd-btn span { font-size: 26px; margin-top: -13px; }
section.section-fm-player-popup .fm-player-volume-container .fm-player-btn { background: transparent; }

/* iMusica iframe fix */
/*#ccfmPlayer { width: 100%; height: 393px; border: none;
}

@media (max-width: 991px) { #ccfmPlayer { height: 443px; }
}*/
/* end iMusica iframe fix */
/* _________________________________________
PROJECT:  Gateway UI Kit
CONTENT:  TV Main and Minor Events Video Styles.
Also for Events Interstitial.
____________________________________________ */
.section-tv-video .carousel .item-txt h3 { margin: 0; padding: 0; font-size: 15px; text-transform: none; }
.section-tv-video .carousel .item-txt p { font-size: 12px; }
.section-tv-video .grid-3-col-slider .item { width: 230px; }
.section-tv-video .grid-3-col-slider .item .item-txt { display: block; }
.section-tv-video .btn, .section-tv-video .gallery-main-carousel__overlay-action { margin-top: 10px; }

.major-event { background-size: contain; background-position: top center; background-repeat: no-repeat; }
.major-event.section-tv-video h1 { color: #fff; width: 150px; }

.tv-video { background: #fff; /*padding-bottom: 55%;*/ display: block; width: 95%; margin: auto; border: 10px solid #fff; position: relative; overflow: hidden; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ }
.tv-video > * { /*position:absolute;*/ width: 100%; height: 100%; display: block; }

.tv-video.minor { width: 100%; }

.tv-video-metadata { background: #fff; margin: 0; padding: 0 0 20px; }

.tv-video-wrap { padding-bottom: 20px; }
.tv-video-wrap h1 { text-transform: none; margin: 0px auto 20px; letter-spacing: -1px; font-size: 1.7em; padding-top: 10px; line-height: 1; }
.tv-video-wrap h3 { font-size: 17.14286px; }
.tv-video-wrap ul { margin: 0 auto 20px; text-align: center; }
.tv-video-wrap .tag { display: inline-block; background: #eeeeee; font-size: 15px; text-transform: uppercase; font-weight: bold; padding: 8px 10px; margin: 4px 3px; }
.tv-video-wrap p { font-size: 16px; width: 90%; margin: auto; line-height: 25px; }

.tv.carousel { float: left; width: 100%; margin: 0; height: auto; }

.tv .flex-direction-nav .flex-prev { left: 5px; }
.tv .flex-direction-nav .flex-next { right: 5px; }

.channels-nav { margin: auto; height: auto; padding-top: 10px; background: #eeeeee; }
.channels-nav li { margin-right: auto; }
.channels-nav .flex-prev, .channels-nav .flex-next { display: none; }
.channels-nav .playicon { height: 50px; width: 50px; background: url(../images/sprite-video-play.png) 0 -50px no-repeat; background-size: 50px 100px; position: absolute; margin-top: 20%; left: 50%; margin-left: -25px; z-index: 3; }
.channels-nav .item-txt { background-color: #ffffff; }
.channels-nav a { display: block; position: relative; width: 96%; margin: 0 2%; }
.channels-nav a:hover .playicon { background-position: 0 0; }
.channels-nav .channels-label { /*text-transform: uppercase;*/ padding: 10px 0 20px; font-size: 20px; }
.channels-nav h3 { font-size: 16px; }

.cctv p.billb-msg { text-transform: none; font-size: 33px; }
.cctv .billb-figure { background-size: 100% auto; height: 118px; }
.cctv .billb-wrap { height: auto; margin: auto; }
.cctv .billb-wrap:hover p.billb-msg { color: #111111; cursor: default; }

/* 0px ===========================  */
@media (min-width: 0) { .flex-direction-nav { display: none; } }
/* ===============================  */
/* 480px ========================   */
@media (min-width: 481px) { .flex-direction-nav { display: block; }
  .tv .flex-viewport { width: 85%; margin: 0 auto; }
  .cctv p.billb-msg { text-transform: none; font-size: 33px; }
  .cctv .billb-figure { background-size: 100% auto; height: 190px; }
  .cctv .billb-wrap, .cctv .billb-msg-wrap { height: auto; margin: auto; }
  .cctv .billb-wrap:hover p.billb-msg { color: #111111; cursor: default; } }
/* ===============================  */
/* 768px ========================   */
@media (min-width: 768px) { .section-tv-video { padding-bottom: 35px; }
  .section-tv-video .main { float: none; margin: auto; width: 743px; }
  .section-tv-video .items1.slides { width: 197px; }
  .section-tv-video .items2.slides { width: 402px; }
  .major-event { background-size: cover; padding-bottom: 35px; }
  .major-event.section-tv-video h1 { font-size: 66px; width: 430px; }
  .tv-video-wrap { padding: 8px 0 0; }
  .tv-video-wrap p { width: 70%; }
  .tv-video-wrap li { display: inline-block; }
  .tv.carousel { overflow: hidden; background: #fff; }
  .tv.carousel li { margin-right: 8px; }
  .tv.carousel li .item { width: 197px; }
  .tv.carousel li .item-txt { min-height: 60px; }
  .tv.carousel img { display: block; opacity: 1; cursor: pointer; }
  .channels-nav { overflow: hidden; background: #fff; width: 95%; }
  .channels-nav .slides { text-align: center; width: 607px; margin: auto; }
  .channels-nav .slides :last-child { margin-right: 0; }
  .channels-nav li { margin-right: 8px; }
  .channels-nav .item { width: 197px; }
  .channels-nav .item-txt { min-height: 60px; background: #fff; }
  .channels-nav img { display: block; opacity: 1; cursor: pointer; }
  .channels-nav a:hover .bar { background: #F7941e; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
  .channels-nav a:hover .item-txt { background: #fff; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
  .tv .slides, .tv .channels { margin-left: 9px; }
  .tv.channels-wrap .channels { margin-left: auto; }
  .tv .flex-viewport { width: 90%; margin: 0 auto; }
  .channels-label { display: none; }
  .section-article.cctv .article h1.headline { width: 500px; margin: auto; float: none; }
  section.section-hero.cctv .is-Table .Center-Block { width: 530px; }
  section.section-hero.cctv .is-Table .Center-Block .slide-logo { margin: auto; }
  .cctv .billb-figure { background-size: 100% auto; }
  .cctv .billb-wrap, .cctv .billb-wrap figure { height: 334px; }
  .cctv p.billb-msg { font-size: 66px; margin: auto; }
  .cctv .billb-msg-wrap { bottom: auto; padding-bottom: 30px; }
  .section-tv-video .tv.carousel a:hover .bar { background: #F7941e; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
  .section-tv-video .tv.carousel a:hover .item-txt { background: #eeeeee; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
  .section-tv-video .tv.carousel .slides { width: 230px; }
  .section-tv-video .tv.carousel .flex-active-slide img { opacity: 1; cursor: default; }
  .section-tv-video .tv.carousel .flex-direction-nav a { margin: -60px 0 0; }
  .section-tv-video .tv.carousel .flex-active-slide .bar { background: #F7941e; }
  .section-tv-video .tv.carousel .flex-active-slide .item-txt { background: #eeeeee; }
  .tv-video-wrap h1 { font-size: 30px; } }
/* 1024px ========================  */
@media (min-width: 1024px) { .section-tv-video { /*		.items1.slides {
			width: 197px;
		}
		.items2.slides {
			width: 402px;
		}*/ }
  .section-tv-video .main { width: 853px; margin: 0 auto; float: none; left: 0; }
  .section-tv-video .channels-nav, .section-tv-video .tv-video { width: 100%; } }
/* 1200px ========================  */
@media (min-width: 1200px) { .section-tv-video .main { width: 853px; } }
/* _________________________________________________________
PROJECT:	Gateway UI Kit
CONTENT:	
NOTES:		
____________________________________________________________ */
.tv.search-form { /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ max-width: 300px; margin: auto; clear: both; }
.tv.search-form p { /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ text-align: center; position: relative; line-height: 1; margin: 5px 0; }
.tv.search-form .btn, .tv.search-form .gallery-main-carousel__overlay-action { font-size: 15px; width: 134px; padding: 5px 0; border-top: 0; border-left: 0; border-right: 0; margin: 0; border-bottom: none; height: 40px; cursor: pointer; }
.tv.search-form .btn:hover, .tv.search-form .gallery-main-carousel__overlay-action:hover { color: #fff; background: #F7941e; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
.tv.search-form p:last-child { text-align: center; }
.tv.search-form input[type="text"] { border: 1px solid #ccc; }
.tv.search-form input[type="text"], .tv.search-form select { width: 100%; height: 40px; }

/* ===============================  */
/* 768px ========================   */
@media (min-width: 768px) { .tv.search-form { width: 748px; margin: 30px auto 0px; padding: 0; white-space: nowrap; max-width: 100%; /*		&:after {
			content:'.';
			display:block;
			clear:both;
			opacity:0;
		}*/ }
  .tv.search-form p { float: left; position: relative; margin: 0 6px 0 0; top: -9px; /*			> * {
				position:absolute;
				top:0;
				left:0;
			}*/ }
  .tv.search-form p:first-child { width: 206px; }
  .tv.search-form p:nth-child(2) { width: 194px; }
  .tv.search-form p:nth-child(3) { width: 196px; }
  .tv.search-form p:last-child { margin-right: 0; }
  .tv.search-form input[type="text"], .tv.search-form select { width: 100%; margin: 0; } }
/* ===============================  */
/* 1024px ========================  */
@media (min-width: 1024px) { .tv.search-form { width: 853px; }
  .tv.search-form p:first-child { width: 252px; }
  .tv.search-form p:nth-child(2) { width: 220px; }
  .tv.search-form p:nth-child(3) { width: 220px; }
  .tv.search-form p:last-child { width: 137px; margin-right: 0; } }
/* ===============================  */
/* PRINT ========================   */
/* ===============================  */
/* _________________________________________________________
PROJECT:	Gateway UI Kit
CONTENT:	Video search results CSS
NOTES:		
____________________________________________________________ */
/* 0px ===========================  */
@media (min-width: 0) { .section-tv-search-results .results-number { /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; text-transform: uppercase; font-size: 17.14286px; margin: 20px auto 25px; }
  .section-tv-search-results .btn-shelf-wrap { margin: 30px auto; }
  .section-tv-search-results .btn, .section-tv-search-results .gallery-main-carousel__overlay-action { display: block; clear: both; width: 110px; margin: 10px 3px; }
  .search-row .item { width: 90%; margin: auto; float: none; }
  .search-row .item h3 { font-size: 17.14286px; }
  .search-row .item p { font-size: 13.6px; }
  .search-row .item:hover .item-txt { background: #fff; }
  .search-row .item:hover .item-txt h3, .search-row .item:hover .item-txt p { color: #F7941e; } }
/* 480px ========================   */
@media (min-width: 481px) { .search-row .item { width: 48%; margin-right: 1%; float: left; }
  .search-row .item h3 { font-size: 17.14286px; }
  .search-row .item p { font-size: 13.6px; }
  .search-row .item:hover .item-txt { background: #fff; }
  .search-row .item:hover .item-txt h3, .search-row .item:hover .item-txt p { color: #F7941e; }
  .search-row .item:nth-child(even) { float: right; }
  .section-tv-search-results .btn, .section-tv-search-results .gallery-main-carousel__overlay-action { display: inline-block; } }
/* 768px ========================   */
@media (min-width: 768px) { .search-row .item { width: 24%; float: left; margin-right: 1%; }
  .search-row .item:nth-child(even) { float: left; } }
/* _________________________________________________________
PROJECT:	Gateway UI Kit
CONTENT:	Secondary Logo Lockup
NOTES:		Styles for secondary logo lockup. Used for CokeTV, etc
____________________________________________________________ */
.section-lockup { color: #F7941e; text-align: center; padding: 30px 0 0 0; /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }
.section-lockup .brand { background: url(../images/logos/coke/logo-coke-tv-2x.png) center no-repeat; background-size: 100% auto; width: 262px; height: 45px; color: transparent; margin-bottom: 20px; }
.section-lockup p { /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; font-size: 17.14286px; text-transform: uppercase; text-align: inherit; }

/* _________________________________________________________
PROJECT:	Gateway UI Kit
CONTENT:	Terms Text 
NOTES:		Used for TV Terms and TV Event Terms Interstitials.
			Requires/Depends on _section-article.scss, which 
			should be included/imported *before* this file.
____________________________________________________________ */
/* 0px ===========================  */
@media (min-width: 0) { .terms-text .btn.inactive, .terms-text .inactive.gallery-main-carousel__overlay-action { color: #888888; }
  .terms-text .btn.inactive:hover, .terms-text .inactive.gallery-main-carousel__overlay-action:hover { color: #F7941e; }
  .section-article.terms-text .article h1.headline { width: 200px; margin: auto auto 40px auto; float: none; line-height: 1.1; }
  .section-article.terms-text .article p { text-align: center; }
  .section-article.terms-text .article p.btn-shelf-wrap { margin: 30px auto; }
  .section-article.terms-text .article p .btn, .section-article.terms-text .article p .gallery-main-carousel__overlay-action { margin: 0 6px 10px 0; } }
/* 768px ========================   */
@media (min-width: 768px) { .section-article.terms-text .article h1.headline { padding: 0; } }
/* _________________________________________________________
PROJECT:	Gateway UI Kit
CONTENT:	Section Q&A
NOTES:		Media-query values are defined in 'mixins.less'
____________________________________________________________ */
@font-face { font-family: 'QA'; src: url("../fonts/QA.eot?-wiotpc"); src: url("../fonts/QA.eot?#iefix-wiotpc") format("embedded-opentype"), url("../fonts/QA.woff?-wiotpc") format("woff"), url("../fonts/QA.ttf?-wiotpc") format("truetype"), url("../fonts/QA.svg?-wiotpc#QA") format("svg"); font-weight: normal; font-style: normal; }
.icon-triangle:before { font-family: 'QA' !important; 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; content: "\e603"; }

section.section-qa .media-stream-wrap .type1, section.section-qa.light-bg .media-stream-wrap .type1 { border-top: 10px solid #6736a2; }
section.section-qa .media-stream-wrap .type1:hover, section.section-qa.light-bg .media-stream-wrap .type1:hover { background-color: #6736a2; }
section.section-qa .media-stream-wrap .type1:hover .ms-title a, section.section-qa.light-bg .media-stream-wrap .type1:hover .ms-title a { color: #fff; }
section.section-qa .media-stream-wrap .type1:hover .arrow, section.section-qa.light-bg .media-stream-wrap .type1:hover .arrow { background: url(../images/arrow-hover1.png) 0 0 no-repeat; }
section.section-qa .media-stream-wrap .type1:hover .icon-triangle, section.section-qa.light-bg .media-stream-wrap .type1:hover .icon-triangle { color: #6736a2; }
section.section-qa .media-stream-wrap .type2, section.section-qa.light-bg .media-stream-wrap .type2 { border-top: 10px solid #ff5a25; }
section.section-qa .media-stream-wrap .type2:hover, section.section-qa.light-bg .media-stream-wrap .type2:hover { background-color: #ff5a25; }
section.section-qa .media-stream-wrap .type2:hover .ms-title a, section.section-qa.light-bg .media-stream-wrap .type2:hover .ms-title a { color: #fff; }
section.section-qa .media-stream-wrap .type2:hover .arrow, section.section-qa.light-bg .media-stream-wrap .type2:hover .arrow { background: url(../images/arrow-hover2.png) 0 0 no-repeat; }
section.section-qa .media-stream-wrap .type2:hover .icon-triangle, section.section-qa.light-bg .media-stream-wrap .type2:hover .icon-triangle { color: #ff5a25; }
section.section-qa .media-stream-wrap .type3, section.section-qa.light-bg .media-stream-wrap .type3 { border-top: 10px solid #1e9c9d; }
section.section-qa .media-stream-wrap .type3:hover, section.section-qa.light-bg .media-stream-wrap .type3:hover { background-color: #1e9c9d; }
section.section-qa .media-stream-wrap .type3:hover .ms-title a, section.section-qa.light-bg .media-stream-wrap .type3:hover .ms-title a { color: #fff; }
section.section-qa .media-stream-wrap .type3:hover .arrow, section.section-qa.light-bg .media-stream-wrap .type3:hover .arrow { background: url(../images/arrow-hover3.png) 0 0 no-repeat; }
section.section-qa .media-stream-wrap .type3:hover .icon-triangle, section.section-qa.light-bg .media-stream-wrap .type3:hover .icon-triangle { color: #1e9c9d; }
section.section-qa .media-stream-wrap .type4, section.section-qa.light-bg .media-stream-wrap .type4 { border-top: 10px solid #ba2979; }
section.section-qa .media-stream-wrap .type4:hover, section.section-qa.light-bg .media-stream-wrap .type4:hover { background-color: #ba2979; }
section.section-qa .media-stream-wrap .type4:hover .ms-title a, section.section-qa.light-bg .media-stream-wrap .type4:hover .ms-title a { color: #fff; }
section.section-qa .media-stream-wrap .type4:hover .arrow, section.section-qa.light-bg .media-stream-wrap .type4:hover .arrow { background: url(../images/arrow-hover4.png) 0 0 no-repeat; }
section.section-qa .media-stream-wrap .type4:hover .icon-triangle, section.section-qa.light-bg .media-stream-wrap .type4:hover .icon-triangle { color: #ba2979; }
section.section-qa .media-stream-wrap .type5, section.section-qa.light-bg .media-stream-wrap .type5 { border-top: 10px solid #3abdde; }
section.section-qa .media-stream-wrap .type5:hover, section.section-qa.light-bg .media-stream-wrap .type5:hover { background-color: #3abdde; }
section.section-qa .media-stream-wrap .type5:hover .ms-title a, section.section-qa.light-bg .media-stream-wrap .type5:hover .ms-title a { color: #fff; }
section.section-qa .media-stream-wrap .type5:hover .arrow, section.section-qa.light-bg .media-stream-wrap .type5:hover .arrow { background: url(../images/arrow-hover5.png) 0 0 no-repeat; }
section.section-qa .media-stream-wrap .type5:hover .icon-triangle, section.section-qa.light-bg .media-stream-wrap .type5:hover .icon-triangle { color: #3abdde; }
section.section-qa .media-stream-wrap .type6, section.section-qa.light-bg .media-stream-wrap .type6 { border-top: 10px solid #9f4a2c; }
section.section-qa .media-stream-wrap .type6:hover, section.section-qa.light-bg .media-stream-wrap .type6:hover { background-color: #9f4a2c; }
section.section-qa .media-stream-wrap .type6:hover .ms-title a, section.section-qa.light-bg .media-stream-wrap .type6:hover .ms-title a { color: #fff; }
section.section-qa .media-stream-wrap .type6:hover .arrow, section.section-qa.light-bg .media-stream-wrap .type6:hover .arrow { background: url(../images/arrow-hover6.png) 0 0 no-repeat; }
section.section-qa .media-stream-wrap .type6:hover .icon-triangle, section.section-qa.light-bg .media-stream-wrap .type6:hover .icon-triangle { color: #9f4a2c; }

section.section-qa .media-stream-wrap .ms-item { -webkit-transition: all 0.2s ease-out; /* Safari and Chrome */ /* Firefox 4 */ /* Opera */ transition: all 0.2s ease-out; width: 282px; background-color: #fff; margin-bottom: 35px; text-align: center; /*.arrow {
	background:url(../images/btn/arrow.png) 0 0 no-repeat;
	height:20px;
	width:40px;
	position:absolute;
	left: 50%;
	margin-left: -20px;
}*/ }
section.section-qa .media-stream-wrap .ms-item a { -webkit-transition: all 0.2s ease-out; /* Safari and Chrome */ /* Firefox 4 */ /* Opera */ transition: all 0.2s ease-out; }
section.section-qa .media-stream-wrap .ms-item span.icon { 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; /* Safari and Chrome */ /* Firefox 4 */ /* Opera */ transition: all 0.2s ease-out; }
section.section-qa .media-stream-wrap .ms-item .ms-media { margin-left: 0; margin-right: 0; }
section.section-qa .media-stream-wrap .ms-item .ms-media img, section.section-qa .media-stream-wrap .ms-item .ms-title img, section.section-qa .media-stream-wrap .ms-item .ms-desc img, section.section-qa .media-stream-wrap .ms-item .ms-date img, section.section-qa .media-stream-wrap .ms-item p img { max-width: 282px; }
section.section-qa .media-stream-wrap .ms-item .ms-icon { margin: 15px auto 0 auto; width: 34px; height: 34px; }
section.section-qa .media-stream-wrap .ms-item .ms-icon img { width: 100%; }
section.section-qa .media-stream-wrap .ms-item .ms-icon:hover img { opacity: 0.8; }
section.section-qa .media-stream-wrap .ms-item .ms-video-thumb { position: relative; display: block; height: 211px; }
section.section-qa .media-stream-wrap .ms-item .ms-video-thumb .ms-video-icon { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1) url(../images/icon-play-video-thumb.png) 50% 50% no-repeat; background-size: 65px 65px; z-index: 2; }
section.section-qa .media-stream-wrap .ms-item .ms-title { clear: both; padding: 10px 10px 15px 10px; line-height: 1em; font-size: 22px; }
section.section-qa .media-stream-wrap .ms-item .ms-title a { font-weight: bold; color: #111111; text-transform: none; }
section.section-qa .media-stream-wrap .ms-item .ms-date { /*@include gothamSSBook;*/ font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: 300; font-style: normal; font-size: 12px; color: #777777; }

section.section-qa.light-bg .media-stream-wrap .ms-item { background-color: #eeeeee; }
section.section-qa.light-bg .media-stream-wrap span.icon { color: #eeeeee; }

section.section-qa .ms-media { margin-left: 0; margin-right: 0; margin-top: 0; }
section.section-qa .ms-media a { display: block; position: relative; }
section.section-qa .ms-media a img { float: left; display: block; width: 100%; margin: 0 auto; }
section.section-qa .ms-media a .bar { display: none; }

/* 0px ===========================  */
@media (min-width: 0) { section.section-qa .media-stream-wrap { /*width:200px;*/ width: 300px; margin: 0 auto; } }
@media screen and (min-width: 0) and (max-width: 320px) { section.section-qa .media-stream-wrap { width: 100%; /* width: 100% causes elements to be cut off in stream */ }
  section.section-qa .media-stream-wrap .ms-item { width: 100%; }
  section.section-qa .media-stream-wrap .ms-item div.ms-media img { width: 100%; max-width: 100%; }
  section.section-qa .media-stream-wrap .ms-item img { width: 100%; max-width: 100%; } }

@media screen and (max-width: 767px) { section.section-qa .media-stream-wrap .permalink .section-media-stream-intro div.main { padding: 0 10px; }
  section.section-qa .media-stream-wrap .section-media-stream-intro div.main { width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; }
  section.section-qa .media-stream-wrap .media-stream-wrap { width: 100%; }
  section.section-qa .media-stream-wrap .media-stream-wrap .ms-item { width: 100%; }
  section.section-qa .media-stream-wrap .media-stream-wrap .ms-item img { float: none; width: 100%; max-width: 100%; }
  section.section-qa .media-stream-wrap .qa .media-stream-wrap .ms-item { /*margin-top: 30px;*/ } }
/* ===============================  */
/* 768px ========================   */
@media (min-width: 768px) { section.section-qa .media-stream-wrap { width: 574px; }
  section.section-qa .media-stream-wrap .section-media-stream-intro .article { width: 500px; }
  section.section-qa .media-stream-wrap .ms-item .ms-title { font-size: 24px; } }
/* ===============================  */
/* 1024px ========================  */
@media (min-width: 1024px) { section.section-qa .media-stream-wrap { width: 866px; }
  section.section-qa .media-stream-wrap .section-media-stream-intro .article { width: 500px; } }
/* ===============================  */
/* Functional styling; These styles are required for noUiSlider to function. You don't need to change these rules to apply your design. */
.noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-user-select: none; -ms-touch-action: none; -ms-user-select: none; -moz-user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; }

.noUi-base { width: 100%; height: 100%; position: relative; }

.noUi-origin { position: absolute; right: 0; top: 0; left: 0; bottom: 0; }

.noUi-handle { position: relative; z-index: 1; }

.noUi-stacking .noUi-handle { /* This class is applied to the lower origin when its values is > 50%. */ z-index: 10; }

.noUi-stacking + .noUi-origin { /* Fix stacking order in IE7, which incorrectly creates a new context for the origins. */ *z-index: -1; }

.noUi-state-tap .noUi-origin { -webkit-transition: left 0.3s, top 0.3s; transition: left 0.3s, top 0.3s; }

.noUi-state-drag * { cursor: inherit !important; }

/* Slider size and handle placement; */
.noUi-horizontal { height: 18px; }

.noUi-horizontal .noUi-handle { width: 34px; height: 28px; left: -17px; top: -6px; }

.noUi-horizontal.noUi-extended { padding: 0 15px; }

.noUi-horizontal.noUi-extended .noUi-origin { right: -15px; }

.noUi-vertical { width: 18px; }

.noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px; }

.noUi-vertical.noUi-extended { padding: 15px 0; }

.noUi-vertical.noUi-extended .noUi-origin { bottom: -15px; }

/* Styling; */
.noUi-background { background: #FAFAFA; box-shadow: inset 0 1px 1px #f0f0f0; }

.noUi-connect { background: #3FB8AF; box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45); -webkit-transition: background 450ms; transition: background 450ms; }

.noUi-origin { border-radius: 2px; }

.noUi-target { border-radius: 4px; border: 1px solid #D3D3D3; box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; }

.noUi-target.noUi-connect { box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #BBB; }

/* Handles and cursors; */
.noUi-dragable { cursor: w-resize; }

.noUi-vertical .noUi-dragable { cursor: n-resize; }

.noUi-handle { border: 1px solid #D9D9D9; border-radius: 3px; background: #FFF; cursor: default; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; }

.noUi-active { box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; }

/* Handle stripes; */
.noUi-handle:before, .noUi-handle:after { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 6px; }

.noUi-handle:after { left: 17px; }

.noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after { width: 14px; height: 1px; left: 6px; top: 14px; }

.noUi-vertical .noUi-handle:after { top: 17px; }

/* Disabled state; */
[disabled].noUi-connect, [disabled] .noUi-connect { background: #B8B8B8; }

[disabled] .noUi-handle { cursor: not-allowed; }

/** CSS Modal - built from https://github.com/adriaanbaelus/css-modal/commits/hashchange-on-window-with-iframe : 7a6e084df1c2248f2ff49d26051c7d38ba84cfe4 http://drublic.github.com/css-modal  @author Hans Christian Reinl - @drublic */
/** CSS Modal Configuration http://drublic.github.com/css-modal  @author Hans Christian Reinl - @drublic */
html { -webkit-overflow-scrolling: touch; }

.has-overlay { overflow: hidden; height: auto; }

.has-overlay > body { height: 100%; overflow: hidden; }

.modal--fade, .modal--show { -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; width: 0; height: 0; overflow: hidden; opacity: 0; display: none\9; }

.modal--fade:target, .modal--show:target, .is-active.modal--fade, .is-active.modal--show { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); width: auto; height: auto; opacity: 1; }

.is-active.modal--fade, .is-active.modal--show { display: block\9; height: 100% \9; width: 100% \9; }

.modal--fade:target, .modal--show:target, .is-active.modal--fade, .is-active.modal--show { display: block\9; }

.modal--fade .modal-inner, .modal--show .modal-inner { position: absolute; top: 60px; left: 50%; z-index: 20; margin-left: -325px; width: 650px; overflow-x: hidden; -webkit-overflow-scrolling: touch; }

.modal--fade .modal-inner > img, .modal--show .modal-inner > img, .modal--fade .modal-inner > video, .modal--show .modal-inner > video, .modal--fade .modal-inner > iframe, .modal--show .modal-inner > iframe { width: 100%; height: auto; min-height: 300px; }

.modal--fade .modal-inner > img, .modal--show .modal-inner > img { width: auto; max-width: 100%; }

.modal--fade .modal-inner iframe, .modal--show .modal-inner iframe { display: block; width: 100%; border: 0; }

.modal--fade .modal-content, .modal--show .modal-content { position: relative; max-height: 400px; max-height: 60vh; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }

.modal--fade .modal-content > *, .modal--show .modal-content > * { max-width: 100%; }

.modal--fade footer, .modal--show footer { border-top: 1px solid white; padding: 0 1.2em 18px; background: #f0f0f0; border-radius: 2px; }

.modal--fade .modal-close, .modal--show .modal-close { display: block; height: 1px; clip: rect(0 0 0 0); margin: -1px; overflow: hidden; }

.modal--fade .modal-close:focus:after, .modal--show .modal-close:focus:after { outline: 1px dotted; outline: -webkit-focus-ring-color auto 5px; }

.modal--fade .modal-close:before, .modal--show .modal-close:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; }

.modal--fade .modal-close:after, .modal--show .modal-close:after { content: '\00d7'; position: absolute; top: 35px; right: 50%; z-index: 20; margin-right: -325px; }

@media screen and (max-width: 690px) { .modal--fade .modal-inner, .modal--show .modal-inner { width: auto; left: 20px; right: 20px; margin-left: 0; }
  .modal--fade .modal-close:after, .modal--show .modal-close:after { margin-right: 0 !important; right: 20px; } }
@media screen and (max-width: 30em) { .modal--fade, .modal--show { -webkit-transform: translate(0, 400px); -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: opacity 1ms .25s; transition: opacity 1ms .25s; display: block; right: auto; bottom: auto; }
  .modal--fade:target, .modal--show:target, .is-active.modal--fade, .is-active.modal--show { width: 100%; height: 100%; }
  .modal--fade:target .modal-close, .modal--show:target .modal-close, .is-active.modal--fade .modal-close, .is-active.modal--show .modal-close { display: block; }
  .modal--fade .modal-inner, .modal--show .modal-inner { -moz-box-sizing: border-box; box-sizing: border-box; top: 0; left: 0; right: 0; height: 100%; overflow: auto; }
  .modal--fade .modal-content, .modal--show .modal-content { max-height: none; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
  .modal--fade .modal-close, .modal--show .modal-close { display: none; right: auto; }
  .modal--fade .modal-close:before, .modal--show .modal-close:before { content: ''; position: fixed; top: 0; left: 0; right: 0; z-index: 20; }
  .modal--fade .modal-close:after, .modal--show .modal-close:after { top: 5px !important; right: 5px; left: auto; margin-left: 0; } }
@media screen and (max-height: 46em) and (min-width: 30em) { .modal--fade .modal-content, .modal--show .modal-content { max-height: 340px; max-height: 50vh; } }
@media screen and (max-height: 36em) and (min-width: 30em) { .modal--fade .modal-content, .modal--show .modal-content { max-height: 265px; max-height: 40vh; } }
.is-stacked.modal--fade, .is-stacked.modal--show { -webkit-transform: translate(0, 0) scale(1, 1); -ms-transform: translate(0, 0) scale(1, 1); transform: translate(0, 0) scale(1, 1); opacity: 1; }

.is-stacked.modal--fade .modal-inner, .is-stacked.modal--show .modal-inner { -webkit-animation: scaleDown .7s ease both; animation: scaleDown .7s ease both; }

.is-stacked.modal--fade .modal-close, .is-stacked.modal--show .modal-close { opacity: 0; }

@media screen and (max-width: 30em) { .is-stacked.modal--fade, .is-stacked.modal--show { -webkit-animation: scaleDown .7s ease both; animation: scaleDown .7s ease both; }
  .is-stacked.modal--fade .modal-inner, .is-stacked.modal--show .modal-inner { -webkit-animation: none; animation: none; }
  .is-stacked.modal--fade .modal-close, .is-stacked.modal--show .modal-close { opacity: 1; } }
/** All animations for CSS Modal  Available: - %modal--transition-fade (fade) - %modal--transition-zoomIn (zooms in) - %modal--transition-plainScreen (hides background)  Usage:  .selector { @extend %modal--transition-fade; }  */
@media screen and (min-width: 30em) { .modal--fade { -webkit-transition: opacity 0.4s; transition: opacity 0.4s; } }
/** CSS Modal Themes http://drublic.github.com/css-modal  @author Hans Christian Reinl - @drublic */
/* Global Theme Styles */
.modal--fade, .modal--show { color: #222; line-height: 1.3; }

.modal--fade .modal-inner, .modal--show .modal-inner { border-radius: 2px; background: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); max-width: 100%; -webkit-transition: max-width 0.25s linear, margin-left 0.125s linear; transition: max-width 0.25s linear, margin-left 0.125s linear; }

.modal--fade header, .modal--show header { border-bottom: 1px solid #ddd; padding: 0 1.2em; }

.modal--fade header > h2, .modal--show header > h2 { margin: 0.5em 0; }

.modal--fade .modal-content, .modal--show .modal-content { border-bottom: 1px solid #ddd; padding: 15px 1.2em; }

.modal--fade footer, .modal--show footer { border-top: 1px solid white; padding: 0 1.2em 18px; background: #f0f0f0; border-radius: 2px; }

.modal--fade .modal-close, .modal--show .modal-close { text-indent: -100px; }

.modal--fade .modal-close:before, .modal--show .modal-close:before { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAEUlEQVQoz2NgeEYAjioYSQoAzOTmAXhPhyoAAAAASUVORK5CYII="); }

.modal--fade .modal-close:after, .modal--show .modal-close:after { content: '\00d7'; background: #fff; border-radius: 2px; padding: 2px 8px; font-size: 1.2em; text-decoration: none; text-indent: 0; }

@media screen and (max-width: 30em) { .modal--fade .modal-close:before, .modal--show .modal-close:before { background: #27aae2; height: 3em; box-shadow: 0 0 5px rgba(0, 0, 0, 0.6); }
  .modal--fade .modal-inner, .modal--show .modal-inner { padding-top: 3em; box-shadow: none; }
  .modal--fade .modal-close, .modal--show .modal-close { text-decoration: none; }
  .modal--fade .modal-close:after, .modal--show .modal-close:after { content: attr(data-close); font-size: 1em; padding: 0.5em 1em; } }
/* Plain Screen Theme Styles */
/** Apply the desired modal behavior to your container selector */
/* END CSS Modal -- built from https://github.com/adriaanbaelus/css-modal/commits/hashchange-on-window-with-iframe */
.modal--show.modal--fullscreen { padding: 0; background: rgba(0, 0, 0, 0.6); }

.modal-spacer { position: absolute; width: 100%; height: 100%; padding: 10px; }
@media screen and (min-width: 691px) { .modal-spacer { padding: 0; width: auto; height: auto; position: static; } }

.modal--fullscreen .modal-inner { left: auto; right: auto; width: 100%; height: 100%; top: auto; bottom: auto; position: relative; }
@media screen and (min-width: 691px) { .modal--fullscreen .modal-inner { left: auto; right: 0; width: 530px; height: 100%; position: absolute; top: 0; } }
@media screen and (max-width: 30em) { .modal--fullscreen .modal-inner { padding: 0; } }

.modal--fullscreen .modal-content { height: 100%; max-height: 100%; }

.modal--fullscreen .modal-close-button { display: inline-block; text-indent: 0; z-index: 1; position: absolute; top: 10px; right: 15px; width: 22px; height: 22px; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
.modal--fullscreen .modal-close-button:before { display: none; }
.modal--fullscreen .modal-close-button:after { display: none; }

.modal-close__toggle-icon svg { display: none; }

.modal-close__toggle-icon { position: absolute; display: block; top: 0px; left: 0px; font-family: 'cc-go'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 25px; }
.modal-close__toggle-icon:before { content: ""; }

.modal-close__toggle-icon-svg { fill: #F7941e; }
.no-touch .modal-close__toggle-icon:hover .modal-close__toggle-icon-svg { fill: #111111; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

.modal-comments__comment-pane-title { color: #474747; font-size: 16px; margin-bottom: 5px; font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }

.modal-comments__comment-pane-subheadline { color: #474747; font-size: 16px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: 300; font-style: normal; }

/*! 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 .gallery-main-carousel__overlay-action { 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: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), color-stop(50%, rgba(255, 255, 255, 0.1)), color-stop(55%, rgba(170, 170, 170, 0.1)), to(rgba(120, 120, 120, 0.15))); background-image: -webkit-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%); 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 a.gallery-main-carousel__overlay-action { color: #1c95d4; }

.tablesaw-enhanced .tablesaw-bar .btn:hover, .tablesaw-enhanced .tablesaw-bar .gallery-main-carousel__overlay-action:hover { text-decoration: none; }

/* Default radio/checkbox styling horizonal controlgroups. */
.tablesaw-enhanced .tablesaw-bar .btn:active, .tablesaw-enhanced .tablesaw-bar .gallery-main-carousel__overlay-action:active { background-color: #ddd; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(100, 100, 100, 0.35)), to(rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(top, rgba(100, 100, 100, 0.35) 0%, rgba(255, 255, 255, 0) 70%); 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 .gallery-main-carousel__overlay-action:hover, .tablesaw-enhanced .tablesaw-bar .btn:focus, .tablesaw-enhanced .tablesaw-bar .gallery-main-carousel__overlay-action:focus { color: #208de3; background-color: #fff; outline: none; }

.tablesaw-bar .btn:focus, .tablesaw-bar .gallery-main-carousel__overlay-action:focus { box-shadow: 0 0 .35em #4faeef !important; }

.ie-lte8 .tablesaw-bar .btn:hover, .ie-lte8 .tablesaw-bar .gallery-main-carousel__overlay-action:hover, .ie-lte8 .tablesaw-bar .btn:focus, .ie-lte8 .tablesaw-bar .gallery-main-carousel__overlay-action: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 .gallery-main-carousel__overlay-action select option { background: #fff; color: #000; font-family: sans-serif; }

.tablesaw-enhanced .tablesaw-bar .btn.btn-select, .tablesaw-enhanced .tablesaw-bar .btn-select.gallery-main-carousel__overlay-action { 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 .btn-small.gallery-main-carousel__overlay-action, .tablesaw-bar .btn.btn-micro, .tablesaw-bar .btn-micro.gallery-main-carousel__overlay-action { display: inline-block; width: auto; height: auto; position: relative; top: 0; }

.tablesaw-bar .btn.btn-small, .tablesaw-bar .btn-small.gallery-main-carousel__overlay-action { font-size: 17px; line-height: 19px; padding: .3em 1em .3em 1em; }

.tablesaw-bar .btn.btn-micro, .tablesaw-bar .btn-micro.gallery-main-carousel__overlay-action { 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 .gallery-main-carousel__overlay-action { -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 .btn-micro.gallery-main-carousel__overlay-action { 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 .gallery-main-carousel__overlay-action, .tablesaw-enhanced .tablesaw-bar .btn, .tablesaw-enhanced .tablesaw-bar .gallery-main-carousel__overlay-action { 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 .gallery-main-carousel__overlay-action { 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 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 .gallery-main-carousel__overlay-action, .tablesaw tbody th .btn, .tablesaw tbody th .gallery-main-carousel__overlay-action { margin: 0; }

.tablesaw th { border: 1px solid #e5e5e4; background: #e2dfdc; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e2dfdc)); background-image: -webkit-linear-gradient(top, #fff, #e2dfdc); background-image: linear-gradient(to bottom, #fff, #e2dfdc); 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 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 { 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, .tablesaw-columntoggle-btn.gallery-main-carousel__overlay-action { float: right; }

.btn.tablesaw-columntoggle-btn span, .tablesaw-columntoggle-btn.gallery-main-carousel__overlay-action 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 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; } }
/* The canonical button for toggling the modal comments */
.no-touch .modal-comments-toggle:hover { color: #F7941e; }

.icon-comment:before { content: "\e901"; display: block; color: #F7941e; }
.modal-comments-toggle .icon-comment { font-size: 24px; width: 100%; display: block; font-style: normal; }
.modal-comments-toggle--inline .icon-comment { display: inline-block; width: auto; vertical-align: -5px; }

.modal-comments__comment-pane-thumbnail { width: 100%; margin-top: 10px; }

.modal-comments .carousel__action-bar { margin-top: 15px; }

.modal-comments .share-controls__share-toggle { margin-left: 70px; }

.modal-comments .social-share-and-like--small .circle-button { height: 25px; width: 25px; }

.modal-comments .share-controls__option { float: right; }

.modal-comments .share-controls__like { position: absolute; left: 0; }

.modal-comments .modal-content { text-align: center; }

.modal-comments .comments .main > h2 { display: none; }

.modal-comments .comments { padding-top: 0; }

.modal-comments.cid-not-authored .fyre .fyre-auth, .modal-comments.cid-not-authored .fyre .fyre-editor { display: none !important; }

.fyre-modal { z-index: 1000 !important; }

/* _________________________________________________________
PROJECT:	Gateway UI Kit
CONTENT:	Cookie Alert Template
____________________________________________________________ */
#cookie-alert-wrap { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: transparent; pointer-events: auto; z-index: 10100; }

.tier-alert .text-container { max-width: 90%; width: 100%; margin: 15px auto 15px auto; border: none; font-size: 1em; padding: 0 20px; }
@media screen and (min-width: 668px) { .tier-alert .text-container { padding: 0 6px; } }
.tier-alert .text-container.text-container-reject { max-width: 90%; }
.tier-alert .text-container.text-container-reject p { margin: 0; }
.tier-alert .text-container h2 { /*@include gothamSSBold;*/ font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: 300; font-style: normal; width: auto; margin-bottom: 5px; font-size: 1.4em; text-transform: none; max-width: 100%; }
@media (min-width: 481px) { .tier-alert .text-container h2 { margin-bottom: 10px; } }
.tier-alert .text-container p { line-height: 130%; text-align: center; font-size: 12px; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; -webkit-hyphens: none; }
.tier-alert .text-container a { color: #F7941e; }
.tier-alert .text-container a:hover { color: #111111; }
@media screen and (max-width: 647px) { .tier-alert .text-container { font-size: .9em; }
  .tier-alert .text-container p, .tier-alert .text-container h2.headline { text-align: left; } }

.tier-alert { background: transparent; -moz-box-sizing: border-box; box-sizing: border-box; position: fixed; bottom: 0; width: 100%; padding: 0 10px; text-align: center; z-index: 10999; max-width: 100%; font-size: 16px; display: none; }
.tier-alert * { -moz-box-sizing: border-box; box-sizing: border-box; }
.tier-alert .main { margin: 0; margin-left: 0; max-width: 100%; width: 100%; float: left; -webkit-transition: min-height .2s ease-out; transition: min-height .2s ease-out; }
.tier-alert.dark-bg .main { background: #ffffff; }
.tier-alert.dark-bg a { color: #F7941e; }
.tier-alert.dark-bg a:hover { color: #111111; }
.tier-alert.dark-bg h2, .tier-alert.dark-bg p { color: #474747; }
.tier-alert a { -webkit-transition: color .2s ease-out, background .2s ease-out; transition: color .2s ease-out, background .2s ease-out; }
.tier-alert a.alert-btn { color: #fff; padding: 10px 3px; display: inline-block; margin: 0 auto 10px auto; /*text-transform: uppercase;*/ font-size: 14px; background: #e61d2b; border: 0; border-bottom: 10px solid #F27020; min-width: 200px; font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }
@media (min-width: 768px) { .tier-alert a.alert-btn { margin: 0 auto; } }
.tier-alert a.alert-btn:hover { color: #fff; }
.tier-alert a.alert-btn:before { background: #F27020; }
.tier-alert a.alert-btn:active { background: #F27020; border-bottom: 0px solid #F27020; border-top: 10px solid rgba(0, 0, 0, 0.2); color: #fff; -webkit-transition: all 0.2 ease 0.2s; transition: all 0.2 ease 0.2s; }
.tier-alert a.alert-btn:active:hover { border-bottom: 0px solid #F27020; }
@media screen and (min-width: 520px) { .tier-alert .alert-btn + .alert-btn.alert-reject { margin-left: 10px; } }
.tier-alert a.alert-close { position: absolute; /*top: 16px;
right: 20px;*/ top: 7px; right: 16px; top: 9px; display: block; color: #434243; font-size: 25px; -webkit-transition: color .2s ease-out, right .2s ease-out, top .2s ease-out; transition: color .2s ease-out, right .2s ease-out, top .2s ease-out; }
.no-touch .tier-alert a.alert-close:hover { color: #F7941e; }
.tier-alert .text-container-reject { display: 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; }

/* _________________________________________________________
PROJECT:	Gateway UI Kit
CONTENT:	Download Link List Template
____________________________________________________________ */
/* Download List Section */
section.section-download-list { padding: 0; }

/* Download List Wrapper */
.listiconfiles-cont { overflow: hidden; float: none; }

.listiconfiles { width: 92%; margin: 0 4%; }

@media (min-width: 768px) { .listiconfiles { width: 728px; margin: 0 auto; } }
/* Download list */
ul.listiconfiles.downloadlist { list-style-type: none; padding: 0; clear: both; }
ul.listiconfiles.downloadlist li { list-style-type: none; }
ul.listiconfiles.downloadlist li a { display: block; position: relative; font-size: 16px; padding: 0.2em 0 0.2em 28px; text-align: left; }
ul.listiconfiles.downloadlist li a:hover { background: none; }
ul.listiconfiles.downloadlist a.file-download:before { content: "\e600"; background: transparent; border-radius: 0; color: #F7941e; width: 30px; height: 30px; padding: 4px; font-size: 14px; position: absolute; left: 0px; top: 4px; margin: 0px; font-family: 'cc-go'; 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: #F7941e; }
ul.listiconfiles.downloadlist a.file-download:hover:before { color: #111111; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }

/* _________________________________________________________
PROJECT:  Gateway UI Kit
CONTENT:  Article RTE Template
____________________________________________________________ */
.ArticleTextwell .bold, .primary-font-bold, .table-doclib.tablesaw thead tr:first-child th { font-weight: 700; }

.ArticleTextwell p span { display: inline; }

/* RTE article styles */
.textwell-content { max-width: 728px; margin: 0 auto 30px; }
@media (max-width: 768px) { .f-6 .textwell-content { width: 100%; } }

.ArticleTextwell { text-align: center; width: 100%; overflow: hidden; }
@media screen and (max-width: 767px) { .ArticleTextwell .textwell-content { margin: 15px auto; } }
.ArticleTextwell p, .ArticleTextwell li { font-weight: 300; text-align: center; font-size: 14px; line-height: 1.5em; color: #474747; }
.ArticleTextwell a:not(.btn):not(.gallery-main-carousel__overlay-action) { color: #F7941e; }
.ArticleTextwell a:not(.btn):not(.gallery-main-carousel__overlay-action):hover { color: #111111; }
.f-6 .ArticleTextwell a.btn, .f-6 .ArticleTextwell a.gallery-main-carousel__overlay-action { float: left; color: #fff; min-width: 300px; margin: 0; }
.f-6 .ArticleTextwell a.btn:hover, .f-6 .ArticleTextwell a.gallery-main-carousel__overlay-action:hover { color: #fff; }
@media screen and (max-width: 768px) { .f-6 .ArticleTextwell a.btn, .f-6 .ArticleTextwell a.gallery-main-carousel__overlay-action { display: block; width: 300px; margin: 0 auto; float: none; } }
.ArticleTextwell img { max-width: 100%; }
.ArticleTextwell p img { margin-right: 10px; margin-top: 10px; }
.ArticleTextwell .valign-t img { display: block; }
.ArticleTextwell .bold, .ArticleTextwell b { font-weight: 700; }
.ArticleTextwell .italic, .ArticleTextwell i { font-style: italic; }
.ArticleTextwell .left { text-align: left; }
.ArticleTextwell .right { text-align: right; }
.ArticleTextwell .video-txt { margin-top: 0.8em; }
.ArticleTextwell p { /*font-size:18px;*/ line-height: 1.5em; margin-bottom: 2em; }
.ArticleTextwell li { /*font-size: 16px;*/ }
.ArticleTextwell p span.quote { font-size: 30px; line-height: 1.25em; /*@include gothamBoldHeadline;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; display: block; margin: 35px 50px 35px 60px; }
.ArticleTextwell h1, .ArticleTextwell h2, .ArticleTextwell h3, .ArticleTextwell h4, .ArticleTextwell h5, .ArticleTextwell h6 { text-align: center; margin: 0.5em 0; }
.ArticleTextwell h1 { font-size: 50px; line-height: 1em; }
.ArticleTextwell h2 { font-size: 28px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: 300; font-style: normal; color: #474747; }
@media screen and (min-width: 768px) { .ArticleTextwell h2 { font-size: 54px; } }
.ArticleTextwell h3, .ArticleTextwell h3.subheadline { font-size: 28px; margin: 0 auto 8px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: 300; font-style: normal; color: #474747; }
.ArticleTextwell h4, .ArticleTextwell h6 { font-size: 18px; }
.ArticleTextwell h4 { /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; padding: 10px 0; color: #F7941e; font-size: 13px; }
.ArticleTextwell h5 { font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; font-size: 16px; color: #F7941e; margin: 0 auto 36px; }
.ArticleTextwell ul, .ArticleTextwell ol { padding: 0 0 16px 1px; clear: both; }
.ArticleTextwell ul li, .ArticleTextwell ol li { padding: 0 0 .5em; list-style-position: inside; }
.ArticleTextwell ul li { list-style-type: disc; }
.ArticleTextwell ol li { list-style-type: decimal; }
.ArticleTextwell .art-text-well.center { text-align: center; }
.ArticleTextwell .art-text-well.center .ArticleTextwell .tablesaw h3 { text-align: center; }
.ArticleTextwell .art-text-well.center .socialicons a { float: left; }
.ArticleTextwell .superheadline { font-size: 50px; line-height: 50px; /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; margin-bottom: .5em; }
@media screen and (max-width: 480px) { .ArticleTextwell .superheadline { font-size: 25px; line-height: 25px; margin-top: 30px; } }
.ArticleTextwell .video-wrap { margin-top: 10px; }
.ArticleTextwell table.tablesaw .tablesaw-cell-label { margin: 0; }
.ArticleTextwell table.tablesaw h4 { color: #474747; font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }

/* Taken from Demo Site Styling */
*:before, *:after { -moz-box-sizing: border-box; box-sizing: border-box; }

.ArticleTextwell.has-bg-img.mild-bg .textwell-content { background: #fff; padding: 10px; }
@media screen and (min-width: 481px) { .ArticleTextwell.has-bg-img.mild-bg .textwell-content { padding: 1px 20px 20px; } }

.ArticleTextwell.has-bg-img.dark-bg .textwell-content h1 h1, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h1 h2, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h1 h3, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h1 h4, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h1 h5, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h1 h6, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h1 p, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h2 h1, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h2 h2, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h2 h3, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h2 h4, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h2 h5, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h2 h6, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h2 p, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h3 h1, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h3 h2, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h3 h3, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h3 h4, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h3 h5, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h3 h6, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h3 p, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h4 h1, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h4 h2, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h4 h3, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h4 h4, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h4 h5, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h4 h6, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h4 p, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h5 h1, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h5 h2, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h5 h3, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h5 h4, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h5 h5, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h5 h6, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h5 p, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h6 h1, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h6 h2, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h6 h3, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h6 h4, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h6 h5, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h6 h6, .ArticleTextwell.has-bg-img.dark-bg .textwell-content h6 p, .ArticleTextwell.has-bg-img.dark-bg .textwell-content p h1, .ArticleTextwell.has-bg-img.dark-bg .textwell-content p h2, .ArticleTextwell.has-bg-img.dark-bg .textwell-content p h3, .ArticleTextwell.has-bg-img.dark-bg .textwell-content p h4, .ArticleTextwell.has-bg-img.dark-bg .textwell-content p h5, .ArticleTextwell.has-bg-img.dark-bg .textwell-content p h6, .ArticleTextwell.has-bg-img.dark-bg .textwell-content p p, .ArticleTextwell.has-bg-img.dark-bg .textwell-content table h1, .ArticleTextwell.has-bg-img.dark-bg .textwell-content table h2, .ArticleTextwell.has-bg-img.dark-bg .textwell-content table h3, .ArticleTextwell.has-bg-img.dark-bg .textwell-content table h4, .ArticleTextwell.has-bg-img.dark-bg .textwell-content table h5, .ArticleTextwell.has-bg-img.dark-bg .textwell-content table h6, .ArticleTextwell.has-bg-img.dark-bg .textwell-content table p { color: #111111; }
.ArticleTextwell.has-bg-img.dark-bg .textwell-content a { /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }

.ArticleTextwell .textwell-content { -moz-box-sizing: border-box; box-sizing: border-box; }
.ArticleTextwell .textwell-content span { display: inline-block; }
@media screen and (max-width: 639px) { .ArticleTextwell table img { max-width: 100%; } }
@media screen and (max-width: 767px) { .ArticleTextwell .textwell-content { /*margin: 15px auto;*/ }
  .ArticleTextwell .textwell-content h1 { font-size: 42px; }
  .ArticleTextwell table img { margin: 0 auto; display: block; } }

.ArticleTextwell.has-bg-img h2 { color: #111111; }

@media (min-width: 0) { .textwell-content { width: 96%; height: auto; margin: 0px auto; }
  .ArticleTextwell { text-align: center; }
  .ArticleTextwell p span.quote { margin: 30px 10px; font-size: 20px; max-width: 100%; } }
@media (min-width: 768px) { .textwell-content { max-width: 728px; margin: 36px auto; } }
@media (min-width: 768px) and (max-width: 768px) { .f-6 .textwell-content { width: 100%; } }

@media (min-width: 768px) { .ArticleTextwell { text-align: center; } }
/* Image/Video Component */
.video-wrap .fluid-width-video-wrapper { position: relative; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .video-wrap .fluid-width-video-wrapper { /* IE10+ specific styles go here */ padding-top: 66.9767%; } }

.video-wrap { float: none; overflow: hidden; width: 100%; }

.Image.section { text-align: center; display: block; width: 100%; overflow: hidden; margin-bottom: 10px; /*    a:hover { img { transform:scale(1.10); } }*/ }
.Image.section small { text-align: center; margin: 0 0 30px; display: block; }
.Image.section img { height: auto; display: block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

@media (min-width: 0) { .video-container, .Image.section img { max-width: 100%; margin: 0px auto; } }
@media screen and (min-width: 0) and (max-width: 767px) { .video-container + small, .Image.section img + small { margin-top: 10px; } }

@media (min-width: 768px) { .video-container, .Image.section img { max-width: 728px; width: auto; } }
@media (min-width: 768px) and (max-width: 768px) { .f-6 .video-container, .f-6 .Image.section img { width: 100%; } }

/* 1024px ========================  */
@media (min-width: 1024px) { .ArticleTextwell .textwell-content { /*width: 786px;
margin-left: -393px;*/ }
  .ArticleTextwell .textwell-content h1, .ArticleTextwell .textwell-content h2, .ArticleTextwell .textwell-content p { width: 100%; } }
/* _________________________________________________________
PROJECT:	Gateway UI Kit
CONTENT:	Billboard Carousel
____________________________________________________________ */
.billboard-carousel__slide-caption-headline { font-size: 54px; line-height: 1em; }
@media screen and (max-width: 480px) { .billboard-carousel__slide-caption-headline { font-size: 28px; } }
@media (min-width: 768px) { .billboard-carousel__slide-caption-headline { font-size: 54px; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .billboard-carousel__slide-caption-headline { font-size: 28px; } }

.billboard-carousel__slide-caption-subheadline { font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; font-size: 16px; line-height: 1.2em; }
@media screen and (max-width: 1024px) { .billboard-carousel__slide-caption-subheadline { font-size: 13px; } }

.billboard-carousel__slide-caption-link { font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; font-size: 12px; vertical-align: middle; text-align: center; }
@media screen and (min-width: 769px) { .billboard-carousel__slide-caption-link { font-size: 15px; } }

/* =================================================================== */
section.billboard-carousel { padding-top: 0; position: relative; }
section.billboard-carousel h2.headline { padding-top: 35px; }
section.billboard-carousel a:focus { outline: 1px dotted #ccc; }
section.billboard-carousel .carousel__bullet, section.billboard-carousel .carousel__toggle-slideshow, section.billboard-carousel .billboard-carousel__pagination-switch { height: 12px; width: 12px; border-radius: 50%; padding: 0; }

.billboard-carousel + .divider { margin: 0 auto; float: none; }

.billboard-carousel__container { width: 100%; margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* Fix of Webkit flickering */ z-index: 1; }

.billboard-carousel__wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; transition-property: transform, left, top; -webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; transition-timing-function: ease; }

section.billboard-carousel .share-controls { display: none; }

/* =================================================================== */
.billboard-carousel__pagination { height: 12px; position: absolute; top: auto; bottom: 32px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -ms-transform: translateX(-50%); z-index: 20; text-align: center; }
.billboard-carousel__pagination:before, .billboard-carousel__pagination:after { content: ''; display: block; clear: both; }
.billboard-carousel__pagination button { margin-right: 0; }
.billboard-carousel__pagination button + button { margin-left: 10px; }
@media screen and (min-width: 375px) { .billboard-carousel__pagination button + button { margin-left: 12px; } }
@media screen and (max-width: 767px) { .billboard-carousel__pagination { bottom: 30px; } }

.billboard-carousel__pagination-switch { float: none; display: inline-block; top: -3px; }

.billboard-carousel__pagination .carousel__toggle-slideshow { float: none; display: inline-block; top: -3px; }

.billboard-carousel__pagination-switch--active { background-color: #F7941e; }

.billboard-carousel__pagination .carousel__nav-round, .billboard-carousel__pagination .carousel__nav-angle { margin: 0; background-image: none; top: 50%; margin-top: 1px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -ms-transform: translateY(-50%); height: 41px; width: 20px; }
.billboard-carousel__pagination .carousel__nav-round::before, .billboard-carousel__pagination .carousel__nav-angle::before, .billboard-carousel__pagination .carousel__nav-round::after, .billboard-carousel__pagination .carousel__nav-angle::after { display: block; position: absolute; top: 0; font-family: 'cc-go'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; text-indent: 0; font-size: 40px; color: #fff; -webkit-transition: color .2s ease-out; transition: color .2s ease-out; }
.billboard-carousel__pagination .carousel__nav-round:hover::before, .billboard-carousel__pagination .carousel__nav-angle:hover::before, .billboard-carousel__pagination .carousel__nav-round:hover::after, .billboard-carousel__pagination .carousel__nav-angle:hover::after { color: #F7941e; }
.billboard-carousel__pagination .carousel__nav-round--prev, .billboard-carousel__pagination .carousel__nav-angle--prev { left: -58px; }
.billboard-carousel__pagination .carousel__nav-round--prev::before, .billboard-carousel__pagination .carousel__nav-angle--prev::before { content: "\e906"; left: 0; }
.billboard-carousel__pagination .carousel__nav-round--next, .billboard-carousel__pagination .carousel__nav-angle--next { right: -58px; }
.billboard-carousel__pagination .carousel__nav-round--next::after, .billboard-carousel__pagination .carousel__nav-angle--next::after { content: "\e907"; right: 0; }

/* =================================================================== */
.billboard-carousel__slide { position: relative; height: 100%; width: 100%; left: 0; top: 0; float: left; overflow: hidden; }

.billboard-carousel__slide-image { width: 100%; /* kill descender gap between inline img and container */ vertical-align: bottom; position: relative; }

/* =================================================================== */
.billboard-carousel__slide-caption { width: 100%; position: absolute; /*top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);*/ bottom: 14%; padding: 0; margin: 0 auto; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ z-index: 2; }
.billboard-carousel__slide-caption:before, .billboard-carousel__slide-caption:after { content: ''; display: block; clear: both; }
.billboard-carousel__slide-caption * { color: #fff; }

.billboard-carousel__slide-caption-headline { padding-bottom: 10px; }

.billboard-carousel__slide-caption-subheadline { margin-bottom: 12px; }

/* ==================================== */
.billboard-carousel__slide-caption-link { /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ background-image: url(../images/cta-button-bg@2x.png); background-repeat: repeat; background-position: 0 0; background-size: 2px 2px; background-color: rgba(0, 0, 0, 0.1); border: 2px solid #d3d0cd; width: 48%; max-width: 350px; display: inline-block; margin: 8px 0 0; padding: 10px; color: #fff; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; }
.billboard-carousel__slide-caption-link:before { content: ""; position: absolute; z-index: -1; left: 45%; right: 0; bottom: 6px; background: rgba(0, 0, 0, 0.35); height: 30px; width: 30px; border-radius: 100%; -webkit-animation: button-mouseoff-fade 0.5s ease-out; animation: button-mouseoff-fade 0.5s ease-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transform: scale(20); -ms-transform: scale(20); transform: scale(20); opacity: 0; }
.billboard-carousel__slide-caption-link:hover { color: #fff; }
.billboard-carousel__slide-caption-link:hover:before { -webkit-animation: button-hover-radial .6s ease-out; animation: button-hover-radial .6s ease-out; opacity: 1; }
.billboard-carousel__slide-caption-link[href^="http://"]::after { font-family: 'cc-go'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-weight: bold; content: "\e604"; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -ms-transform: translateY(-50%); right: 10px; }
@media screen and (max-width: 767px) { .billboard-carousel__slide-caption-link { border-width: 1px; } }
@media screen and (max-width: 1024px) { .billboard-carousel__slide-caption-link { width: 240px; } }
@media (min-width: 768px) { .billboard-carousel__slide-caption-link { position: relative; max-width: 250px; }
  .billboard-carousel__slide-link:hover .billboard-carousel__slide-caption-link { color: #F7941e; } }

/* =================================================================== */
/* Pagination Slideshow Play/Pause Button */
.carousel__toggle-slideshow::before { content: ''; display: block; width: 10px; height: 12px; border-left: 3px solid #fff; border-right: 3px solid #fff; position: absolute; top: 50%; left: 50%; margin: 0; margin-top: -6px; margin-left: -3px; }

.carousel__toggle-slideshow--paused { margin-left: 10px; }
.carousel__toggle-slideshow--paused::before { width: 0; height: 0; border-left: 0; border-right: 0; border-style: solid; border-width: 6px 0 6px 6px; border-color: transparent transparent transparent #fff; margin: 0; margin-left: -1px; /*margin-top: -3px;*/ margin-top: -webkit-calc(6px * -1); margin-top: calc(6px * -1); }

/* =================================================================== */
.billboard-carousel__slide-caption .billboard-carousel__slide-caption-link-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.billboard-carousel__slide-caption.billboard-carousel__slide-caption--left, .billboard-carousel__slide-caption.billboard-carousel__slide-caption--right, .billboard-carousel__slide-caption.billboard-carousel__slide-caption--center { float: none; padding: 0 6%; }
.billboard-carousel__slide-caption.billboard-carousel__slide-caption--left .billboard-carousel__slide-caption-tag, .billboard-carousel__slide-caption.billboard-carousel__slide-caption--left .billboard-carousel__slide-caption-headline, .billboard-carousel__slide-caption.billboard-carousel__slide-caption--left .billboard-carousel__slide-caption-subheadline, .billboard-carousel__slide-caption.billboard-carousel__slide-caption--left .billboard-carousel__slide-caption-btn-action, .billboard-carousel__slide-caption.billboard-carousel__slide-caption--right .billboard-carousel__slide-caption-tag, .billboard-carousel__slide-caption.billboard-carousel__slide-caption--right .billboard-carousel__slide-caption-headline, .billboard-carousel__slide-caption.billboard-carousel__slide-caption--right .billboard-carousel__slide-caption-subheadline, .billboard-carousel__slide-caption.billboard-carousel__slide-caption--right .billboard-carousel__slide-caption-btn-action, .billboard-carousel__slide-caption.billboard-carousel__slide-caption--center .billboard-carousel__slide-caption-tag, .billboard-carousel__slide-caption.billboard-carousel__slide-caption--center .billboard-carousel__slide-caption-headline, .billboard-carousel__slide-caption.billboard-carousel__slide-caption--center .billboard-carousel__slide-caption-subheadline, .billboard-carousel__slide-caption.billboard-carousel__slide-caption--center .billboard-carousel__slide-caption-btn-action { text-align: center; }
@media (min-width: 768px) { .billboard-carousel__slide-caption { width: 44%; bottom: 20%; }
  .billboard-carousel__slide-caption .hide-mobile { display: block; }
  .billboard-carousel__slide-caption .billboard-carousel__slide-caption-link + .billboard-carousel__slide-caption-link { margin-left: 2%; }
  .billboard-carousel__slide-caption .billboard-carousel__slide-caption-link-wrap { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
  .billboard-carousel__slide-caption.billboard-carousel__slide-caption--left { padding-right: 0; }
  .billboard-carousel__slide-caption.billboard-carousel__slide-caption--left .billboard-carousel__slide-caption-link-wrap { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
  .billboard-carousel__slide-caption.billboard-carousel__slide-caption--left .billboard-carousel__slide-caption-tag, .billboard-carousel__slide-caption.billboard-carousel__slide-caption--left .billboard-carousel__slide-caption-headline, .billboard-carousel__slide-caption.billboard-carousel__slide-caption--left .billboard-carousel__slide-caption-subheadline, .billboard-carousel__slide-caption.billboard-carousel__slide-caption--left .billboard-carousel__slide-caption-btn-action { text-align: left; }
  .billboard-carousel__slide-caption.billboard-carousel__slide-caption--right { float: right; right: 0; padding-left: 0; }
  .billboard-carousel__slide-caption.billboard-carousel__slide-caption--right .billboard-carousel__slide-caption-tag, .billboard-carousel__slide-caption.billboard-carousel__slide-caption--right .billboard-carousel__slide-caption-headline, .billboard-carousel__slide-caption.billboard-carousel__slide-caption--right .billboard-carousel__slide-caption-subheadline, .billboard-carousel__slide-caption.billboard-carousel__slide-caption--right .billboard-carousel__slide-caption-btn-action { text-align: right; }
  .billboard-carousel__slide-caption.billboard-carousel__slide-caption--right .billboard-carousel__slide-caption-link-wrap { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }
  .billboard-carousel__slide-caption.billboard-carousel__slide-caption--center { width: 68%; padding: 0; margin: 0 auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -ms-transform: translateX(-50%); }
  .billboard-carousel__slide-caption.billboard-carousel__slide-caption--center .billboard-carousel__slide-caption-link-wrap { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } }

/* _________________________________________________________
PROJECT:  Gateway UI Kit
CONTENT:  Thumbnail Carousel
____________________________________________________________ */
.gallery-carousel { position: relative; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }
.gallery-carousel *, .gallery-carousel *:before, .gallery-carousel *:after { -moz-box-sizing: inherit; box-sizing: inherit; }
.gallery-carousel a:focus { outline: 1px dotted #ccc; }

.gallery-carousel--kotv { background: #fff; }
.gallery-carousel--kotv:before { content: ''; height: 52vw; width: 100%; background: #f4f4f4; position: absolute; z-index: 0; left: 0; }
@media (min-width: 1024px) { .gallery-carousel--kotv:before { height: 32vw; } }

.gallery-carousel.has-bg-img.dark-bg .gallery-main-carousel__slide-caption-headline, .gallery-carousel.has-bg-img.dark-bg .gallery-main-carousel__slide-caption-subheadline, .gallery-carousel.has-bg-img.dark-bg .gallery-main-carousel__slide-index { color: #fff; }
.gallery-carousel.has-bg-img.dark-bg .gallery-control-carousel__pagination-switch { background: #fff; }
.gallery-carousel.has-bg-img.dark-bg .gallery-control-carousel__pagination-switch--active { background-color: #F7941e; }

.gallery-carousel.has-bg-img.mild-bg .gallery-main-carousel__slide-caption { background: #fff; }

h2.headline-with-sub { font-size: 14px; position: relative; z-index: 1; }
.gallery-carousel h2.headline-with-sub { margin-bottom: 0; padding: 30px 0 30px; width: auto; background: #fff; }
@media (min-width: 768px) { .gallery-carousel h2.headline-with-sub { width: 320px; background: transparent; } }

.gallery-carousel .subheadline { text-align: center; max-width: 525px; margin: 0 auto 28px; font-size: 16px; display: none; }

.gallery-carousel-wrap { max-width: 1800px; margin: 0 auto 28px; position: relative; }

.gallery-carousel__more-title { padding: 10px 0 10px 0; font-size: 14px; color: #777777; background: #fff; max-width: 80%; position: relative; z-index: 1; }
@media (min-width: 1024px) { .gallery-carousel__more-title { max-width: 65%; padding: 20px 0 20px 0; } }

.gallery-carousel-logout-mgs { text-align: center; margin-bottom: 12px; display: none; }

.gallery-control-carousel { margin: 0 auto; padding: 36px 0 40px; position: relative; display: none; background: #f4f4f4; }
@media (min-width: 768px) { .gallery-control-carousel { display: block; padding: 80px 74px 55px; } }
.gallery-control-carousel:not(.carousel--kotv) { padding-top: 0; background: #fff; }
.gallery-control-carousel.carousel--kotv { display: block; text-align: center; top: -20px; }
@media (min-width: 1024px) { .gallery-control-carousel.carousel--kotv { top: -48px; } }

.gallery-control-carousel__container { margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* Fix of Webkit flickering */ z-index: 1; width: 100%; }
.carousel--kotv .gallery-control-carousel__container { height: 0; }

.gallery-control-carousel__hide { display: none; }
.gallery-control-carousel__hide.gallery-control-carousel.carousel--kotv { display: none; }

.gallery-carousel .carousel__nav-round, .gallery-carousel .carousel__nav-angle { z-index: 1; }

.carousel__nav-round--prev:before, .carousel__nav-angle--prev:before { left: -10px; }

.gallery-control-carousel__wrapper { position: relative; margin: 0 auto; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; -webkit-transition-property: -webkit-transform, left, top; transition-property: transform, left, top; -webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; transition-timing-function: ease; }

.carousel__nav-angle, .gallery-control-carousel__nav-angle { display: none; }

.gallery-carousel:not(.gallery-carousel--kotv) .carousel__nav-angle { display: block; }
.gallery-carousel:not(.gallery-carousel--kotv) .carousel__nav-angle.carousel__nav-loop-hide { display: none; }

.gallery-control-carousel__pagination { position: absolute; z-index: 10; margin-top: 15px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.gallery-control-carousel__pagination-switch { float: left; width: 12px; height: 12px; border-radius: 12px; background: #222; margin-right: 8px; opacity: 0.8; cursor: pointer; background-color: #777; font-size: 0; }

.gallery-control-carousel__pagination-switch--active { background-color: #F7941e; }

.gallery-control-carousel__slide { float: left; cursor: pointer; }
.carousel--kotv .gallery-control-carousel__slide { width: 50%; margin-bottom: 25px; }
@media (min-width: 481px) { .carousel--kotv .gallery-control-carousel__slide { width: 25%; } }

.light-bg .gallery-control-carousel__load-more-button, .mild-bg .gallery-control-carousel__load-more-button, .dark-bg .gallery-control-carousel__load-more-button { margin: 36px 12px 0; border: 3px #eaeaea solid; border-bottom-width: 10px; height: 51px; background: #fff; color: #363636; border-color: #eaeaea; min-width: 300px; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; }
.light-bg .gallery-control-carousel__load-more-button:before, .mild-bg .gallery-control-carousel__load-more-button:before, .dark-bg .gallery-control-carousel__load-more-button:before { content: ""; position: absolute; z-index: -1; left: 45%; right: 0; bottom: 6px; background: #eaeaea; height: 30px; width: 30px; border-radius: 100%; -webkit-animation: button-mouseoff-fade 0.5s ease-out; animation: button-mouseoff-fade 0.5s ease-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transform: scale(20); -ms-transform: scale(20); transform: scale(20); opacity: 0; }
.light-bg .gallery-control-carousel__load-more-button:hover:before, .mild-bg .gallery-control-carousel__load-more-button:hover:before, .dark-bg .gallery-control-carousel__load-more-button:hover:before { -webkit-animation: button-hover-radial .6s ease-out; animation: button-hover-radial .6s ease-out; opacity: 1; }
.light-bg .gallery-control-carousel__load-more-button:active, .mild-bg .gallery-control-carousel__load-more-button:active, .dark-bg .gallery-control-carousel__load-more-button:active { border-bottom-width: 3px; border-top-width: 10px; -webkit-transition: all 0.2 ease 0.2s; transition: all 0.2 ease 0.2s; }
@media (min-width: 768px) { .light-bg .gallery-control-carousel__load-more-button, .mild-bg .gallery-control-carousel__load-more-button, .dark-bg .gallery-control-carousel__load-more-button { margin: 36px 0 0; } }
.gallery-control-carousel--kotv-allloaded .gallery-control-carousel__load-more-button { display: none; }

.gallery-control-carousel__slide-title { width: 140px; margin: 0 auto; text-align: left; color: #777777; font-size: 14px; }
.carousel--kotv .gallery-control-carousel__slide-title { width: 100%; padding: 0 8px; }

.gallery-control-carousel__slide-title-lock-term { font-weight: 600; text-transform: uppercase; color: #F7941e; }

.gallery-control-carousel__slide-runtime { color: #777777; width: 140px; margin: 0 auto; }
.carousel--kotv .gallery-control-carousel__slide-runtime { width: 100%; padding: 0 8px; }

.gallery-control-carousel__slide-spacer { margin: 0 6px; position: relative; height: 100%; }
.carousel--kotv .gallery-control-carousel__slide-spacer { padding-bottom: 6px; }

.gallery-control-carousel__wrap-media { position: relative; margin-bottom: 10px; /*  @include modular-mq('tablet-portrait') { .gallery-control-carousel__slide--active & { border: 5px solid $brand-primary; } }*/ /*  // 10px translucent white bar in thumbnails &::after { content: ''; z-index: 10; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 10px; background: rgba(255,255,255,.85); }*/ }
.gallery-control-carousel__wrap-media:after { position: absolute; top: 0; bottom: 0; content: ''; left: 0; right: 0; z-index: 11; }
.gallery-control-carousel__slide--active .gallery-control-carousel__wrap-media:after { border: 5px solid #F7941e; }
.gallery-control-carousel__slide--locked.gallery-control-carousel__slide--video .gallery-control-carousel__wrap-media::after { background-image: none; }

.gallery-thumbnail-carousel__wrap-media .gallery-thumbnail-carousel__overlay { background: url(../images/cta-button-bg@2x.png) repeat; }

.gallery-thumbnail-carousel__overlay-lock, .gallery-thumbnail-carousel__play-icon { position: absolute; top: 50%; left: 50%; -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 40px; height: 40px; }

.gallery-control-carousel__slide--locked .gallery-thumbnail-carousel__play-icon { display: none; }

.gallery-main-carousel__slide-media, .gallery-control-carousel__slide-media { width: 100%; /* kill descender gap between inline img and container */ vertical-align: middle; }

.gallery-control-carousel:not(.carousel--kotv) .gallery-control-carousel__slide-media { height: 228px; width: auto; max-width: 333px; }

.gallery-main-carousel { position: relative; padding: 0 35px; padding: 0 10px; }
.gallery-main-carousel.carousel--kotv { background: transparent; }
@media (min-width: 1024px) { .gallery-main-carousel { padding: 0 11.11%; max-width: 80%; margin: 0 auto; }
  .gallery-main-carousel.carousel--kotv { background: transparent; } }

.gallery-main-carousel__container { margin: 0 auto; overflow: hidden; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* Fix of Webkit flickering */ z-index: 1; width: 100%; }
.gallery-carousel:not(.gallery-carousel--kotv) .gallery-main-carousel__container { width: 85%; }
@media screen and (min-width: 1024px) { .gallery-carousel:not(.gallery-carousel--kotv) .gallery-main-carousel__container { width: 100%; } }

.gallery-main-carousel__wrapper { -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; -webkit-transition-property: -webkit-transform, left, top; transition-property: transform, left, top; -webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; transition-timing-function: ease; }

.gallery-main-carousel__slide { width: 100%; height: 100%; float: left; position: relative; background: #fff; }

/* Trying to get locked slide thumbnails to blur,
referencing http://jordanhollinger.com/2014/01/29/css-gaussian-blur-behind-a-translucent-box/ */
/* End snippet */
.gallery-main-carousel__wrap-media { position: relative; }

.gallery-main-carousel__play-button { position: absolute; top: 50%; left: 50%; -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index: 1; }
.touch .gallery-main-carousel__play-button { display: none; }

.gallery-main-carousel__overlay { z-index: 2; }

.gallery-carousel__overlay-img-background { -webkit-filter: blur(2px); filter: blur(2px); background-repeat: no-repeat; background-size: cover; background-position: center; height: 100%; width: 100%; position: absolute; }

.gallery-carousel__overlay-img { height: 100%; width: 100%; position: absolute; z-index: 0; overflow: hidden; }
.gallery-carousel__overlay-img:before { content: ''; display: block; }

.gallery-main-carousel__overlay-msg { text-align: center; position: absolute; width: 100%; top: 50%; left: 50%; z-index: 1; -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

.gallery-main-carousel__overlay-lock { width: 40px; height: 40px; }
@media (min-width: 550px) { .gallery-main-carousel__overlay-lock { width: 75px; height: 75px; } }

.gallery-main-carousel__overlay-headline, .gallery-main-carousel__overlay-description, .gallery-main-carousel__overlay-msg-action-wrap { margin: 3px 0; font-size: 16px; }
@media (min-width: 550px) { .gallery-main-carousel__overlay-headline, .gallery-main-carousel__overlay-description, .gallery-main-carousel__overlay-msg-action-wrap { margin: 10px 0; font-size: 16px; } }

.gallery-main-carousel__overlay-headline { color: #fff; }

.gallery-main-carousel__overlay-description { color: #F7941e; margin-bottom: 22px; }

.gallery-main-carousel__overlay-headline, .gallery-main-carousel__overlay-description { font-size: 14px; font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; text-transform: uppercase; }

.gallery-main-carousel__overlay-msg-action-wrap { text-align: center; font-weight: 200; }

.gallery-main-carousel__overlay-action { min-width: auto; }
@media screen and (min-width: 375px) { .gallery-main-carousel__overlay-action { min-width: 300px; } }
.gallery-main-carousel__overlay-action:before { background: #F27020; }
.light-bg .carousel--kotv .gallery-main-carousel__overlay-action, .mild-bg .carousel--kotv .gallery-main-carousel__overlay-action, .dark-bg .carousel--kotv .gallery-main-carousel__overlay-action, .gallery-carousel .gallery-main-carousel__overlay-action { color: #fff; background: #F7941e; border: none; border-top-width: 0; border-bottom: 10px solid #F27020; }
.light-bg .carousel--kotv .gallery-main-carousel__overlay-action:active, .mild-bg .carousel--kotv .gallery-main-carousel__overlay-action:active, .dark-bg .carousel--kotv .gallery-main-carousel__overlay-action:active, .gallery-carousel .gallery-main-carousel__overlay-action:active { background: #F27020; border-bottom: 0px solid #F27020; border-top: 10px solid rgba(0, 0, 0, 0.2); color: #fff; -webkit-transition: all 0.2 ease 0.2s; transition: all 0.2 ease 0.2s; }
.light-bg .carousel--kotv .gallery-main-carousel__overlay-action:active:hover, .mild-bg .carousel--kotv .gallery-main-carousel__overlay-action:active:hover, .dark-bg .carousel--kotv .gallery-main-carousel__overlay-action:active:hover, .gallery-carousel .gallery-main-carousel__overlay-action:active:hover { border-bottom: 0px solid #F27020; }

.gallery-main-carousel__slide-caption { padding: 36px; position: relative; min-height: 32px; background: #fff; }
@media screen and (max-width: 767px) { .gallery-main-carousel__slide-caption { text-align: center; padding: 20px 10px 0; } }

.gallery-main-carousel__slide-lock-headline { text-transform: capitalize; text-align: center; font-size: 22px; color: #F7941e; margin-bottom: 20px; }

.gallery-main-carousel__slide-lock-headline-image { max-width: 35px; vertical-align: middle; }
@media (min-width: 768px) { .gallery-main-carousel__slide-lock-headline-image { font-size: 28px; max-width: 50px; } }

.gallery-main-carousel__slide-index { font-weight: 300; color: #777777; text-align: center; display: inline-block; width: 100%; text-align: center; margin: 10px 0; }
@media (min-width: 768px) { .gallery-main-carousel__slide-index { position: absolute; width: auto; right: 10px; top: 12px; margin: 0; } }

.gallery-main-carousel__slide-caption-headline { font-size: 22px; font-weight: 300; color: #777777; margin-bottom: 20px; position: relative; }
@media (min-width: 768px) { .gallery-main-carousel__slide-caption-headline { font-size: 28px; } }

.gallery-main-carousel__slide-caption-subheadline { color: #111111; text-align: center; font-weight: 300; font-size: 16px; position: relative; margin: 0 0 10px 0; overflow: hidden; line-height: 1.2em; max-height: 3.5em; width: 100%; }
.gallery-main-carousel__slide-caption-subheadline[aria-expanded="false"]::before { content: '...'; position: absolute; right: 0; bottom: 0; padding: 0; background-color: #ffffff; }
.gallery-main-carousel__slide-link:hover .gallery-main-carousel__slide-caption-subheadline { color: #F7941e; }

.gallery-main-carousel__slide-caption-subheadline-readmore, .gallery-main-carousel__slide-caption-subheadline-close { display: inline-block; text-align: center; }

.gallery-main-carousel__slide-caption-subheadline-readmore .icon-cc-next, .gallery-main-carousel__slide-caption-subheadline-readmore .navigation-bar-slideout__list-item-link--next:before { display: inline-block; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.gallery-main-carousel__slide-caption-subheadline-close .icon-cc-next, .gallery-main-carousel__slide-caption-subheadline-close .navigation-bar-slideout__list-item-link--next:before { display: inline-block; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

.carousel__action-bar { padding: 33px 0; }
.carousel__action-bar ul, .carousel__action-bar a { color: #000; }
.carousel__action-bar .icon-social-share { color: #F7941e; }

.share-controls { margin: 0; }
@media (min-width: 768px) { .share-controls { float: left; } }

.modal-comments-toggle, .share-controls__option, .share-controls__share-toggle { font-size: 12px; text-transform: uppercase; font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }

.share-controls__option { float: right; }

@media (min-width: 768px) { .gallery-main-carousel .section-social-sharing, .modal-comments .section-social-sharing { left: -webkit-calc(100% + 10px); left: calc(100% + 10px); position: absolute; width: 200px; bottom: auto; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 250px; } }

.gallery-main-carousel.carousel--kotv .modal-comments-toggle { display: block; margin-top: 5px; }
@media screen and (min-width: 627px) { .gallery-main-carousel.carousel--kotv .modal-comments-toggle { position: static; float: right; } }

.share-controls__like { margin-right: 50px; }
.gallery-main-carousel.carousel--kotv .share-controls__like { position: absolute; left: 0; }
@media (min-width: 768px) { .gallery-main-carousel.carousel--kotv .share-controls__like { position: static; float: right; } }

.gallery-main-carousel .circle-button { height: 25px; width: 25px; }

.gallery-main-carousel .social-icons { margin: 0; text-align: left; }

.gallery-main-carousel .social-icons li { margin: 0px 3px; }
@media screen and (min-width: 376px) { .social-icons li { margin-top: 7px; } }

/* _________________________________________________________
PROJECT:	Gateway UI Kit
CONTENT:	Section Map
NOTES:		Media-query values are defined in 'mixins.less'
____________________________________________________________ */
/* Map Styles */
#map-wrapper *, #location-wrapper * { -moz-box-sizing: border-box; box-sizing: border-box; }

#map-canvas { width: 100%; height: 355px; margin: 0; padding: 0; }
@media (min-width: 768px) { #map-canvas { height: 500px; } }

.Map.section { background: #fff; }

#map-wrapper { padding: 0; background-color: #f4f4f4; }

#map-wrapper .main { padding-top: 30px; margin-top: 35px; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; }
@media (min-width: 1024px) { #map-wrapper .main { max-width: 54%; } }

#map-wrapper #map-canvas { width: 100%; }

#map-wrapper #field-n-map { width: 100%; float: left; position: relative; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; }

#search-result { width: 35%; float: left; height: 500px; position: relative; background: #fff; }
@media (min-width: 768px) { #search-result { box-shadow: -12px 0 0 0 rgba(0, 0, 0, 0.19); } }
#search-result div.title-wrapper { position: absolute; top: 0; left: 0; }
#search-result div.title-wrapper p.title { font-size: 16px; color: #F7941e; font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }

@media (max-width: 767px) { #map-wrapper .main { padding: 0; }
  #map-wrapper #field-n-map { width: 100% !important; padding: 20px 20px 0; }
  #search-result { width: 100% !important; height: auto; }
  #search-result .title-wrapper { height: auto !important; }
  #search-result #search-result-list { height: auto !important; overflow: visible !important; } }
@media (max-width: 1024px) { #map-wrapper .main { position: relative; } }
@media (max-width: 767px) { #map-wrapper .main { position: relative; padding: 0; } }
#map-wrapper .search-wrapper { padding: 20px; background: #F7941e; min-height: 63px; text-align: center; position: relative; }
#map-wrapper .search-wrapper::before { content: ''; position: absolute; top: 100%; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #e61d2b; z-index: 1; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
#map-wrapper .search-wrapper .search-wrapper__search--container { position: relative; }
@media screen and (min-width: 768px) { #map-wrapper .search-wrapper .search-wrapper__search--container { width: 50%; margin: 0 auto; }
  #map-wrapper .search-wrapper .search-wrapper__search--container #pac-input { width: 100%; } }
#map-wrapper .search-wrapper .close-btn { color: #111111; font-size: 24px; position: absolute; right: 12px; left: auto; top: 50%; margin: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

#location-wrapper .main .headline { max-width: 100%; position: relative; margin-bottom: 10px; width: 100%; text-transform: none; }
@media screen and (max-width: 767px) { #location-wrapper .main .headline { margin: 20px 0; } }
#location-wrapper .main .headline .eventcontrol-btn { color: #777; position: absolute; right: 5px; cursor: pointer; font-size: 25px; bottom: -1px; margin: 0; height: auto; }
#location-wrapper .main .headline .eventcontrol-btn.open:before { content: '+'; font-family: 'cc-go'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-weight: bold; }
#location-wrapper .main .headline .eventcontrol-btn.close:before { content: '\2212'; font-family: 'cc-go'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-weight: bold; }

#map-wrapper .search-wrapper p { color: #fff; font-size: 20px; text-align: center; line-height: 20px; text-transform: none; font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }

#map-wrapper .search-wrapper input[type="text"] { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: 300; font-style: normal; text-transform: none; border: none; background: #fff; padding: 10px; font-size: 20px; color: #777; width: 100%; margin: 0 auto; border: 1px solid #111111; }
@media (max-width: 767px) { #map-wrapper .search-wrapper input[type="text"] { width: 100%; margin: 0 auto; } }

.close-btn:before { content: '\e601'; font-family: 'cc-go'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; }

.map-container { margin-bottom: 35px; }
@media (max-width: 767px) { .map-container { margin-bottom: 0px; } }

.map-marker { max-width: 250px; }
.map-marker .status { color: #F7941e; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: bold; font-style: normal; vertical-align: top; text-align: left; margin: 5px 0; }
.map-marker .date { font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; margin-bottom: 5px; }
.map-marker .date span { display: block; }
.map-marker .description, .map-marker .addr { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: 300; font-style: normal; }
.map-marker .description { margin: 5px 0; }

.map-marker p, .map-marker .share-text { text-align: left; font-size: 12px; color: #111111; line-height: 1.25em; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: 300; font-style: normal; margin-bottom: 0px; }

.map-marker p.title { font-size: 12px; line-height: 14px; font-weight: 700; color: #F7941e; margin-bottom: 5px; }

#search-result .title-wrapper { color: #111111; padding: 8% 8% 0 8%; position: relative; height: 63px; position: absolute; width: 100%; padding: 16px; }
@media (max-width: 767px) { #search-result .title-wrapper { padding: 20px; } }

#search-no-result { padding: 8%; }

#search-result .title-wrapper p.title { text-align: left; font-size: 16px; font-weight: 700; margin: 0; line-height: 18px; }
@media (max-width: 767px) { #search-result .title-wrapper p.title { text-align: center; font-size: 28px; } }

#search-result .title-wrapper .close-btn { float: right; font-weight: bold; cursor: pointer; color: #111111; font-size: 20px; }
#search-result .title-wrapper .close-btn:hover { color: #F7941e; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }

#location-wrapper .main .headline .eventcontrol-btn { float: right; font-weight: bold; cursor: pointer; color: #111111; font-size: 30px; }
#location-wrapper .main .headline .eventcontrol-btn:hover { color: #111111; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }

#search-result #search-result-list { height: 437px; height: 100%; overflow: scroll; overflow-x: hidden; }

#search-result #search-result-list li { padding: 8%; float: left; width: 100%; border-bottom: 1px solid #f4f4f4; }
@media (max-width: 767px) { #search-result #search-result-list li { padding: 8%; } }

#search-result #search-result-list li a { float: left; vertical-align: top; }
#search-result #search-result-list li a img:first-child { float: none; vertical-align: top; display: block; }
#search-result #search-result-list li a img { vertical-align: top; margin-bottom: 7px; }
@media screen and (max-width: 767px) { #search-result #search-result-list li a img { position: absolute; left: 0; }
  #search-result #search-result-list li a .share-icons img { position: static; }
  #search-result #search-result-list li a .branded.map-marker, #search-result #search-result-list li a > div { padding-left: 48px; } }

#search-result #search-result-list li:hover { background: #f4f4f4; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }

#search-result #search-result-list li hr { display: none; }

#search-result #search-result-list li a { color: #111111; font-size: 12px; }
#search-result #search-result-list li a.directionslink { color: #F7941e; margin-top: 5px; }
#search-result #search-result-list li a.directionslink:hover { color: #111111; }

@media (max-width: 767px) { .search-result-list__details { width: 100%; } }

.search-result-list__details--container { display: inline-block; }
.search-result-list__details--container p { text-align: left; font-size: 12px; font-family: 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Arial, sans-serif; }
.search-result-list__details--container .date, .search-result-list__details--container .description, .search-result-list__details--container .addr { line-height: 1.25em; }
.search-result-list__details--container .date, .search-result-list__details--container .title { margin-bottom: 10px; }
.search-result-list__details--container .description, .search-result-list__details--container .date { margin-bottom: 5px; }
.search-result-list__details--container .date { font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }
.search-result-list__details--container .title { font-size: 12px; font-weight: 500; line-height: 14px; }

#search-result #search-result-list li { padding: 20px; }
#search-result #search-result-list li:first-child { padding-top: 48px; }

.search-results-list__status--container .status { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: bold; font-style: normal; vertical-align: top; text-align: left; }
.search-results-list__status--container .status img { width: 35px; height: 35px; display: block; margin-top: 5px; }

#search-result #search-result-list li a div p.title { font-size: 12px; font-weight: 700; line-height: 14px; color: #F7941e; }

#search-result #search-result-list li a div .event-share { text-align: left; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: 300; font-style: normal; }

#search-result .event-share { float: right; width: 100%; display: block; }

/* Share styles */
#search-result .share-text, #location-wrapper .share-text, #map-wrapper .share-text { display: block; color: #F7941e; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: 300; font-style: normal; display: inline-block; }
#search-result .share-icons, #location-wrapper .share-icons, #map-wrapper .share-icons { margin-top: 5px; min-height: 36px; }
#search-result .share-icons a, #location-wrapper .share-icons a, #map-wrapper .share-icons a { float: left; margin-right: 10px; }
#search-result .share-icons a img, #location-wrapper .share-icons a img, #map-wrapper .share-icons a img { width: 38px; height: 38px; position: static; }
#search-result .share-icons a:hover, #location-wrapper .share-icons a:hover, #map-wrapper .share-icons a:hover { opacity: .8; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }

#search-result .share-icons { margin-right: 10px; }

#map-wrapper .map-marker .event-share { margin-top: 10px; }
#map-wrapper .map-marker .share-text { display: block; font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }
#map-wrapper .map-marker .status { color: #111111; }
#map-wrapper .map-marker .status img { display: none; }

/* Event List Styles */
.Location.section { background: #fff; }

#location-wrapper { padding: 0; padding-bottom: 35px; clear: both; background-color: #f4f4f4; }
.mild-bg #location-wrapper, .light-bg #location-wrapper, .dark-bg #location-wrapper { background-color: #f4f4f4; }
#location-wrapper #event-list .event-list__map-link > .event-col:not(.event-status) p:first-child { margin: 5px 10px 5px 0; }

@media (min-width: 768px) { #map-wrapper .main { padding: 0 20px; }
  #location-wrapper .main { max-width: 100%; margin: 0 auto; float: none; left: 0; padding: 0 20px; } }
@media screen and (min-width: 1024px) { #map-wrapper .main { padding: 0; max-width: 968px; } }
@media (max-width: 767px) { #location-wrapper .main { position: relative; margin: 0; padding: 0; } }
#location-wrapper #event-list { overflow: visible; width: auto; }
#location-wrapper #event-list:before, #location-wrapper #event-list:after { content: ''; display: block; clear: both; }
@media screen and (min-width: 1024px) { #location-wrapper #event-list { max-width: 968px; margin: 0 auto; }
  #location-wrapper #event-list li .event-list__map-link { width: 100%; padding: 0 20px; } }
#location-wrapper #event-list li { background: #f4f4f4; border-bottom: 2px solid #fff; padding: 20px 20px 20px 17%; padding: 20px; font-size: 12px; }
@media (min-width: 768px) { #location-wrapper #event-list li { float: left; width: 100%; } }
@media (min-width: 1024px) { #location-wrapper #event-list li { padding: 20px 0; } }
#location-wrapper #event-list li:hover { background: #ffffff; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
#location-wrapper #event-list li .event-list__map-link { position: relative; }
@media (min-width: 1024px) { #location-wrapper #event-list li .event-list__map-link { margin: 0 auto; } }
#location-wrapper #event-list li .event-list__map-link a { display: block; }
#location-wrapper #event-list li .event-list__map-link a:first-child .event-col p { font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; margin: 5px 0; }
#location-wrapper #event-list li .event-list__map-link > a { margin-left: 0; }
@media (min-width: 768px) { #location-wrapper #event-list li .event-list__map-link > a { min-height: 40px; width: 50%; float: left; z-index: 10; }
  #location-wrapper #event-list li .event-list__map-link > a .event-col { width: 46%; } }
#location-wrapper #event-list li .directionslink { clear: left; }
@media (min-width: 768px) { #location-wrapper #event-list li .event-col { float: left; width: 23.5%; border-right: 1px solid #ccc; min-height: 75px; } }
@media (max-width: 767px) { #location-wrapper #event-list li { padding: 20px; }
  #location-wrapper #event-list li a.directionslink { clear: left; } }
#location-wrapper #event-list li p { color: #111111; text-align: left; font-weight: 400; font-size: 12px; margin-bottom: 0px; margin-right: 10px; line-height: 1.25em; }
#location-wrapper #event-list li p.event-col__event-status { color: #111111; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: bold; font-style: normal; text-align: left; vertical-align: top; display: block; margin: 10px 0; }
@media (min-width: 768px) { #location-wrapper #event-list li p.event-col__event-status { margin-top: 0; } }
#location-wrapper #event-list li p.event-col__event-status img { width: 35px; height: 35px; margin-left: 5px; float: right; display: none; }
#location-wrapper #event-list li p.event-col__event-title { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: bold; font-style: normal; font-size: 12px; line-height: 14px; color: #F7941e; margin-bottom: 7px; margin-right: 7px; }

#location-wrapper #event-list .event-col { margin-right: 10px; }
#location-wrapper #event-list .event-col.event-share { margin-right: 0px; }
#location-wrapper #event-list .event-col.event-status { margin-right: 0; }
@media (min-width: 768px) { #location-wrapper #event-list .event-col.event-status { border-right: 0; min-height: 0; } }

#location-wrapper #event-list li .event-share { margin-right: 0; }
#location-wrapper #event-list li .event-share .share-icons a { width: auto; }
@media (min-width: 768px) { #location-wrapper #event-list li .event-share { text-align: left; font-size: 12px; float: none; width: auto; position: relative; } }

#location-wrapper .event-list-paginated { text-align: center; padding: 15px; overflow-wrap: break-word; width: 100%; float: left; background-color: #F7941e; color: #fff; max-width: 968px; margin: 0 auto; }
@media screen and (min-width: 1024px) { #location-wrapper .event-list-paginated { float: none; } }

.directionslink-icon { width: 15px; position: relative; top: 4px; margin-left: 4px; fill: #F7941e; }

.directionslink { font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; color: #F7941e; }

.event-directionslink { margin: 5px 0; line-height: 12px; }

.event-list-paginated__container { display: inline-block; }

.event-list-paginated__buttons { display: inline-block; height: 35px; width: 35px; border-radius: 50%; background: #F7941e; margin: 5px; color: #ffffff; cursor: pointer; float: left; }
.event-list-paginated__buttons:hover { background: #F27020; color: #ffffff; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
.event-list-paginated__buttons.jp-current { background: #ffffff; color: #F7941e; }
.event-list-paginated__buttons.jp-disabled, .event-list-paginated__buttons.jp-disabled:hover { background: none; color: rgba(255, 255, 255, 0.5); }

.event-list-paginated__buttons--icon { display: inline-block; position: absolute; height: 35px; width: 35px; left: 0; top: 15%; font-size: 26px; }

.event-list-paginated__buttons--numbers { display: inline-block; float: left; }
@media screen and (max-width: 480px) { .event-list-paginated__buttons--numbers { display: none; } }

.event-list-paginated__buttons--numbers span { float: left; line-height: 45px; }

.event-list-paginated__buttons--numbers a { height: 35px; width: 35px; line-height: 35px; background: #F7941e; color: #ffffff; border-radius: 50%; cursor: pointer; margin: 5px; float: left; font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }
.event-list-paginated__buttons--numbers a:hover { background: #F27020; color: #ffffff; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
.event-list-paginated__buttons--numbers a.jp-current, .event-list-paginated__buttons--numbers a.jp-current:hover { background: #ffffff; color: #F7941e; }
.event-list-paginated__buttons--numbers a.jp-disabled, .event-list-paginated__buttons--numbers a.jp-disabled:hover { background: rgba(225, 0, 0, 0.4); color: #ffffff; }

.event-list-paginated__pagecount { font-size: 14px; margin-top: 5px; font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }
@media screen and (min-width: 481px) { .event-list-paginated__pagecount { display: none; } }

.icon-cc-first { display: inline-block; }

/* Pagination Styles */
.holder { margin: 15px 0; }

.holder a { font-size: 12px; cursor: pointer; margin: 0 5px; color: #333; }

.holder a:hover { background-color: #222; color: #fff; }

.holder a.jp-previous { margin-right: 15px; }

.holder a.jp-next { margin-left: 15px; }

.holder a.jp-current, a.jp-current:hover, .holder a.jp-disabled, a.jp-disabled:hover { cursor: default; background: none; }

.holder span { margin: 0 5px; }

.jp-hidden { display: none; }

.gm-style-iw { max-width: 470px; overflow: hidden; }
.gm-style-iw .event-share, .gm-style-iw hr { display: none; }
.gm-style-iw .search-result-list__details--container * { margin: 0; font-size: 20px; line-height: 25px; }
.gm-style-iw .search-result-list__details--container p.title { color: #F7941e; }
.gm-style-iw .search-result-list__details--container .date { font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }
.gm-style-iw .search-results-list__status--container .status { margin: 0; font-size: 20px; line-height: 25px; }

.gm-style-iw + div { display: none; }

/* _________________________________________________________
PROJECT:	Gateway UI Kit
CONTENT:	Media Wall 
____________________________________________________________ */
.SocialFeed section { overflow: visible; padding-top: 28px; }
.SocialFeed section .content-header, .SocialFeed section .content-body, .SocialFeed section .content-footer { float: none; padding: 0; width: auto; }
.SocialFeed section .content .content-footer { max-width: 100%; padding: 0 22px 0 5%; margin: 0 auto; }
.SocialFeed section .content .content-author-avatar img { height: 48px; width: 48px; }
.SocialFeed section .content .content-byline .content-source-logo { margin-top: 5px; }
.SocialFeed section .content.content-tweet .content-byline .content-source-logo:hover { color: #55acee; }
.SocialFeed section .content .content-featured { margin: 0 22px 0 4%; }
.SocialFeed section article.content a, .SocialFeed section article.content .content-byline .content-author-name a, .SocialFeed section article.content a.content-author-name { color: #F7941e; }
.SocialFeed section .content.content-default .content-header .content-byline .content-author-username a, .SocialFeed section .lf-single-card .content.content-default .content-header .content-byline .content-author-username a { font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; color: #474747; font-size: 12px; }
.SocialFeed section .content.content-default.content-with-image .content-header .content-author-username a { color: #fff; }
.SocialFeed section .content.content-default .content-footer a { color: #949494 !important; }
.SocialFeed section .content.content-default .content-footer a:hover { hover: #111111; }
.SocialFeed .lf-mosaic-wrap header { background: transparent; float: none; z-index: 1; border-top: none; height: auto; margin-top: 0; }
.SocialFeed .lf-mosaic-wrap .card-container .content-container .content-container-inner .content-body .content-header-inner .user-info .user-name a, .SocialFeed .lf-mosaic-wrap .card-container .content-container .content-container-inner .content-body .content-body-content p a { color: #F7941e !important; }
.SocialFeed .lf-mosaic-wrap .card-container .content-container .content-container-inner .content-body .footer { padding: 0 10px 0 !important; }
.SocialFeed section.section-livefeed { background: #f4f4f4; }
.flex-box .SocialFeed section.section-livefeed { background: transparent; }
.SocialFeed section.section-livefeed .hub-wall-column { 			/*width: 100%;

			@media (min-width: 600px) {
				width: 50%;
			}

			@media (min-width: 768px) {
				width: 33%;
			}

			@media (min-width: 1024px) {
				width: 25%;
			}*/ padding: 0 1vw; }
.SocialFeed section.section-livefeed .hub-wall-column:first-child { padding-left: 2%; }
.SocialFeed section.section-livefeed .hub-wall-column:last-child { padding-right: 2%; }
.SocialFeed section.section-livefeed .hub-list article.content { border: none; margin-bottom: 2vw; }
.SocialFeed section.section-livefeed .hub-list article.content .content-body { font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; color: #474747; }
.SocialFeed section.section-livefeed .hub-list-more { background: #ffffff; border: 3px solid #eaeaea; border-radius: 0px; box-shadow: none; border-bottom: 10px solid #eaeaea; padding: 10px; font-size: 14px; text-transform: uppercase; margin-bottom: 60px; color: #111111; min-width: 300px; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; }
.SocialFeed section.section-livefeed .hub-list-more:before { content: ""; position: absolute; z-index: -1; left: 45%; right: 0; bottom: 6px; background: #eaeaea; height: 30px; width: 30px; border-radius: 100%; -webkit-animation: button-mouseoff-fade 0.5s ease-out; animation: button-mouseoff-fade 0.5s ease-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transform: scale(20); -ms-transform: scale(20); transform: scale(20); opacity: 0; }
.SocialFeed section.section-livefeed .hub-list-more:hover:before { -webkit-animation: button-hover-radial .6s ease-out; animation: button-hover-radial .6s ease-out; opacity: 1; }
.SocialFeed section.section-livefeed .hub-list-more:active { border-bottom-width: 3px; border-top-width: 10px; background: #ffffff; -webkit-transition: all 0.2 ease 0.2s; transition: all 0.2 ease 0.2s; }
.SocialFeed section.section-livefeed .streamhub-wall-component > menu { text-align: center; }
.SocialFeed section.section-livefeed .lf-input-btn { background: #ffffff; border: 3px solid #eaeaea; border-radius: 0px; box-shadow: none; border-bottom: 10px solid #eaeaea; padding: 10px; font-size: 14px; line-height: 14px; height: 45px; text-transform: uppercase; margin-bottom: 28px; color: #111111; min-width: 300px; font-family: 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; }
.SocialFeed section.section-livefeed .lf-input-btn:before { content: ""; position: absolute; z-index: -1; left: 45%; right: 0; bottom: 6px; background: #eaeaea; height: 30px; width: 30px; border-radius: 100%; -webkit-animation: button-mouseoff-fade 0.5s ease-out; animation: button-mouseoff-fade 0.5s ease-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transform: scale(20); -ms-transform: scale(20); transform: scale(20); opacity: 0; }
.SocialFeed section.section-livefeed .lf-input-btn:hover:before { -webkit-animation: button-hover-radial .6s ease-out; animation: button-hover-radial .6s ease-out; opacity: 1; }
.SocialFeed section.section-livefeed .lf-input-btn.disabled { opacity: 1; background-color: #c6c6c6; border-color: #c6c6c6; }
.SocialFeed section.section-livefeed .lf-input-btn:active { border-bottom-width: 3px; border-top-width: 10px; background: #ffffff; -webkit-transition: all 0.2 ease 0.2s; transition: all 0.2 ease 0.2s; }
.SocialFeed section.section-livefeed .content.content-default .content-featured { color: #F7941e; font-family: 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; background: no-repeat url(../images/featured-dot.png); background-size: auto 12px; background-position: 0px; padding-left: 18px; }
.SocialFeed section.section-livefeed .content-default .content-author-avatar img { border-radius: 50%; border: 1px solid #eaeaea; box-shadow: none; }
.SocialFeed section.section-livefeed .content-default.content-with-image .content-header .content-author-avatar img, .SocialFeed section.section-livefeed .content-default.content-with-image .content-header .content-author-avatar img { box-shadow: none; }
.SocialFeed section.section-livefeed .content-default .content-author-username, .SocialFeed section.section-livefeed .content-default .content-author-username a { color: #474747; }
.SocialFeed section.section-livefeed article.content .content-body, .SocialFeed section.section-livefeed .content-default { font-family: 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal; }
.SocialFeed section.section-livefeed .content .content-header .content-header-inner { padding: 10px 22px 0 4%; }
.SocialFeed section.section-livefeed .content-default.content-with-image .content-header .content-author-name a:hover { color: #F7941e; }
.SocialFeed section.section-livefeed strong, .SocialFeed section.section-livefeed a { font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }
.SocialFeed section.section-livefeed .content-body-main p { text-align: left; }
@media (min-width: 768px) { .SocialFeed section.section-livefeed .content-body-main p { text-align: center; } }
.SocialFeed section.section-livefeed a, .SocialFeed section.section-livefeed .content-default a, .SocialFeed section.section-livefeed .content-default .content-byline .content-author-name a, .SocialFeed section.section-livefeed .content.content-default .content-header .content-byline .content-author-name a { color: #F7941e; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.SocialFeed section.section-livefeed a:hover, .SocialFeed section.section-livefeed .content-default a:hover, .SocialFeed section.section-livefeed .content-default .content-byline .content-author-name a:hover, .SocialFeed section.section-livefeed .content.content-default .content-header .content-byline .content-author-name a:hover { color: #111111; font-style: normal; text-decoration: none; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
.SocialFeed section.section-livefeed .content-default.content-with-image .content-header .content-byline .content-author-name a:hover { color: #fff; }
.SocialFeed section.section-livefeed .lf-single-card .content-default.content-with-image .content-header .content-byline .content-author-name a:hover { color: #111111; }
.SocialFeed section.section-livefeed .content-created-at a { color: #eeeeee; }
.SocialFeed section.section-livefeed .content .content-footer .hub-btn { padding: 0 2px; }
.SocialFeed section.section-livefeed .content.content-tweet .hub-btn.hub-content-action-reply > a, .SocialFeed section.section-livefeed .content.content-tweet .hub-btn.hub-content-action-retweet > a, .SocialFeed section.section-livefeed .content.content-tweet .hub-btn.hub-content-action-favorite > a { font-size: 15px; }
.SocialFeed section.section-livefeed .hub-modal.content-author-name a { font-family: 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; }
.SocialFeed section.section-livefeed .hub-list article.content, .SocialFeed section.section-livefeed .content-default.content-with-image .content-header, .SocialFeed section.section-livefeed .content-default.content-with-image .content-attachment .content-attachment-frame, .SocialFeed section.section-livefeed .lf-thread-default.lf-thread-leaf[data-thread-nest-level='0'] > .lf-thread-root-content, .SocialFeed section.section-livefeed .content .content-attachment > img, .SocialFeed section.section-livefeed .content .content-attachment > a > img, .SocialFeed section.section-livefeed .content .content-attachment-photo, .SocialFeed section.section-livefeed .content .content-attachment-video, .SocialFeed section.section-livefeed .content-feed.content-with-image .content-attachment .content-attachment-photo { border: 0; border-radius: 0; box-shadow: none; }
.SocialFeed section.section-livefeed .hub-list article.content { border: 1px solid #eaeaea; }
.SocialFeed section.section-livefeed .lf-single-card .hub-list article.content { background: #fff; border-bottom: 2px solid #eaeaea; }
@media (min-width: 769px) { .SocialFeed section.section-livefeed .lf-single-card .hub-list article.content { border: 1px solid #eaeaea; background: #fafafa; } }
.SocialFeed section.section-livefeed .lf-single-card .content.content-default .content-body p { text-align: left; }
.SocialFeed section.section-livefeed .lf-single-card .content .content-header, .SocialFeed section.section-livefeed .lf-single-card .content .content-body { padding: 10px 4%; }
.SocialFeed section.section-livefeed .lf-single-card .content .content-header { padding-right: 22px; }

.hub-modals .hub-modal { z-index: 10000 !important; }
.hub-modals .hub-modal .hub-modal-input-header { font-family: 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; height: auto; width: 100%; border: none; position: inherit; z-index: auto; overflow: inherit; background: transparent; float: none; }
.hub-modals .hub-modal section { float: none; width: auto; height: auto; padding: 0; }

.flex-grid + .SocialFeed .section-livefeed, .TwoColumn + .SocialFeed .section-livefeed { background: #f4f4f4; padding-top: 0; }
.flex-grid + .SocialFeed .section-livefeed .headline, .TwoColumn + .SocialFeed .section-livefeed .headline { width: 75%; background: #fff; padding-bottom: 20px; }
@media (min-width: 768px) { .flex-grid + .SocialFeed .section-livefeed .headline, .TwoColumn + .SocialFeed .section-livefeed .headline { min-height: 35px; } }

/* new r3 patterns shared style */
/* Base CSS for ARTH-01-B */
@media (min-width: 481px) { .article-header { padding: 35px 0; } }
.article-header { text-align: center; }
.article-header .article-header__main { max-width: 728px; margin: 0 auto; }
.article-header .article-header__title { margin: 20px auto 15px; font-weight: bold; font-size: 25px; color: #F7941e; line-height: 120% !important; }
@media (min-width: 481px) { .article-header .article-header__title { font-size: 40px; } }
.article-header .article-header__author-info-container span[class^='article-'] { display: inline-block; }
.article-header .article-header__avatar-container { margin: 20px auto; }
.article-header .article-header__avatar { display: inline; }
.article-header .article-header__avatar figure { border-radius: 30px; display: inline-block; width: 60px; height: 60px; margin: 0px; background-size: cover; background-position: center; }
.article-header .article-header__category-container { color: #F7941e; }
.article-header .article-header__category-container li, .article-header .article-header__category-container a { font-weight: bold; }
.article-header .article-header__category-container li { font-weight: bold; display: inline-block; }
.article-header .article-header__category-container li:last-child:after { visibility: hidden; }
.article-header .article-header__category-container li:after { margin: 0 3px 0 -4px; content: ", "; }

/* Base CSS for ARTH-01-C */
.seo-title .main { max-width: 728px; margin: 0 auto; left: auto; float: none; }

.seo-title__headline { font-weight: bold; }

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

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

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

.seo-title__headline--small { font-size: 15px; }
@media (min-width: 768px) { .seo-title__headline--small { font-size: 15px; } }

.seo-title__headline--medium { font-size: 26px; }
@media (min-width: 768px) { .seo-title__headline--medium { font-size: 30px; } }

.seo-title__headline--large { font-size: 30px; }
@media (min-width: 768px) { .seo-title__headline--large { font-size: 50px; } }

/* Base CSS for ATHR-01-A */
.art-text-well { max-width: 728px; margin: 10px auto; float: none; text-align: left; }
.dark-bg.has-bg-img .art-text-well p { color: #fff; }

span[class^='author-info-'] { padding: 0 10px 0 5px; border-right: 1px solid #111111; white-space: nowrap; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; }
span[class^='author-info-']:first-of-type { padding-left: 0; }
span[class^='author-info-']:last-of-type { border-right: 0; }
.dark-bg.has-bg-img span[class^='author-info-'] { border-right: 1px solid #fff; }

/* _________________________________________
PROJECT:	Coke UI Kit
CONTENT:	Flexible Nav - Hamburger & Visible Nav
____________________________________________ */
.navigation-bar { -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; font-weight: 600; padding: 0; position: relative; overflow: visible; z-index: 100; }
.navigation-bar *, .navigation-bar *:before, .navigation-bar *:after { -moz-box-sizing: inherit; box-sizing: inherit; }
.navigation-bar a:focus { outline: 1px dotted #ccc; }

.navigation-bar-container { width: 100%; float: left; background-color: #ffffff; border-bottom: 1px solid #f4f4f4; }
@media (min-width: 768px) { .navigation-bar-container { border-bottom: none; } }

.cq-loginreglink { background-color: #fff; border-bottom: 1px solid #f4f4f4; padding: 10px; min-height: 42px; width: 100%; position: relative; z-index: 10; }
@media (min-width: 768px) { .cq-loginreglink { position: absolute; top: 6px; right: 12px; color: #ffffff; width: auto; background-color: transparent; border: none; } }
.cq-loginreglink a { font-weight: 600; }
@media (min-width: 768px) { .no-touch .cq-loginreglink a { color: #ffffff; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  .no-touch .cq-loginreglink a:hover { -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; color: #111111; } }

.navigation-bar__brand-background { height: 70px; background-color: #F7941e; padding: 0; position: relative; z-index: 9; text-align: center; }
@media (min-width: 768px) { .navigation-bar__brand-background { height: 92px; }
  .touch .navigation-bar--visible-nav .navigation-bar__brand-background:after { content: ''; position: absolute; right: 0; width: 120px; height: 44px; margin-bottom: -44px; bottom: 0; display: block; z-index: 3; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(85%, #ffffff)); background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, #ffffff 85%); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 85%); background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 85%); } }
.navigation-bar__brand-background .navigation-bar__brand-background-link { height: 100%; display: inline-block; }
.navigation-bar__brand-background .navigation-bar__brand-background-image { display: inline-block; height: 100%; }

.navigation-bar__menu { background-color: #fff; margin-top: 41px; width: 100%; padding: 15px 0; display: none; border-top: 1px solid #f4f4f4; }
@media (min-width: 768px) { .navigation-bar__menu { position: absolute; visibility: hidden; display: block; margin-top: 41px; -webkit-transition: visibility 0.5s, opacity 0.5s cubic-bezier(0, 1, 0.5, 1); transition: visibility 0.5s, opacity 0.5s cubic-bezier(0, 1, 0.5, 1); z-index: 11; opacity: 0; top: 10px; left: 10px; width: auto; margin-top: 0; padding-top: 40px; border-top: none; }
  .navigation-bar--visible-nav .navigation-bar__menu { position: relative; margin-top: 0; visibility: visible; opacity: 1; left: 0; top: 0; padding: 0; z-index: auto; overflow-x: hidden; overflow-y: auto; } }

.navigation-bar__menu-tray { border-top: 1px solid #f4f4f4; position: relative; width: 100%; display: none; background-color: #ffffff; }

.navigation-bar__menu--open { visibility: visible; }
@media (min-width: 768px) { .navigation-bar__menu--open { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } }

.navigation-bar__list { background-color: #ffffff; clear: both; }
@media (min-width: 768px) { .navigation-bar__list { border-top: 1px solid #f4f4f4; }
  .navigation-bar--visible-nav .navigation-bar__list { border-top: none; padding: 12px 0; position: relative; z-index: 2; }
  .navigation-bar--visible-nav .navigation-bar__list:last-child { border-right: none; }
  .navigation-bar-slideout .navigation-bar__list { border-top: 0; } }

@media (min-width: 768px) { .navigation-bar--visible-nav .navigation-bar__list-item { float: left; }
  .navigation-bar--visible-nav .navigation-bar__list-item:last-child .navigation-bar__list-item-link { border-right: none; }
  .navigation-bar--visible-nav .navigation-bar__list-item.navigation-bar__list-item--subsub { clear: left; } }

@media (min-width: 768px) { .touch .navigation-bar--visible-nav .navigation-bar__list-top { height: 44px; -webkit-overflow-scrolling: auto; overflow-x: auto; } }

.navigation-bar__menu-label { font-weight: 600; font-size: 14px; text-align: left; padding: 8px 20px 10px 20px; border-top: 1px solid #f4f4f4; }

@media (min-width: 768px) { .navigation-bar__list--sub { border-top: none; }
  .navigation-bar--visible-nav .navigation-bar__list--sub { display: none; }
  .navigation-bar__menu-tray .navigation-bar__list--sub { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

@media (min-width: 768px) { .navigation-bar__list--subsub { border-top: none; }
  .navigation-bar--visible-nav .navigation-bar__list--subsub { padding-top: 5px; } }

.navigation-bar__list-item-link { display: inline-block; padding: 5px 20px; font-weight: 600; cursor: pointer; color: #111111; }
.navigation-bar__list-item-link:hover { color: #F7941e; }
.navigation-bar__list-item--sub .navigation-bar__list-item-link { padding-left: 40px; font-weight: 500; }
@media (min-width: 768px) { .navigation-bar--visible-nav .navigation-bar__list-item--sub .navigation-bar__list-item-link { font-weight: 600; font-size: 14px; border-right: none; } }
.navigation-bar__list-item--subsub .navigation-bar__list-item-link { padding-left: 60px; font-weight: 400; }
@media (min-width: 768px) { .navigation-bar--visible-nav .navigation-bar__list-item--subsub .navigation-bar__list-item-link { font-weight: 500; font-size: 14px; border-right: none; padding: 5px 20px 5px 40px; } }
.navigation-bar__list-item--active > .navigation-bar__list-item-link { color: #111111; }
@media (min-width: 768px) { .navigation-bar--visible-nav .navigation-bar__list-item-link { font-weight: 800; font-size: 16px; padding: 0 20px; border-right-width: 2px; border-right-style: solid; border-color: #F7941e; } }

.navigation-bar__menu-toggle-container { background-color: #fff; padding: 10px; vertical-align: middle; float: left; position: relative; width: 30%; z-index: 10; }
@media (min-width: 768px) { .navigation-bar__menu-toggle-container { position: absolute; top: 12px; left: 12px; width: auto; background-color: transparent; border: none; z-index: 12; }
  .navigation-bar--visible-nav .navigation-bar__menu-toggle-container { display: none; } }

.navigation-bar__menu-toggle { display: inline-block; position: relative; }

.navigation-bar__menu-toggle-title { display: inline-block; padding-left: 34px; font-weight: 600; color: #F7941e; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
.no-touch .navigation-bar__menu-toggle:hover .navigation-bar__menu-toggle-title { color: #ffffff; }
@media (min-width: 768px) { .navigation-bar__menu-toggle-title { color: #ffffff; }
  .no-touch .navigation-bar__menu-toggle:hover .navigation-bar__menu-toggle-title { color: #111111; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } }
.navigation-bar__menu-toggle--open .navigation-bar__menu-toggle-title { color: #111111; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

.navigation-bar__menu-toggle-icon { position: absolute; display: inline-block; }
.navigation-bar__menu-toggle-icon .navigation-bar__menu-toggle-svg { fill: #F7941e; }
@media (min-width: 768px) { .navigation-bar__menu-toggle-icon .navigation-bar__menu-toggle-svg { fill: #ffffff; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } }
.navigation-bar__menu-toggle-icon .navigation-bar__menu-toggle-svg-close { display: none; }
@media (min-width: 768px) { .no-touch .navigation-bar__menu-toggle:hover .navigation-bar__menu-toggle-icon .navigation-bar__menu-toggle-svg { fill: #111111; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } }
.navigation-bar__menu-toggle--open .navigation-bar__menu-toggle-icon { /*background-image: url(../images/fancybox_sprite@2x.png);
background-repeat: no-repeat;
border: none;
background-size: 88px 134px;
background-position: 0 -2px;*/ }
.navigation-bar__menu-toggle--open .navigation-bar__menu-toggle-icon:before { display: none; }
.navigation-bar__menu-toggle--open .navigation-bar__menu-toggle-icon .navigation-bar__menu-toggle-svg { display: none; }
.navigation-bar__menu-toggle--open .navigation-bar__menu-toggle-icon .navigation-bar__menu-toggle-svg-close { display: block; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
.navigation-bar__menu-toggle--open .navigation-bar__menu-toggle-icon .navigation-bar__menu-toggle-svg-close path { fill: #111111; }

.navigation-bar__language-options { background-color: #fff; width: 100%; padding: 0; text-align: right; display: none; }
@media (min-width: 768px) { .navigation-bar__language-options { -webkit-transition: visibility 0.5s, opacity 0.5s cubic-bezier(0, 1, 0.5, 1); transition: visibility 0.5s, opacity 0.5s cubic-bezier(0, 1, 0.5, 1); -webkit-transform: none; -ms-transform: none; transform: none; display: block; position: absolute; margin-top: 41px; z-index: 9; opacity: 0; top: 42px; right: 10px; width: auto; margin-top: 0; padding-top: 36px; visibility: hidden; } }

@media (min-width: 768px) { .navigation-bar__language-options-list { border-top: 1px solid #f4f4f4; } }

@media (min-width: 768px) { .navigation-bar__language-options--open { opacity: 1; visibility: visible; } }

.navigation-bar__language-toggle-container { background-color: #fff; padding: 10px; vertical-align: middle; text-align: right; float: right; position: relative; width: 70%; z-index: 10; }
@media (min-width: 768px) { .navigation-bar__language-toggle-container { width: auto; position: absolute; float: none; border: none; top: 40px; right: 12px; background-color: transparent; } }

.navigation-bar__language-toggle { font-weight: 600; }
.navigation-bar__language-toggle:hover { color: #F7941e; }
.navigation-bar__language-toggle:hover:before { border-top-color: #F7941e; }
@media (min-width: 768px) { .touch .navigation-bar__language-toggle { color: #ffffff; }
  .touch .navigation-bar__language-toggle:before { border-top-color: #ffffff; }
  .no-touch .navigation-bar__language-toggle { color: #ffffff; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  .no-touch .navigation-bar__language-toggle:hover { -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; color: #111111; }
  .no-touch .navigation-bar__language-toggle:hover:before { border-top-color: #111111; } }
.navigation-bar__language-toggle:before { content: ''; position: absolute; right: 0; top: 38%; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 6px solid #F7941e; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
@media (min-width: 768px) { .navigation-bar__language-toggle:before { border-top-color: #ffffff; } }
.navigation-bar__language-toggle.navigation-bar__language-toggle--open { color: #111111; }
.navigation-bar__language-toggle.navigation-bar__language-toggle--open:before { border-top: none; border-bottom: 6px solid #111111; }

.navigation-bar__language-toggle-selected { padding: 0 22px 0 28px; display: inline-block; text-align: left; width: 150px; }

.navigation-bar__language-toggle-option { padding: 0 0 0 28px; }
.navigation-bar__list-item .navigation-bar__language-toggle-option { margin-left: 20px; }
@media (min-width: 768px) { .navigation-bar__language-toggle-option { margin-left: 15px; } }

.navigation-bar__language-toggle-icon { display: block; border-radius: 18px; width: 18px; height: 18px; position: absolute; left: 0; top: 50%; margin-top: -9px; border: 1px solid #f4f4f4; background-clip: padding-box; background-color: #fff; background-size: auto 100%; background-position: center center; background-repeat: no-repeat; }

.navigation-bar__language-toggle-active { background-color: #f4f4f4; }

.navigation-bar__language-toggle-option-link { display: inline-block; text-align: left; font-weight: 600; padding-top: 5px; padding-bottom: 5px; padding-right: 10px; width: 160px; position: relative; }
@media (min-width: 768px) { .navigation-bar__language-toggle-option-link { width: 162px; } }

/* _________________________________________
PROJECT:  Coca-Cola UI Kit
CONTENT:  Flexible Nav - Slideout Nav
____________________________________________ */
.brand__coke-light { background-color: #e2e2e2; }

.brand__coke-red { background-color: #e61d2b; }

.brand__coke-life { background-color: #74b865; }

.brand__coke-zero { background-color: #000000; }

.navigation-bar-slideout { overflow: visible; z-index: 1; margin: 0; padding: 0; }
.has-overlay .navigation-bar-slideout { z-index: 0; }

.navigation-bar-slideout__menu { background-color: #fff; bottom: 0; overflow: scroll; overflow-x: hidden; position: fixed; top: 0; left: -80%; width: 80%; z-index: 2; padding-top: 50px; -webkit-transition: all 300ms; transition: all 300ms; }
@media (min-width: 481px) { .navigation-bar-slideout__menu { max-width: 50%; left: -50%; overflow: auto; } }
@media (min-width: 1024px) { .navigation-bar-slideout__menu { max-width: 33%; left: -33%; } }
.navigation-bar-slideout--active .navigation-bar-slideout__menu { -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); }

.navigation-bar-slideout__menu-options--hide { display: none; }

.navigation-bar-slideout__menu-options { margin-top: 20px; }

.navigation-bar-slideout__menu-label { font-size: 12px; color: #999; text-transform: uppercase; padding: 0 20px; }

.navigation-bar-slideout__list-item { text-align: center; position: relative; }
.navigation-bar-slideout__list:first-child .navigation-bar-slideout__list-item { border-bottom: 1px solid #eeeeee; }

.navigation-bar-slideout__list-item--active:before { font-family: 'cc-go'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; content: '\e908'; width: 1em; height: 1em; font-size: 1.5em; display: block; background-color: #eeeeee; border-radius: 1em; position: absolute; left: 10px; top: 50%; margin-top: -.5em; color: #111111; z-index: 1; }

.navigation-bar-slideout__list-item-link, .navigation-bar-slideout__account-options .cq-loginreglink { display: block; color: #111111; padding: 23px 26px; font-size: 20px; line-height: 20px; }
@media (min-width: 720px) { .navigation-bar-slideout__list-item-link, .navigation-bar-slideout__account-options .cq-loginreglink { font-size: -webkit-calc(16px * 1.1); font-size: calc(16px * 1.1); line-height: -webkit-calc(16px * 1.1); line-height: calc(16px * 1.1); } }
.hidden.navigation-bar-slideout__list-item-link, .navigation-bar-slideout__account-options .hidden.cq-loginreglink { display: none; }
.disabled.navigation-bar-slideout__list-item-link, .navigation-bar-slideout__account-options .disabled.cq-loginreglink { background: #f4f4f4; border-top: 1px solid #eeeeee; }
.no-touch .navigation-bar-slideout__list-item-link:hover, .no-touch .navigation-bar-slideout__account-options .cq-loginreglink:hover, .navigation-bar-slideout__account-options .no-touch .cq-loginreglink:hover { background: #f4f4f4; }

.navigation-bar-slideout__list-item-link--next:before { font-family: 'cc-go'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 26px; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.navigation-bar-slideout__language-options .navigation-bar-slideout__list-item { border-bottom: 1px solid #eeeeee; }

.navigation-bar-slideout__account-link { padding: 30px 0; }

.navigation-bar-slideout__menu .social-icons li { margin: 0 3%; }
@media (min-width: 1200px) { .navigation-bar-slideout__menu .social-icons li { margin: 0 5%; } }

.navigation-bar-slideout__menu .circle-button { height: 40px; width: 40px; }
@media (min-width: 1024px) { .navigation-bar-slideout__menu .circle-button { height: 55px; width: 55px; } }

@media (min-width: 481px) { .navigation-bar-slideout .social-share-and-like--small .social-icons, .navigation-bar-slideout .social-share-and-like--large .social-icons { height: auto; } }

.navigation-bar-slideout__menu .social-share-and-like { margin-top: 14px; }

.navigation-bar-slideout__content-container { position: relative; top: 0; right: 0; width: 100%; -webkit-transition: all 300ms; transition: all 300ms; z-index: 1; }
.navigation-bar-slideout--active .navigation-bar-slideout__content-container { opacity: 0; }

.navigation-bar-slideout__content-overlay { display: none; position: absolute; left: 0; width: 100%; height: 100%; z-index: 10001; background: url(../images/cta-button-bg@2x.png) repeat 0 0; background-color: rgba(0, 0, 0, 0.5); background-size: 2px 2px; }
.navigation-bar-slideout--active .navigation-bar-slideout__content-overlay { display: block; position: fixed; z-index: 1; }

.navigation-bar-slideout__main-header { background-color: transparent; position: fixed; margin: 0; padding: 0; border: 0; top: 0; left: 0; width: 100%; overflow: visible; -webkit-transition: top 300ms; transition: top 300ms; }
.navigation-bar-slideout--animate-header .navigation-bar-slideout__main-header { position: fixed; top: -150px; }
.navigation-bar-slideout--animate-onstage .navigation-bar-slideout__main-header { -webkit-transition: top 600ms; transition: top 600ms; }
.navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__main-header { position: absolute; -webkit-transition: none; transition: none; }
.nav-search--active-out .navigation-bar-slideout__main-header { z-index: 10001; }
@media (min-width: 768px) { .nav-search--active-out .navigation-bar-slideout__main-header { z-index: inherit; } }
.janrain-and-overlay .navigation-bar-slideout__main-header { display: none; }

.navigation-bar-slideout__global-menu { padding: 15vw 0 7vw 0; background-color: rgba(234, 234, 234, 0.9); opacity: 0; }
.navigation-bar-slideout--home .navigation-bar-slideout__global-menu { padding: 28px 0; }
@media (min-width: 768px) { .navigation-bar-slideout--home .navigation-bar-slideout__global-menu { padding: 3vw 0px; } }
@media (min-width: 768px) { .navigation-bar-slideout__global-menu { padding: 3vw 0px; } }
.navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__global-menu { background-color: transparent; }
.navigation-bar-slideout--nav-loaded .navigation-bar-slideout__global-menu { opacity: 1; }
.nav-search--active .navigation-bar-slideout__global-menu { background-color: transparent; }
@media (min-width: 768px) { .nav-search--active .navigation-bar-slideout__global-menu { background-color: inherit; } }

.navigation-bar__menu-toggle-icon svg { width: 16px; height: 16px; margin-top: 2px; }

.navigation-bar-slideout__menu-toggle-close { font-size: 35px; position: absolute; top: 10px; right: 10px; color: #111111; }
.no-touch .navigation-bar-slideout__menu-toggle-close { color: #111111; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.no-touch .navigation-bar-slideout__menu-toggle-close:hover { -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; color: #F7941e; }

.navigation-bar-slideout__menu-toggle-title { padding-left: 30px; }

.navigation-bar-slideout__menu-toggle-title, .navigation-bar-slideout__product-toggle-selected { color: #111111; }
.no-touch .navigation-bar-slideout__menu-toggle-title, .no-touch .navigation-bar-slideout__product-toggle-selected { color: #111111; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.no-touch .navigation-bar-slideout__menu-toggle-title:hover, .no-touch .navigation-bar-slideout__product-toggle-selected:hover { -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; color: #111111; }
.navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__menu-toggle-title, .navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__product-toggle-selected { color: #ffffff; }
.no-touch .navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__menu-toggle-title, .no-touch .navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__product-toggle-selected { color: #ffffff; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.no-touch .navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__menu-toggle-title:hover, .no-touch .navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__product-toggle-selected:hover { -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; color: #ffffff; }

.navigation-bar-slideout__global-menu-side { /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ }

.navigation-bar-slideout__global-menu-side--left { float: left; padding-left: 4%; padding-right: 10px; }
@media (min-width: 768px) { .navigation-bar-slideout__global-menu-side--left { padding-left: 8%; width: 100%; } }

.navigation-bar-slideout__global-menu-side--right { float: right; padding-right: 4%; padding-left: 10px; text-align: right; }
@media (min-width: 768px) { .navigation-bar-slideout__global-menu-side--right { padding-right: 8%; } }
.nav-search--active-down .navigation-bar-slideout__global-menu-side--right { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.navigation-bar-slideout__global-menu-list { position: relative; -moz-box-sizing: border-box; box-sizing: border-box; }
.navigation-bar-slideout--interior .navigation-bar-slideout__global-menu-side--left .navigation-bar-slideout__global-menu-list { position: static; }
@media (min-width: 768px) { .navigation-bar-slideout--interior .navigation-bar-slideout__global-menu-side--left .navigation-bar-slideout__global-menu-list { position: relative; } }

.navigation-bar-slideout__global-menu-list-item { display: inline-block; padding: 0 12px; margin: 4px 0; font-size: 12px; white-space: nowrap; cursor: pointer; vertical-align: top; -moz-box-sizing: border-box; box-sizing: border-box; height: 1.5em; }
.navigation-bar-slideout__global-menu-side--left .navigation-bar-slideout__global-menu-list-item:first-child { border-left: 0; padding-left: 4%; }
.navigation-bar-slideout--interior .navigation-bar-slideout__global-menu-side--left .navigation-bar-slideout__global-menu-list-item:first-child { position: static; }
@media (min-width: 768px) { .navigation-bar-slideout--interior .navigation-bar-slideout__global-menu-side--left .navigation-bar-slideout__global-menu-list-item:first-child { padding-left: 69px; position: relative; } }
@media (min-width: 768px) { .navigation-bar-slideout__global-menu-list-item { font-size: 15px; } }
@media (min-width: 768px) { .navigation-bar-slideout__global-menu-list-item { border-right: 1px solid #111111; border-left: 1px solid #111111; } }
@media (min-width: 768px) { .navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__global-menu-list-item { border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; } }
.navigation-bar-slideout__global-menu-side--left .navigation-bar-slideout__global-menu-list-item { border-left: 0; }
.navigation-bar-slideout__global-menu-side--right .navigation-bar-slideout__global-menu-list-item { border-right: 0; }
.nav-search--active .navigation-bar-slideout__global-menu-list-item { opacity: 0; }
@media (min-width: 768px) { .nav-search--active .navigation-bar-slideout__global-menu-list-item { opacity: 1; } }

.navigation-bar-slideout__global-menu-list-login-link { -moz-box-sizing: border-box; box-sizing: border-box; border-right: 0; }
@media (min-width: 768px) { .nav-search--active .navigation-bar-slideout__global-menu-list-login-link { float: left; width: auto; border-right: 1px solid #111111; }
  .nav-search--active .navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__global-menu-list-login-link { border-right: 1px solid #ffffff; } }

.navigation-bar-slideout__global-menu-list--left { float: left; }

.navigation-bar-slideout__global-menu-list--right { float: right; }

.navigation-bar-slideout__global-menu-list-item-home { float: left; }
@media (min-width: 768px) { .navigation-bar-slideout__global-menu-list-item-home { padding-left: 40px; } }

.navigation-bar-slideout__menu-home-container { position: absolute; left: 0; top: 0; width: 100%; padding: 6px 4%; background-color: #eeeeee; opacity: 1; }
@media (min-width: 768px) { .navigation-bar-slideout__menu-home-container { left: 6%; top: auto; width: auto; background-color: transparent; border-right: 1px solid #111111; padding: 0; padding-right: 28px; } }
.navigation-bar-slideout--home .navigation-bar-slideout__menu-home-container { display: none; }

.navigation-bar-slideout__menu-home-text { padding-left: 10px; position: relative; top: 1px; color: #111111; }
@media (min-width: 768px) { .navigation-bar-slideout__menu-home-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } }

.navigation-bar-slideout__menu-home-icon { float: left; width: 18px; height: 20px; }

.navigation-bar-slideout__menu-home-icon-svg { display: none; }
@media (min-width: 768px) { .navigation-bar-slideout__menu-home-icon-svg { position: static; display: inline; } }

.navigation-bar-slideout__menu-back-icon-svg { position: absolute; fill: #111111; }
@media (min-width: 768px) { .navigation-bar-slideout__menu-back-icon-svg { display: none; } }

.navigation-bar-slideout__menu-home-icon-path { stroke: #111111; fill: transparent; }

.navigation-bar-slideout__global-menu .navigation-bar__menu-toggle-svg { fill: #111111; }
.navigation-bar-slideout--pinned-onstage .navigation-bar__menu-toggle-svg { fill: #ffffff; }

@media (min-width: 768px) { .navigation-bar-slideout__menu-home { position: relative; top: 2px; } }

.cq-loginreglink { text-align: left; white-space: normal; }
.navigation-bar-slideout__menu .cq-loginreglink { position: static; border: 0; width: -webkit-calc(100% - 28px); width: calc(100% - 28px); }
.navigation-bar-slideout__menu .cq-loginreglink a { font-weight: normal; color: #111111; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.navigation-bar-slideout__menu .cq-loginreglink a:hover { -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; color: #111111; }
.no-touch .navigation-bar-slideout__menu .cq-loginreglink a { color: #111111; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.no-touch .navigation-bar-slideout__menu .cq-loginreglink a:hover { -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; color: #111111; }
@media (min-width: 768px) { .no-touch .navigation-bar-slideout__menu .cq-loginreglink a { color: #111111; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  .no-touch .navigation-bar-slideout__menu .cq-loginreglink a:hover { -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; color: #111111; } }
.navigation-bar-slideout__global-menu-list-item .cq-loginreglink { padding: 0; position: static; min-height: 0; background-color: transparent; border: 0; display: inline-block; }
@media (min-width: 768px) { .navigation-bar-slideout__global-menu-list-item .cq-loginreglink { margin-right: 22px; } }
.navigation-bar-slideout__global-menu-list-item .cq-loginreglink a { font-weight: normal; color: #111111; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.navigation-bar-slideout__global-menu-list-item .cq-loginreglink a:hover { -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; color: #111111; }
.no-touch .navigation-bar-slideout__global-menu-list-item .cq-loginreglink a { color: #111111; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.no-touch .navigation-bar-slideout__global-menu-list-item .cq-loginreglink a:hover { -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; color: #111111; }
@media (min-width: 768px) { .no-touch .navigation-bar-slideout__global-menu-list-item .cq-loginreglink a { color: #111111; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  .no-touch .navigation-bar-slideout__global-menu-list-item .cq-loginreglink a:hover { -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; color: #111111; } }
.navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__global-menu-list-item .cq-loginreglink a { color: #ffffff; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__global-menu-list-item .cq-loginreglink a:hover { -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; color: #ffffff; }
.no-touch .navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__global-menu-list-item .cq-loginreglink a { color: #ffffff; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.no-touch .navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__global-menu-list-item .cq-loginreglink a:hover { -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; color: #ffffff; }
@media (min-width: 768px) { .no-touch .navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__global-menu-list-item .cq-loginreglink a { color: #ffffff; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  .no-touch .navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__global-menu-list-item .cq-loginreglink a:hover { -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; color: #ffffff; } }
@media (min-width: 768px) { .nav-search--active .navigation-bar-slideout__global-menu-list-item .cq-loginreglink { display: none; } }

.navigation-bar-slideout__global-menu-list-item .navigation-bar-slideout__menu-user-icon { width: 28px; height: 20px; float: left; text-align: center; position: relative; top: 2px; display: inline-block; }

.navigation-bar-slideout__menu-user-icon .navigation-bar-slideout__menu-user-icon-svg { top: -4px; left: 0; position: absolute; border: 1px solid #111111; border-radius: 100%; padding: 3px; }
.navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__menu-user-icon .navigation-bar-slideout__menu-user-icon-svg { border-color: #ffffff; }

.navigation-bar-slideout__menu-user-icon-svg-path { fill: #111111; }
.navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__menu-user-icon-svg-path { fill: #ffffff; }

.navigation-bar-slideout--pinned-onstage .nav-search-button { background-image: url(../images/btn-search-white@x2.png); }
.nav-search--active .nav-search-button { cursor: default; }

.navigation-bar-slideout .twitter-typeahead { width: 100%; position: absolute; left: 0; }

.navigation-bar-slideout__global-menu-list-item-search { position: absolute; right: 0; top: 0; -moz-box-sizing: border-box; box-sizing: border-box; }
.navigation-bar-slideout__global-menu-list-item-search *, .navigation-bar-slideout__global-menu-list-item-search *:before, .navigation-bar-slideout__global-menu-list-item-search *:after { -moz-box-sizing: border-box; box-sizing: border-box; }
.nav-search--active .navigation-bar-slideout__global-menu-list-item-search { border: 0; opacity: 1; }
.navigation-bar-slideout__global-menu-list-item-search:before { content: ''; display: none; }
.nav-search--active .navigation-bar-slideout__global-menu-list-item-search:before { display: block; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; background: url(../images/cta-button-bg@2x.png) repeat 0 0; background-color: rgba(0, 0, 0, 0.5); background-size: 2px 2px; }
@media (min-width: 768px) { .nav-search--active .navigation-bar-slideout__global-menu-list-item-search:before { display: none; } }

.navigation-bar-slideout .nav-search-input-container { position: fixed; background-color: #fff; height: 100%; right: -100%; width: auto; padding: 20px; display: block; z-index: 1; top: 0; -webkit-transition: right 0.2s ease-in-out; /* Safari and Chrome */ /* Firefox 4 */ /* Opera */ transition: right 0.2s ease-in-out; }
.nav-search--active-out .navigation-bar-slideout .nav-search-input-container { right: 0; width: 80%; }
@media (min-width: 481px) { .nav-search--active-out .navigation-bar-slideout .nav-search-input-container { width: 50%; } }
@media (min-width: 768px) { .navigation-bar-slideout .nav-search-input-container { right: auto; left: auto; background-color: transparent; display: inline-block; position: relative; padding: 0; width: 0; -webkit-transition: width 0.2s ease-in-out; /* Safari and Chrome */ /* Firefox 4 */ /* Opera */ transition: width 0.2s ease-in-out; } }

.nav-search-input-field { position: absolute; width: -webkit-calc(100% - 110px); width: calc(100% - 110px); left: 55px; }
.nav-search-input-field:before { content: ''; width: 20px; height: 20px; border: 0; padding: 0; display: inline-block; vertical-align: middle; position: absolute; top: 1px; left: -30px; margin-right: 5px; background-repeat: no-repeat; background-color: transparent; background-image: url(../images/btn-search-black@x2.png); background-size: 20px 20px; background-position: 50% 50%; }
@media (min-width: 768px) { .nav-search-input-field { width: -webkit-calc(100% - 42px); width: calc(100% - 42px); left: 12px; }
  .nav-search-input-field:before { display: none; } }

.navigation-bar-slideout .nav-search-input { border: 1px solid #111111; width: 100%; }
@media (min-width: 768px) { .navigation-bar-slideout .nav-search-input { border: inherit; } }

.navigation-bar-slideout .nav-search-do-search-button { display: none; }
.nav-search--active .navigation-bar-slideout .nav-search-do-search-button { display: inline-block; }

.navigation-bar-slideout .nav-search-close-button { color: #111111; top: -7px; width: 35px; height: 35px; }
.no-touch .navigation-bar-slideout .nav-search-close-button { color: #111111; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.no-touch .navigation-bar-slideout .nav-search-close-button:hover { -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; color: #F7941e; }
.navigation-bar-slideout .nav-search-close-button:before { font-size: 35px; }
@media (min-width: 768px) { .navigation-bar-slideout .nav-search-close-button { border: inherit; top: auto; width: 20px; height: 20px; color: #111111; }
  .navigation-bar-slideout .nav-search-close-button:before { font-size: 24px; }
  .no-touch .navigation-bar-slideout .nav-search-close-button { color: #111111; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  .no-touch .navigation-bar-slideout .nav-search-close-button:hover { -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; color: #111111; } }
@media (min-width: 768px) { .navigation-bar-slideout.navigation-bar-slideout--pinned-onstage .nav-search-close-button { color: #ffffff; }
  .no-touch .navigation-bar-slideout.navigation-bar-slideout--pinned-onstage .nav-search-close-button { color: #ffffff; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  .no-touch .navigation-bar-slideout.navigation-bar-slideout--pinned-onstage .nav-search-close-button:hover { -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; color: #ffffff; } }

.navigation-bar-slideout__product-toggle-container { text-align: center; }

.navigation-bar-slideout__product-toggle-selected .icon-cc-next, .navigation-bar-slideout__product-toggle-selected .navigation-bar-slideout__list-item-link--next:before { display: inline-block; margin-left: 8px; font-size: 12px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.navigation-bar-slideout__product-container--open .icon-cc-next, .navigation-bar-slideout__product-container--open .navigation-bar-slideout__list-item-link--next:before { -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); }

@media (min-width: 768px) { .no-touch .navigation-bar-slideout__product-toggle { color: #111111; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  .no-touch .navigation-bar-slideout__product-toggle:hover { -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; color: #111111; } }
@media (min-width: 768px) { .no-touch .navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__product-toggle { color: #ffffff; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  .no-touch .navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__product-toggle:hover { -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; color: #ffffff; } }

.navigation-bar-slideout__product-toggle-indicator { display: inline-block; width: 1em; height: 1em; margin-right: 6px; border-radius: 1em; vertical-align: -2px; border: 1px solid #eeeeee; }

.navigation-bar-slideout__product-container { position: relative; }

.navigation-bar-slideout__product-options { display: none; position: absolute; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); padding-top: 16px; }
.navigation-bar-slideout__product-options:before { content: ''; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; display: block; position: absolute; top: 8px; left: 50%; margin-left: -4px; }

.navigation-bar-slideout__product-options-list { text-align: center; }
.navigation-bar-slideout__menu .navigation-bar-slideout__product-options-list { margin: 20px 0; }

.navigation-bar-slideout__product-option-list-item { position: relative; min-height: 48px; /*                    &:after { content:''; height: 48px; width: 26px; position: absolute; z-index: 1; background-color: rgba(0,0,0,.1); left: 0; top: 0; }*/ }

.navigation-bar-slideout__product-option-list-item--active:before { font-family: 'cc-go'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; content: '\e908'; width: 1em; height: 1em; font-size: 1.5em; display: block; background-color: rgba(0, 0, 0, 0.3); border-radius: 1em; position: absolute; left: 10px; top: 50%; margin-top: -.5em; z-index: 2; }
.navigation-bar-slideout__product-options .navigation-bar-slideout__product-option-list-item--active:before { width: 16px; height: 16px; border-radius: 16px; left: 5px; top: 50%; font-size: 16px; font-weight: bold; background-color: rgba(0, 0, 0, 0.3); }

.navigation-bar-slideout__product-toggle-option-text { padding: 5px 40px; white-space: normal; display: inline-block; text-align: left; margin: 0.6em 0; min-width: 80%; line-height: 1.25em; }
@media (min-width: 768px) { .navigation-bar-slideout__product-toggle-option-text { padding: 5px 35px; min-width: 110px; } }

.navigation-bar-slideout__product-toggle-option { width: 100%; min-width: 180px; }

.navigation-bar-slideout__product-toggle-option-image { vertical-align: bottom; height: 48px; }

.navigation-bar-slideout__brand { position: fixed; top: 12px; text-align: center; z-index: 10000; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.navigation-bar-slideout--interior .navigation-bar-slideout__brand { width: 22vw; top: 44px; }
@media (min-width: 768px) { .navigation-bar-slideout--interior .navigation-bar-slideout__brand { top: 12px; width: 9vw; } }
.nav-search--active .navigation-bar-slideout__brand { opacity: 0; }
@media (min-width: 768px) { .nav-search--active .navigation-bar-slideout__brand { opacity: 1; } }

.navigation-bar-slideout__brand-image { display: inline-block; height: 126px; opacity: 0; }
@media (min-width: 768px) { .navigation-bar-slideout--animate-onstage .navigation-bar-slideout__brand-image { height: 254px; } }
.navigation-bar-slideout--nav-loaded .navigation-bar-slideout__brand-image { opacity: 1; }
.navigation-bar-slideout--interior .navigation-bar-slideout__brand-image { width: 100%; height: auto; }

.has-navigation-bar-slideout { -webkit-transition: left 300ms; transition: left 300ms; left: 0; }

.navigation-bar-slideout__content-spacer { display: none; width: 100%; }

.has-navigation-bar-slideout #main-content { -webkit-transition: all 300ms; transition: all 300ms; width: 100%; position: relative; z-index: 0; }
.navigation-bar-slideout--active #main-content { width: 100%; overflow: hidden; -ms-transform: translateX(80%); -webkit-transform: translateX(80%); transform: translateX(80%); }
@media (min-width: 481px) { .navigation-bar-slideout--active #main-content { -ms-transform: translateX(50%); -webkit-transform: translateX(50%); transform: translateX(50%); } }
@media (min-width: 1024px) { .navigation-bar-slideout--active #main-content { -ms-transform: translateX(33%); -webkit-transform: translateX(33%); transform: translateX(33%); } }
#main-content .nav-search-dir--out, .nav-search-dir--down #main-content { -webkit-transition: all 300ms; transition: all 300ms; width: 100%; position: relative; z-index: 0; }
.nav-search--active #main-content { width: 100%; overflow: hidden; -ms-transform: translateX(-80%); -webkit-transform: translateX(-80%); transform: translateX(-80%); }
@media (min-width: 481px) { .nav-search--active #main-content { -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } }
@media (min-width: 768px) { .nav-search--active #main-content { -ms-transform: none; -webkit-transform: none; transform: none; } }

.has-navigation-bar-slideout .scroll-container { width: 100%; height: 100%; overflow-x: hidden; overflow-y: scroll; position: relative; padding: 0 10px 10px 10px; }
.has-navigation-bar-slideout.janrain-modal--open .scroll-container { height: auto; position: fixed; }
.has-navigation-bar-slideout.navigation-bar-slideout--active .scroll-container { overflow: hidden; }

body.has-navigation-bar-slideout { padding: 0; }

/* Base CSS for HEDI-02-A */
section.subpage-header { padding-top: 0px; }

.subpage-header .headline { padding-top: 35px; font-size: 30px; }

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

.subpage-header__image { width: 100%; max-width: 100%; bottom: 0px; vertical-align: bottom; }

.subpage-header__text-container { width: 88%; margin: 0 auto; margin-top: -16vw; position: relative; background: #fff; }
.light-bg .subpage-header__text-container { background: #fff; }
.mild-bg .subpage-header__text-container { background: #eeeeee; }
.dark-bg .subpage-header__text-container { background: #474747; }
@media (min-width: 481px) { .subpage-header__text-container { margin-top: -9vw; } }

.subpage-header__color-bar { float: left; width: 100%; height: 2vw; }
@media (min-width: 1024px) { .subpage-header__color-bar { height: 3vw; } }

/*============================
Text Containers
==============================*/
.subpage-header__text-block { max-width: 90%; margin: 0 auto; display: inline-block; }

/*============================
Text Styles
==============================*/
.has-bg-img.dark-bg .subpage-header__text-block { color: #fff; }

.subpage-header__text-block h1, .subpage-header__text-block h2 { margin: 20px 0; }

.subpage-header__text-block h3, .subpage-header__text-block h4 { margin: 10px 0; }
.has-bg-img.dark-bg .subpage-header__text-block h3, .has-bg-img.dark-bg .subpage-header__text-block h4 { color: #fff; }

.has-bg-img.dark-bg .subpage-header__text-block h5, .has-bg-img.dark-bg .subpage-header__text-block h6 { color: #fff; }

.seo-title__headline { font-weight: bold; }
.has-bg-img.dark-bg .seo-title__headline { color: #fff; }

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

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

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

.seo-title__headline--small { font-size: 15px; }
@media (min-width: 768px) { .seo-title__headline--small { font-size: 15px; } }

.seo-title__headline--medium { font-size: 26px; }
@media (min-width: 768px) { .seo-title__headline--medium { font-size: 30px; } }

.seo-title__headline--large { font-size: 30px; }
@media (min-width: 768px) { .seo-title__headline--large { font-size: 50px; } }

.subpage-header__text-block p { text-align: center; font-size: 16px; line-height: 1.5em; }

.subpage-header__text-block li { list-style-position: inside; }

.subpage-header__text-block ul li { list-style-type: disc; }

.subpage-header__text-block ol li { list-style-type: decimal; }

.has-bg-img.dark-bg .subpage-header__text-block a:hover { color: #fff; }

/* This is the kopl-scll-03-a base css */
/* Container Styles */
.section-social-sharing { padding: 0; }

@media (min-width: 768px) { .section-social-sharing .main { width: 728px; margin: 0 auto; left: 0; float: none; overflow: hidden; } }

.social-share-and-like { text-align: center; margin: 10px 5px; }
.social-share-and-like * { -moz-box-sizing: border-box; box-sizing: border-box; }

.social-share-and-like--right { float: none; }
@media (min-width: 768px) { .social-share-and-like--right { float: right; } }

/* ===============================
Alignment Options
1. on mobile all options center align
2. with class .social-share-and-like--left, all content left aligns
3. with class .social-share-and-like--right, all content right aligns
4. with class .social-share-and-like--center, all content center aligns (default behavior)
================================== */
.social-share-container { float: none; /* [1] */ margin: 0 auto; /* [1] */ }
@media (min-width: 768px) { .social-share-and-like--left .social-share-container { max-width: 370px; float: left; /* [2] */ }
  .social-share-and-like--right .social-share-container { max-width: 370px; float: right; /* [3] */ }
  .social-share-and-like--center .social-share-container { float: none; /* [4] */ } }

/* Headline Styles */
.social-share-and-like .headline { margin: 0 auto; margin-bottom: 15px; font-size: 20px; text-align: center; width: auto; max-width: 320px; }
.social-share-and-like--left .headline, .social-share-and-like--right .headline { float: none; }
@media (min-width: 768px) { .social-share-and-like--left .headline, .social-share-and-like--right .headline { text-align: right; float: left; margin-right: 15px; } }
@media (min-width: 768px) { .social-share-and-like--small .headline { font-size: 20px; } }
@media (min-width: 768px) { .social-share-and-like--large .headline { font-size: 30px; margin-bottom: 20px; } }

/* ===============================
Icon Sizes
There are two icon sizes:
1. Small (default)
2. Large
3. On mobile, all icons are the small size
================================== */
.social-icons a:focus { outline: 1px dotted #ccc; }
.social-share-and-like--left .social-icons, .social-share-and-like--right .social-icons { float: none; margin: 0; }
@media (min-width: 768px) { .social-share-and-like--left .social-icons, .social-share-and-like--right .social-icons { float: left; margin: 0; } }
.social-share-and-like--small .social-icons, .social-share-and-like--large .social-icons { height: auto; }

.social-icons li { display: inline-block; margin: 0 3px; margin-bottom: 15px; }
.social-icons li.hide-content { display: inline-block; }
@media (min-width: 768px) { .social-icons li.hide-content { display: none; } }
.social-share-and-like--large .social-icons li { margin-bottom: 20px; }

.circle-button { display: block; width: 36px; /* [1] */ height: 36px; /* [1] */ border-radius: 50%; /* ===============================
Icon Styles
There are different background colors on the icon circles,
depending on the background color:
1. White background = gray circles, dark gray hover
2. Light gray background = white circles, dark gray hover
3. Dark gray background = white circles, light gray hover
================================== */ }
.social-share-and-like--small .circle-button { height: 36px; /* [1] */ width: 36px; /* [1] */ }
@media (min-width: 768px) { .social-share-and-like--large .circle-button { height: 55px; /* [2] */ width: 55px; /* [2] */ } }
.light-bg .circle-button { background: #eeeeee; /* [1] */ }
.light-bg .circle-button:hover { background: #474747; /* [1] */ }
.mild-bg .circle-button { background: #fff; /* [2] */ }
.mild-bg .circle-button:hover { background: #474747; /* [2] */ }
.dark-bg .circle-button { background: #fff; /* [3] */ }
.dark-bg .circle-button:hover { background: #eeeeee; /* [3] */ }

.social-icon { position: absolute; top: 50%; left: 50%; display: block; height: 50%; width: 50%; margin-left: -25%; margin-top: -25%; }
.navigation-bar-slideout__menu .social-icon { height: 100%; width: 100%; margin-left: 0; margin-top: 0; left: 0; top: 0; }

/* ===============================
Styles for Permalink URL
1. default behavior - permalink should center align
2. if container is --left - permalink should left align
3. if container is --right - permalink should right align
================================== */
.share-and-like__permalink-container { display: inline-block; }
.social-share-and-like--left .share-and-like__permalink-container, .social-share-and-like--right .share-and-like__permalink-container { float: left; }

.share-link__permalink-link { margin: 0 auto; width: 200px; text-align: center; background-color: #eeeeee; border: 0; padding: 10px; }
.share-link__permalink-link:focus { outline: 1px dotted #ccc; }
.mild-bg .share-link__permalink-link, .dark-bg .share-link__permalink-link { background-color: #fff; }
.social-share-and-like--left .share-link__permalink-link { clear: left; /* [2] */ }
@media (min-width: 768px) { .social-share-and-like--left .share-link__permalink-link { float: left; /* [2] */ } }
@media (min-width: 768px) { .social-share-and-like--right .share-link__permalink-link { float: left; /* [3] */ } }
.social-share-container:first-child .share-link__permalink-link, .share-and-like__permalink-container:first-child .share-link__permalink-link { margin-top: 0; }

/* ===============================
Permalink Copy Button
Uses clipboard.js
1. default "copy" button
2. success message/success button state
================================== */
/* [1] */
.share-link__permalink-copy-btn { border: none; background: #F7941e; color: #ffffff; padding: 10px; cursor: pointer; height: 33px; border-width: 0; -webkit-transition: background-color 0.3s linear; transition: background-color 0.3s linear; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .share-link__permalink-copy-btn { height: 36px; line-height: 13px; } }
.share-link__permalink-copy-btn:focus { outline: 1px dotted #ccc; }
.share-link__permalink-copy-btn:hover { background: #111111; }
.share-link__permalink-copy-btn.share-link__permalink-copy--success { background: #111111; /* [2] */ }
.social-share-and-like--center .share-link__permalink-copy-btn { float: none; }
@media (min-width: 768px) { .social-share-and-like--left .share-link__permalink-copy-btn, .social-share-and-like--right .share-link__permalink-copy-btn { float: left; margin-left: 5px; } }

.share-link__permalink-copy--success .share-link__permalink-copy--default { display: none; }

/* [2] */
.share-link__permalink-copy--clicked { display: none; }
.share-link__permalink-copy--success .share-link__permalink-copy--clicked { display: block; }

.items-left { text-align: center; }
.dark-bg.has-bg-img .items-left { color: #fff; }

.items-filtering { text-align: center; margin-bottom: 20px; }
.items-filtering span, .items-filtering label { margin-right: 5px; font-weight: bold; font-size: 14px; }
.dark-bg.has-bg-img .items-filtering span, .dark-bg.has-bg-img .items-filtering label { color: #fff; }
.items-filtering select { padding: 10px 25px 10px 10px; background-color: #eee; border: 2px solid #9c9c9c; background-image: url("../images/downselectarrow.png"); background-repeat: none; }
.dark-bg .items-filtering select, .mild-bg .items-filtering select { background-color: #fff; }
.items-filtering select option { width: auto; padding: 0; margin: 0; }

.multi-columns { width: 100%; margin: 0 auto; }
.multi-columns .plus-shelf-wrap a { margin-top: 30px; }
.multi-columns .item div.no-hover { cursor: default; }
.multi-columns .item a { cursor: pointer; }
.multi-columns .item div.no-hover, .multi-columns .item a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; margin: 0 auto; }
.multi-columns .item div.no-hover .inset-border, .multi-columns .item a .inset-border { min-height: 50px; background-color: #666; }
.multi-columns .item div.no-hover:hover, .multi-columns .item a:hover { background: none; }
.multi-columns .item div.no-hover .bar-no-img, .multi-columns .item a .bar-no-img { position: relative; }
.multi-columns .item div.no-hover img.item-image, .multi-columns .item a img.item-image { width: 100%; height: 100%; }
.multi-columns .item div.no-hover img.video-bg-image, .multi-columns .item a img.video-bg-image { width: 100%; height: 100%; opacity: 0; float: none; }
.multi-columns .item div.no-hover iframe, .multi-columns .item a iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.multi-columns .item div.no-hover .item-txt, .multi-columns .item a .item-txt { display: block; padding: 0 15px; padding-bottom: 5px; margin: 0; float: none; }
.multi-columns .item div.no-hover .item-txt .source, .multi-columns .item a .item-txt .source { font-weight: bold; font-size: 10px; color: #4c4c4c; line-height: 11px; display: inline-block; padding-top: 7px; }
.multi-columns .item div.no-hover .item-txt h3, .multi-columns .item a .item-txt h3 { margin: 5px 0px; font-size: 18px; font-weight: bold; color: #111111; }
.dark-bg.has-bg-img .multi-columns .item div.no-hover .item-txt h3, .dark-bg.has-bg-img .multi-columns .item a .item-txt h3 { color: #111111; }
.multi-columns .item div.no-hover .item-txt p, .multi-columns .item a .item-txt p { margin: 5px 0px; font-size: 16px; color: #111111; }
.dark-bg.has-bg-img .multi-columns .item div.no-hover .item-txt p, .dark-bg.has-bg-img .multi-columns .item a .item-txt p { color: #111111; }
.multi-columns .item a:hover .item-txt h1, .multi-columns .item a:hover .item-txt h2, .multi-columns .item a:hover .item-txt h3, .multi-columns .item a:hover .item-txt h4, .multi-columns .item a:hover .item-txt h5, .multi-columns .item a:hover .item-txt h6, .multi-columns .item a:hover .item-txt p, .multi-columns .item a:hover .item-txt .source { color: #F7941e; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.multi-columns .item a:hover .item-txt p { color: #111111; }
.light-bg .multi-columns .item a:hover .item-txt, .mild-bg .multi-columns .item a:hover .item-txt, .dark-bg .multi-columns .item a:hover .item-txt { background: none; }
.multi-columns .item a:hover .bar { background: #F7941e; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.light-bg .multi-columns .item { background: #eee; }
.dark-bg .multi-columns .item, .mild-bg .multi-columns .item { background: #fff; }
.multi-columns.on-2 .item { width: 49%; margin: 0 0.5% 10px; }
@media screen and (max-width: 480px) { .multi-columns.on-2 .item { width: 94%; margin: 0 3% 10px; } }
.multi-columns.on-3 .item { width: 32%; margin: 0 0.5% 10px; }
@media screen and (max-width: 768px) { .multi-columns.on-3 .item { width: 49%; margin: 0 0.5% 10px; } }
@media screen and (max-width: 480px) { .multi-columns.on-3 .item { width: 94%; margin: 0 3% 10px; } }
.multi-columns.on-4 .item { width: 24%; margin: 0 0.5% 10px; }
@media screen and (max-width: 768px) { .multi-columns.on-4 .item { width: 49%; margin: 0 0.5% 10px; } }
@media screen and (max-width: 480px) { .multi-columns.on-4 .item { width: 94%; margin: 0 3% 10px; } }
.multi-columns.on-5 .item { width: 19%; margin: 0 0.5% 10px; }
@media screen and (max-width: 1024px) { .multi-columns.on-5 .item { width: 24%; margin: 0 0.5% 10px; } }
@media screen and (max-width: 768px) { .multi-columns.on-5 .item { width: 49%; margin: 0 0.5% 10px; } }
@media screen and (max-width: 480px) { .multi-columns.on-5 .item { width: 94%; margin: 0 3% 10px; } }
.multi-columns .btn, .multi-columns .gallery-main-carousel__overlay-action { font-weight: bold; }
.light-bg .multi-columns .btn, .light-bg .multi-columns .gallery-main-carousel__overlay-action { background: #eee; }
.dark-bg .multi-columns .btn, .dark-bg .multi-columns .gallery-main-carousel__overlay-action, .mild-bg .multi-columns .btn, .mild-bg .multi-columns .gallery-main-carousel__overlay-action { background: #fff; }
.multi-columns a:focus, .multi-columns select:focus { outline: 1px dotted #ccc; }

.section-grid-4-col.has-bg-img.dark-bg .headline { color: #fff; }

.section-grid-4-col a:focus, .section-grid-4-col select:focus { outline: 1px dotted #ccc; }

/*===================
Button
===================*/
.light-bg .multi-columns .item__type, .light-bg .multi-columns .item__button { background: #fff; }
.light-bg .multi-columns .item__type:hover, .light-bg .multi-columns .item__button:hover { background: #fff; }
.mild-bg .multi-columns .item__type, .mild-bg .multi-columns .item__button { background: #eeeeee; }
.mild-bg .multi-columns .item__type:hover, .mild-bg .multi-columns .item__button:hover { background: #eeeeee; }
.dark-bg .multi-columns .item__type, .dark-bg .multi-columns .item__button { background: #474747; }
.dark-bg .multi-columns .item__type:hover, .dark-bg .multi-columns .item__button:hover { background: #474747; }

.multi-columns .item .item__button { width: auto; display: inline-block; margin-bottom: 10px; margin-top: 10px; }

.SocialFeed section.section-livefeed.light-bg .hub-list article.content, .SocialFeed section.section-livefeed .hub-list article.content { border: 1px solid #eeeeee; }

.lf-hidden { visibility: hidden; height: 0px; overflow: hidden; }

.loading-livefyre-icon { width: 40px; height: 40px; margin: 0 auto; background-color: #F7941e; position: relative; -webkit-animation: sk-scaleout 1.0s infinite ease-in-out; animation: sk-scaleout 1.0s infinite ease-in-out; border-radius: 50%; }
html:not(.cssanimations) .loading-livefyre-icon { background-color: transparent; -webkit-animation: none; animation: none; }

@-webkit-keyframes sk-scaleout { 0% { -webkit-transform: scale(0); }
  100% { -webkit-transform: scale(1); opacity: 0; } }
@keyframes sk-scaleout { 0% { -webkit-transform: scale(0); transform: scale(0); }
  100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } }
.loading-livefyre-icon img { display: none; }
html:not(.cssanimations) .loading-livefyre-icon img { display: block; }

.section-media-wall.has-bg-img.dark-bg .headline { color: #fff; }

.section-media-wall a:focus, .section-media-wall select:focus { outline: 1px dotted #ccc; }

/* Font Sizes */
@font-face { font-family: 'icomoon'; src: url("../../shared/fonts/icomoon.eot?-djj7hl"); src: url("../../shared/fonts/icomoon.eot?#iefix-djj7hl") format("embedded-opentype"), url("../../shared/fonts/icomoon.woff?-djj7hl") format("woff"), url("../../shared/fonts/icomoon.ttf?-djj7hl") format("truetype"), url("../../shared/fonts/icomoon.svg?-djj7hl#icomoon") format("svg"); font-weight: normal; font-style: normal; }
.predictive-search-input::-ms-clear { display: none; }

/* Input IE*/
.predictive-search { margin: 20px 0 30px 0; }
.predictive-search .form-wrap { width: 100%; }
.predictive-search .twitter-typeahead { display: block; width: 100%; }
.predictive-search .twitter-typeahead .tt-dropdown-menu { width: 100%; border: 1px solid #dddddd; }
.predictive-search .twitter-typeahead .tt-suggestion { border-top: 1px solid #dddddd; 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: #F7941e; position: absolute; right: 0px; top: 48%; font-size: 40px; margin-top: -.5em; cursor: pointer; }
@media screen and (max-width: 767px) { .predictive-search .btn-search-inner { font-size: 25px; width: 30px; padding: 0; margin-top: -.4em; } }
.predictive-search .btn-search-inner:focus { outline: none; }
.predictive-search .btn-search-inner:hover { color: #444444; }
.predictive-search .clear-input { display: none; color: #bbb; font-size: 20px; margin-right: 10px; }
.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 35px; text-align: center; border: 0; margin-bottom: 0; color: #111111; }
@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; margin: 0 3%; }
@media (min-width: 481px) { .predictive-search .predictive-search-input-group { margin: 0 0.5%; } }
.predictive-search [class^="icon-"], .predictive-search [class*=" 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; }
.predictive-search .icon-times-circle:before { content: "\e63d"; }
.predictive-search .icon-bigarrow:before { content: "\e63c"; }

*[dir="rtl"] .predictive-search .btn-search-inner { right: auto; left: 0; -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); -ms-transform: rotate(180deg); }
*[dir="rtl"] #predictive-search-input { direction: rtl; }
*[dir="rtl"] .clear-input { margin-right: 0; margin-left: 10px; }
*[dir="rtl"] .search-result-count span { display: inline-block; }

.section-grid-4-col .predictive-search-label { display: none; }
.section-grid-4-col .search-result-count { font-weight: bold; margin: 0 15px 30px 15px; font-size: 16px; }
@media (min-width: 481px) { .section-grid-4-col .search-result-count { font-size: 20px; } }
.section-grid-4-col .search-result-count span.search-query { color: #F7941e; }

/* Shared CSS for FTR components */
/*===================
Content Type
===================*/
.item__type { padding-bottom: 10px; margin: 0; }
.has-bg-img.dark-bg .item__type { color: #fff; }

.item .item__type-link { color: #111111; }
.item .item__type-link:hover { color: #F7941e; }
.has-bg-img.dark-bg .item .item__type-link { color: #fff; }

/*===================
Button
===================*/
.item__button-container { float: left; width: 100%; }

.section-3-col-slider .main .grid-3-col-slider .item .item__button { width: auto; display: inline-block; margin-bottom: 10px; }

.item .item__button { width: auto; display: inline-block; margin-bottom: 10px; }

.elm-circle .item__button { margin-top: 10px; }

.section-grid-2-col .item .item__button { width: auto; display: inline-block; }
.items1.grid-2-col .item .item__button { width: auto; display: inline-block; }

/* _________________________________________
PROJECT:  Gateway UI Kit
CONTENT:  Root Content - Common use and structural pieces
____________________________________________ */
/* STRUCTURAL ================= */
section { float: left; width: 100%; height: auto; overflow: hidden; padding: 25px 0 0; }
@media (min-width: 481px) { section { padding: 36px 0 0; } }

section.no-top-pad { padding-top: 0; }

@media screen and (min-width: 0px) { section.has-bg-img, div.has-bg-img { background-repeat: repeat-x; background-position: top center; } }
.dark-bg.has-bg-img .subheadline, .dark-bg.has-bg-img h2 { color: #fff; }
.dark-bg.has-bg-img .item .item-txt, .dark-bg.has-bg-img .item .elm-body { background-color: transparent; }
.dark-bg.has-bg-img .item .item-txt h1, .dark-bg.has-bg-img .item .item-txt h2, .dark-bg.has-bg-img .item .item-txt h3, .dark-bg.has-bg-img .item .item-txt h4, .dark-bg.has-bg-img .item .item-txt h5, .dark-bg.has-bg-img .item .item-txt h6, .dark-bg.has-bg-img .item .item-txt p, .dark-bg.has-bg-img .item .elm-body h1, .dark-bg.has-bg-img .item .elm-body h2, .dark-bg.has-bg-img .item .elm-body h3, .dark-bg.has-bg-img .item .elm-body h4, .dark-bg.has-bg-img .item .elm-body h5, .dark-bg.has-bg-img .item .elm-body h6, .dark-bg.has-bg-img .item .elm-body p { color: #fff; }
.dark-bg.has-bg-img .item.hover a .item-txt, .dark-bg.has-bg-img .item.hover a .elm-body, .dark-bg.has-bg-img .item:hover a .item-txt, .dark-bg.has-bg-img .item:hover a .elm-body { background-color: #fff; }
.dark-bg.has-bg-img .item.hover a .item-txt h1, .dark-bg.has-bg-img .item.hover a .item-txt h2, .dark-bg.has-bg-img .item.hover a .item-txt h3, .dark-bg.has-bg-img .item.hover a .item-txt h4, .dark-bg.has-bg-img .item.hover a .item-txt h5, .dark-bg.has-bg-img .item.hover a .item-txt h6, .dark-bg.has-bg-img .item.hover a .item-txt p, .dark-bg.has-bg-img .item.hover a .elm-body h1, .dark-bg.has-bg-img .item.hover a .elm-body h2, .dark-bg.has-bg-img .item.hover a .elm-body h3, .dark-bg.has-bg-img .item.hover a .elm-body h4, .dark-bg.has-bg-img .item.hover a .elm-body h5, .dark-bg.has-bg-img .item.hover a .elm-body h6, .dark-bg.has-bg-img .item.hover a .elm-body p, .dark-bg.has-bg-img .item:hover a .item-txt h1, .dark-bg.has-bg-img .item:hover a .item-txt h2, .dark-bg.has-bg-img .item:hover a .item-txt h3, .dark-bg.has-bg-img .item:hover a .item-txt h4, .dark-bg.has-bg-img .item:hover a .item-txt h5, .dark-bg.has-bg-img .item:hover a .item-txt h6, .dark-bg.has-bg-img .item:hover a .item-txt p, .dark-bg.has-bg-img .item:hover a .elm-body h1, .dark-bg.has-bg-img .item:hover a .elm-body h2, .dark-bg.has-bg-img .item:hover a .elm-body h3, .dark-bg.has-bg-img .item:hover a .elm-body h4, .dark-bg.has-bg-img .item:hover a .elm-body h5, .dark-bg.has-bg-img .item:hover a .elm-body h6, .dark-bg.has-bg-img .item:hover a .elm-body p { color: #F7941e; }
.dark-bg.has-bg-img .item.flex-active-slide a .item-txt h1, .dark-bg.has-bg-img .item.flex-active-slide a .item-txt h2, .dark-bg.has-bg-img .item.flex-active-slide a .item-txt h3, .dark-bg.has-bg-img .item.flex-active-slide a .item-txt h4, .dark-bg.has-bg-img .item.flex-active-slide a .item-txt h5, .dark-bg.has-bg-img .item.flex-active-slide a .item-txt h6, .dark-bg.has-bg-img .item.flex-active-slide a .item-txt p { color: #F7941e; }
.dark-bg.has-bg-img .item.flex-active-slide div.no-hover .item-txt { background-color: transparent; }
.dark-bg.has-bg-img .item.flex-active-slide div.no-hover .item-txt h3, .dark-bg.has-bg-img .item.flex-active-slide div.no-hover .item-txt p { color: #fff; }

.mild-bg.has-bg-img .item-txt, .mild-bg.has-bg-img .elm-body { background-color: #fff; }
.mild-bg.has-bg-img .item.hover .item-txt, .mild-bg.has-bg-img .item.hover .elm-body, .mild-bg.has-bg-img .item:hover .item-txt, .mild-bg.has-bg-img .item:hover .elm-body { background-color: #fff; }
@media screen and (min-width: 481px) { .mild-bg.has-bg-img .textwell-content { background-color: #fff; } }

.light-bg.has-bg-img .item a .item-txt, .light-bg.has-bg-img .item a .elm-body, .light-bg.has-bg-img .item div.no-hover .item-txt, .light-bg.has-bg-img .item div.no-hover .elm-body { background-color: transparent; }
@media (min-width: 0) { .light-bg.has-bg-img { /* non-hover */ /* hover */ }
  .light-bg.has-bg-img .grid-wrap .item a .item-txt h3, .light-bg.has-bg-img .grid-wrap .item a .item-txt p, .light-bg.has-bg-img .item a .item-txt h3, .light-bg.has-bg-img .item a .item-txt p, .light-bg.has-bg-img .item a .elm-body h3, .light-bg.has-bg-img .item a .elm-body p, .light-bg.has-bg-img .item div.no-hover .item-txt h3, .light-bg.has-bg-img .item div.no-hover .item-txt p, .light-bg.has-bg-img .item div.no-hover .elm-body h3, .light-bg.has-bg-img .item div.no-hover .elm-body p { color: #000; }
  .light-bg.has-bg-img .grid-wrap .item:hover a .item-txt h3, .light-bg.has-bg-img .grid-wrap .item:hover a .item-txt p, .light-bg.has-bg-img .item:hover a .item-txt h3, .light-bg.has-bg-img .item:hover a .item-txt p, .light-bg.has-bg-img .item:hover a .elm-body h3, .light-bg.has-bg-img .item:hover a .elm-body p { color: #F7941e; } }

.main { float: left; width: 100%; }
.main p { text-align: center; }
.main .shelf, .main .brands-shelf, .main .four-col-shelf, .main .three-col-shelf { width: 100%; float: left; display: none; }

p.copy { float: left; width: 100%; margin: 5px 0; font-size: 16px; line-height: 1.5em; text-align: left; /*@include gothamSSBook;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; font-weight: normal; }

.btn-shelf-wrap, .plus-shelf-wrap { display: block; margin: 0 0 28px 0; text-align: center; clear: both; }

.btn-shelf-offset { margin-top: 0; }

/* SHARE THIS ========= */
/* BACKGROUNDS ================= */
.light-bg { background-color: #fff; float: left; width: 100%; height: auto; }

.mild-bg { background-color: #fff; float: left; width: 100%; height: auto; }

.dark-bg { background-color: #fff; float: left; width: 100%; height: auto; }

/* control-bg takes on the background color of it's target via js */
.control-bg { float: left; width: 100%; height: auto; }

.headline { margin: 0 auto 30px; width: 200px; line-height: 1.1em; font-weight: bold; }
@media screen and (min-width: 768px) { .headline { margin: 0 auto 36px; } }

/* headline hard breaks is wider, use break tags to split headline */
.headline-hard-breaks { margin: 0 auto 28px; width: 400px; line-height: 1.1em; }

.headline-with-sub { margin: 0 auto 18px; width: 200px; line-height: 1.1em; }

.subheadline { margin-bottom: 28px; }

p.subheadline { font-size: 15px; /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; margin-bottom: 28px; }

p.subheadlinesized { margin-bottom: 28px; font-size: 16px; line-height: 16px; /*@include gothamBoldHeadline;*/ font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: 300; font-style: normal; }

p.superheadline { font-size: 54px; line-height: 1em; padding: 0 0 0.4em 0; /*@include gothamBoldHeadline;*/ font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: 300; font-style: normal; }

.headline-description p { width: 90%; max-width: 700px; margin: 0 auto 28px auto; text-align: center; /*@include gothamSSBold;*/ font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; font-size: 15px; line-height: 18px; }

/* UTILS ================= */
#container { padding: 35px 35px 0; }

.disabled { opacity: .4; }

/* ANCHOR =================*/
.section.JumpLinkTarget { width: 100%; overflow: hidden; }

/* Button Mixins */
/* Radial Hover Keyframes */
@-webkit-keyframes button-hover-radial { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; }
  100% { -webkit-transform: scale(15); transform: scale(15); opacity: 1; } }
@keyframes button-hover-radial { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; }
  100% { -webkit-transform: scale(15); transform: scale(15); opacity: 1; } }
@-webkit-keyframes button-mouseoff-fade { 0% { -webkit-transform: scale(20); transform: scale(20); opacity: 1; }
  100% { opacity: 0; -webkit-transform: scale(20); transform: scale(20); } }
@keyframes button-mouseoff-fade { 0% { -webkit-transform: scale(20); transform: scale(20); opacity: 1; }
  100% { opacity: 0; -webkit-transform: scale(20); transform: scale(20); } }
/* BUTTONS ================= */
.btn, .gallery-main-carousel__overlay-action, .btn-more, .btn-standard, .tier-alert a.alert-btn { font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; text-transform: uppercase; color: #fff; min-width: 300px; background-color: #b9b9b9; display: inline-block; text-align: center; border-bottom: 10px solid #999999; margin: 0 3px 10px 3px; border-top-width: 0; padding: 10px; font-size: 14px; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; }
.btn:before, .gallery-main-carousel__overlay-action:before, .btn-more:before, .btn-standard:before, .tier-alert a.alert-btn:before { content: ""; position: absolute; z-index: -1; left: 45%; right: 0; bottom: 6px; background-color: #999999; height: 30px; width: 30px; border-radius: 100%; -webkit-animation: button-mouseoff-fade 0.5s ease-out; animation: button-mouseoff-fade 0.5s ease-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transform: scale(20); -ms-transform: scale(20); transform: scale(20); opacity: 0; }
.btn:hover, .gallery-main-carousel__overlay-action:hover, .btn-more:hover, .btn-standard:hover, .tier-alert a.alert-btn:hover { color: #fff; }
.btn:hover:before, .gallery-main-carousel__overlay-action:hover:before, .btn-more:hover:before, .btn-standard:hover:before, .tier-alert a.alert-btn:hover:before { -webkit-animation: button-hover-radial .6s ease-out; animation: button-hover-radial .6s ease-out; opacity: 1; }
.btn:active, .gallery-main-carousel__overlay-action:active, .btn-more:active, .btn-standard:active, .tier-alert a.alert-btn:active { background-color: #999999; border-bottom-width: 0; border-top: 10px solid rgba(0, 0, 0, 0.2); color: #fff; -webkit-transition: all 0.2 ease 0.2s; transition: all 0.2 ease 0.2s; }

a[href^="http://"].btn, a[href^="http://"].gallery-main-carousel__overlay-action, a[href^="https://"].btn, a[href^="https://"].gallery-main-carousel__overlay-action, a[href^="http://"].btn-more, a[href^="https://"].btn-more { background-color: #e61d2b; border: none; color: #fff; border-top-width: 0; border-bottom: 10px solid #F27020; }
a[href^="http://"].btn:before, a[href^="http://"].gallery-main-carousel__overlay-action:before, a[href^="https://"].btn:before, a[href^="https://"].gallery-main-carousel__overlay-action:before, a[href^="http://"].btn-more:before, a[href^="https://"].btn-more:before { background-color: #F27020; }
a[href^="http://"].btn:active, a[href^="http://"].gallery-main-carousel__overlay-action:active, a[href^="https://"].btn:active, a[href^="https://"].gallery-main-carousel__overlay-action:active, a[href^="http://"].btn-more:active, a[href^="https://"].btn-more:active { background-color: #F27020; border-bottom: 0px solid #F27020; border-top: 10px solid rgba(0, 0, 0, 0.2); color: #fff; -webkit-transition: all 0.2 ease 0.2s; transition: all 0.2 ease 0.2s; }
a[href^="http://"].btn:active:hover, a[href^="http://"].gallery-main-carousel__overlay-action:active:hover, a[href^="https://"].btn:active:hover, a[href^="https://"].gallery-main-carousel__overlay-action:active:hover, a[href^="http://"].btn-more:active:hover, a[href^="https://"].btn-more:active:hover { border-bottom: 0px solid #F27020; }
a[href^="http://"].btn:hover, a[href^="http://"].gallery-main-carousel__overlay-action:hover, a[href^="https://"].btn:hover, a[href^="https://"].gallery-main-carousel__overlay-action:hover, a[href^="http://"].btn-more:hover, a[href^="https://"].btn-more:hover { border-bottom: 10px solid #F27020; /*background-color: $brand-primary-dark;*/ }
a[href^="http://"].btn:after, a[href^="http://"].gallery-main-carousel__overlay-action:after, a[href^="https://"].btn:after, a[href^="https://"].gallery-main-carousel__overlay-action:after, a[href^="http://"].btn-more:after, a[href^="https://"].btn-more:after { font-family: 'cc-go'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-weight: bold; content: "\e604"; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -ms-transform: translateY(-50%); right: 10px; }

input.btn, input.gallery-main-carousel__overlay-action { border-top: 0; border-right: 0; border-left: 0; font-size: 15px; padding: 6px 8px 4px 8px; }

.btn.login, .login.gallery-main-carousel__overlay-action, .btn.primary, .primary.gallery-main-carousel__overlay-action { -webkit-appearance: none; border-radius: 0; border-bottom: 10px solid #F7941e; }
.btn.login:hover, .login.gallery-main-carousel__overlay-action:hover, .btn.primary:hover, .primary.gallery-main-carousel__overlay-action:hover { border-bottom: 10px solid #bbb; }

.btn.disabled, .disabled.gallery-main-carousel__overlay-action, .btn.secondary, .secondary.gallery-main-carousel__overlay-action { color: #666; }

.btn.white, .white.gallery-main-carousel__overlay-action { background-color: #fff; }

.btn-plus, .btn-plus-dark, .btn-minus, .btn-minus-dark { background-image: url(../images/btn-plus-sprite@x2.png); background-position: 0 0; background-repeat: no-repeat; background-size: 300px 200px; 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; width: 32px; height: 32px; display: inline-block; *display: inline; zoom: 1; text-indent: -9999em; -webkit-transition: none; transition: none; }
.btn-plus:hover, .btn-plus-dark:hover, .btn-minus:hover, .btn-minus-dark:hover { -webkit-transition: none; transition: none; background-position: 0 -100px; }

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

.btn-minus { background-position: -70px 0; }
.btn-minus:hover { background-position: -70px -100px; }

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

.btn-close, .btn-close-dark { background-image: url(../images/btn-close-sprite.png); background-position: 0 0; background-repeat: no-repeat; width: 32px; height: 32px; display: inline-block; /**display: inline;*/ zoom: 1; text-indent: -9999em; -webkit-transition: none; transition: none; }
.btn-close:hover, .btn-close-dark:hover { -webkit-transition: none; transition: none; background-position: 0 -100px; }

.btn-close-dark { background-position: -70px 0; }
.btn-close-dark:hover { -webkit-transition: none; transition: none; background-position: -70px -100px; }

.btn-more-container { float: left; width: 100%; position: relative; text-align: center; margin-bottom: 30px; }

.btn-more { min-width: 300px; }
.flex-grid .btn-more { min-width: 300px; }

.item { float: left; width: 96%; margin: 0 auto; text-align: center; /*a.has-hover-content,*/ }
.item img { float: left; display: block; width: 100%; margin: 0 auto; opacity: 1; }
.item .item-txt { float: left; width: 100%; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding: 10px; margin: 10px auto; text-align: center; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.item .item-txt h1, .item .item-txt h2, .item .item-txt h3, .item .item-txt h4, .item .item-txt h5, .item .item-txt h6, .item .item-txt p { float: left; width: 100%; height: auto; font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }
.item .item-txt h3 { margin: 5px 0 10px 0; }
.item .item-txt p { text-align: center; color: #111111; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: 300; font-style: normal; }
.item .item-txt h3, .item .elm-body h3 { line-height: 1.1em; font-size: 16px; color: #474747; font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; }
@media (min-width: 481px) { .item .item-txt h3, .item .elm-body h3 { font-size: 16px; } }
.item .item-txt p, .item .elm-body p { line-height: 1.3em; font-size: 16px; }
@media (min-width: 481px) { .item .item-txt p, .item .elm-body p { font-size: 16px; } }
.item div.no-hover, .item a { display: block; position: relative; width: 100%; margin: 0 auto; opacity: 1; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.item div.no-hover .bg-overlay, .item a .bg-overlay { /*box-sizing: border-box;*/ }
.item div.no-hover .bg-overlay .hover-text, .item a .bg-overlay .hover-text { -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; padding: 0 10px; display: none; }
.no-touch .item div.no-hover .bg-overlay .hover-text, .no-touch .item a .bg-overlay .hover-text { display: block; }
.touch .item div.no-hover .bg-overlay, .touch .item a .bg-overlay { display: none; }
.item div.no-hover .elm-img .bg-overlay .hover-text, .item a .elm-img .bg-overlay .hover-text { padding: 0 4px; }
.item:hover a, .item.hover a { color: #F7941e; }
.item:hover a .item-txt, .item:hover a .elm-body, .item.hover a .item-txt, .item.hover a .elm-body { background-color: #fff; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
.item:hover a .item-txt h1, .item:hover a .item-txt h2, .item:hover a .item-txt h3, .item:hover a .item-txt h4, .item:hover a .item-txt h5, .item:hover a .item-txt h6, .item:hover a .item-txt p, .item:hover a .elm-body h1, .item:hover a .elm-body h2, .item:hover a .elm-body h3, .item:hover a .elm-body h4, .item:hover a .elm-body h5, .item:hover a .elm-body h6, .item:hover a .elm-body p, .item.hover a .item-txt h1, .item.hover a .item-txt h2, .item.hover a .item-txt h3, .item.hover a .item-txt h4, .item.hover a .item-txt h5, .item.hover a .item-txt h6, .item.hover a .item-txt p, .item.hover a .elm-body h1, .item.hover a .elm-body h2, .item.hover a .elm-body h3, .item.hover a .elm-body h4, .item.hover a .elm-body h5, .item.hover a .elm-body h6, .item.hover a .elm-body p { color: #474747; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.item:hover a img, .item.hover a img { opacity: 1; }

/* Promo Rollovers Code */
.item .inset-border { position: relative; height: 100%; width: 100%; float: left; overflow: hidden; }
.item img { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.item .inset-border .hover-text, .item .elm-img .hover-text { position: absolute; display: block; z-index: 2; color: #fff; width: 100%; text-align: center; opacity: 0; /*font-size: 20px;*/ top: 50%; -ms-transform: translateY(calc(-50% + 25px)); transform: translateY(calc(-50% + 25px)); -webkit-transform: translateY(-webkit-calc(-50% + 25px)); left: 0; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.item .no-hover .hover-text { display: none; }
.item .bg-overlay { background-color: transparent; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.item .icon-container { position: absolute; display: block; z-index: 2; background-color: #F7941e; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 75px; height: 75px; border-radius: 50%; -webkit-transition: none; transition: none; }
.item .icon-container img { width: 100%; position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); -webkit-transition: none; transition: none; filter: none; -webkit-filter: blur(0px); -moz-filter: blur(0px); -ms-filter: blur(0px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0'); -webkit-backface-visibility: hidden; }
@media screen and (min-width: 768px) { .no-touch .item .icon-container { -webkit-transform: translate(-50%, -webkit-calc(-50% - 28px)); -ms-transform: translate(-50%, calc(-50% - 28px)); transform: translate(-50%, calc(-50% - 28px)); } }
.item .icon--default { opacity: 1; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.item .icon--hover { opacity: 1; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.item.hover img, .item:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.item.hover a .inset-border .bg-overlay, .item.hover a .elm-img .bg-overlay, .item:hover a .inset-border .bg-overlay, .item:hover a .elm-img .bg-overlay { background-color: transparent; z-index: 1; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.item.hover a .inset-border .hover-text, .item.hover a .elm-img .hover-text, .item:hover a .inset-border .hover-text, .item:hover a .elm-img .hover-text { opacity: 1; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.item.hover .icon-container img, .item:hover .icon-container img { -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); -webkit-filter: blur(0px); -moz-filter: blur(0px); -ms-filter: blur(0px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0'); }
.item.hover .icon-container.icon--hover, .item:hover .icon-container.icon--hover { background-color: #F7941e; }
.item.hover .icon-container.icon--hover img, .item:hover .icon-container.icon--hover img { -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); -webkit-filter: blur(0px); -moz-filter: blur(0px); -ms-filter: blur(0px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0'); }
.item.hover .item-txt, .item:hover .item-txt { /*background-color: transparent;*/ }
.item.hover .icon--hover, .item:hover .icon--hover { opacity: 1; }
.item.hover .icon--default, .item:hover .icon--default { opacity: 0; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.item.hover .no-hover .icon-container, .item:hover .no-hover .icon-container { background-color: #F7941e; }
.item.hover .no-hover .icon--default, .item:hover .no-hover .icon--default { opacity: 1; }
.item.hover .no-hover .icon--hover, .item:hover .no-hover .icon--hover { opacity: 0; }
.item.hover .elm-img, .item:hover .elm-img { background-size: 110% 110%; }
.item a .bar { z-index: 3; }
.item .elm-circle { /*a.has-hover-content,*/ }
.item .elm-circle .icon-container { left: 50%; bottom: 20px; }
@media screen and (min-width: 481px) and (max-width: 767px) { .item .elm-circle .icon-container { bottom: 15px; } }
.item .elm-circle div.no-hover, .item .elm-circle a { float: none; -moz-box-sizing: border-box; box-sizing: border-box; }
.item .elm-circle div.no-hover .bg-overlay, .item .elm-circle a .bg-overlay { -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: background .2s ease-out, border .2s ease-out; transition: background .2s ease-out, border .2s ease-out; }

/* End Promo Rollovers Code */
.elm-circle { width: 100%; text-align: center; position: relative; /*a.has-hover-content,*/ }
.elm-circle .elm-img { background-repeat: none; background-position: center center; background-size: 100% 100%; overflow: hidden; position: relative; height: 60vw; width: 100%; /*cursor: default;*/ -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; margin: 0 auto; /*cursor: pointer;*/ opacity: 1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.elm-circle .elm-img.hover, .elm-circle .elm-img:hover { opacity: 1; }
@media screen and (min-width: 769px) { .elm-circle .elm-img { height: 22vw; } }
.elm-circle .elm-body { float: left; width: 100%; padding: 28px; margin: 10px auto; text-align: center; z-index: 1; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
@media (min-width: 1200px) { .elm-circle .elm-body { padding: 34px; } }
.elm-circle h3 { margin: 10px 0; }
@media (min-width: 768px) { .elm-circle h3 { margin-top: 0; } }
.elm-circle p { text-align: center; color: #474747; /*font-size:$fontSizeSmall;line-height:$lineHeightSmall;*/ float: left; width: 60%; margin: 0 20%; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: 300; font-style: normal; }
.elm-circle div.no-hover, .elm-circle a { display: block; position: relative; width: 90%; margin: 0 auto; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.elm-circle a .elm-img { /*cursor: pointer;*/ }
.elm-circle.hover a, .elm-circle:hover a { -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.elm-circle.hover a .elm-body, .elm-circle:hover a .elm-body { background-color: #fff; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
.elm-circle.hover a .elm-body h1, .elm-circle.hover a .elm-body h2, .elm-circle.hover a .elm-body h3, .elm-circle.hover a .elm-body h4, .elm-circle.hover a .elm-body h5, .elm-circle.hover a .elm-body h6, .elm-circle.hover a .elm-body p, .elm-circle:hover a .elm-body h1, .elm-circle:hover a .elm-body h2, .elm-circle:hover a .elm-body h3, .elm-circle:hover a .elm-body h4, .elm-circle:hover a .elm-body h5, .elm-circle:hover a .elm-body h6, .elm-circle:hover a .elm-body p { color: #F7941e; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }

/*======== 404 ======== */
/* ===============================  */
/*======== Featured Image ======== */
.Image.section .section-featured-image { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }
.Image.section .section-featured-image * { -moz-box-sizing: border-box; box-sizing: border-box; }
.Image.section .section-featured-image img { margin: 0 auto; max-width: 100%; vertical-align: bottom; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.Image.section .section-featured-image small { margin: 15px auto; }

/* ===============================  */
/* 0px ===========================  */
@media (min-width: 0) { .item { float: left; width: 96%; margin: 0 auto; text-align: center; /*a.has-hover-content,*/ }
  .item div.no-hover, .item a { display: block; position: relative; width: 100%; margin: 0 auto; opacity: 1; }
  .item div.no-hover img, .item a img { float: left; display: block; width: 100%; margin: 0 auto; opacity: 1; }
  .item div.no-hover .bar, .item a .bar { display: none; }
  .item div.no-hover .item-txt, .item a .item-txt { float: left; width: 100%; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding: 10px; margin: 10px auto; text-align: center; }
  .item div.no-hover .item-txt h1, .item div.no-hover .item-txt h2, .item div.no-hover .item-txt h3, .item div.no-hover .item-txt h4, .item div.no-hover .item-txt h5, .item div.no-hover .item-txt h6, .item div.no-hover .item-txt p, .item a .item-txt h1, .item a .item-txt h2, .item a .item-txt h3, .item a .item-txt h4, .item a .item-txt h5, .item a .item-txt h6, .item a .item-txt p { float: left; width: 100%; height: auto; }
  h1.headline, h1.headline-with-sub, h2.headline, h2.headline-with-sub, h3.headline, h3.headline-with-sub { width: 320px; max-width: 100%; float: none; font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; font-size: 13px; color: #F7941e; } }
@media screen and (min-width: 0) and (min-width: 769px) { h1.headline, h1.headline-with-sub, h2.headline, h2.headline-with-sub, h3.headline, h3.headline-with-sub { font-size: 16px; } }

/* ===============================  */
/* 480px ========================   */
@media (min-width: 481px) { .item { float: left; width: 96%; margin: 0 auto; text-align: center; /*a.has-hover-content,*/ }
  .item div.no-hover, .item a { display: block; position: relative; width: 100%; margin: 0 auto; opacity: 1; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  .item div.no-hover img, .item a img { float: left; display: block; width: 100%; margin: 0 auto; opacity: 1; }
  .item div.no-hover .item-txt, .item a .item-txt { float: left; width: 100%; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding: 10px; margin: 10px auto; text-align: center; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  .item div.no-hover .item-txt h1, .item div.no-hover .item-txt h2, .item div.no-hover .item-txt h3, .item div.no-hover .item-txt h4, .item div.no-hover .item-txt h5, .item div.no-hover .item-txt h6, .item div.no-hover .item-txt p, .item a .item-txt h1, .item a .item-txt h2, .item a .item-txt h3, .item a .item-txt h4, .item a .item-txt h5, .item a .item-txt h6, .item a .item-txt p { float: left; width: 100%; height: auto; }
  .item.hover a, .item:hover a { color: #111111; }
  .item.hover a .item-txt, .item:hover a .item-txt { background-color: #fff; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
  .item.hover a .item-txt h1, .item.hover a .item-txt h2, .item.hover a .item-txt h3, .item.hover a .item-txt h4, .item.hover a .item-txt h5, .item.hover a .item-txt h6, .item.hover a .item-txt p, .item:hover a .item-txt h1, .item:hover a .item-txt h2, .item:hover a .item-txt h3, .item:hover a .item-txt h4, .item:hover a .item-txt h5, .item:hover a .item-txt h6, .item:hover a .item-txt p { color: #111111; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
  .item.hover a img, .item:hover a img { opacity: 1; } }
/* ===============================  */
/* remove auto highlight on mobile sliders .flex-active-slide{ .elm-circle { .transition-out; .elm-body { background-color:$wt;.transition-in; h1,h2,h3,h4,h5,h6,p {color:$brand-primary;.transition-in;} } .elm-img{ box-shadow: inset 0 0 0 10px $brand-primary-rgba; .transition-in; } } } */
/* 1024px ========================  */
@media (min-width: 1024px) { .main { position: relative; left: auto; float: none; width: 100%; /*max-width: 1800px;*/ margin-left: auto; margin: 0 auto; }
  .item { margin-bottom: 16px; } }
/* ===============================  */
/* 0px + Hi Density ==============  
@media @size-mobile-portrait-hd { .btn-plus, .btn-plus-dark, .btn-minus, .btn-minus-dark { background-image: url(../images/btn-plus-sprite@x2.png); background-position: 0 0; background-repeat: no-repeat; background-size: 300px; }

}*/
/* ===============================  */
/* PRINT ========================   */
@media print and (min-width: 0em) { img { display: block; width: auto; height: auto; } }
/* ===============================  */
/* _________________________________________
PROJECT:	Gateway UI Kit
CONTENT:	Flexible Nav - Hamburger & Visible Nav
____________________________________________ */
.navigation-bar { font-weight: 500; }

.cq-loginreglink a { font-weight: 500; }

.navigation-bar__menu-label { font-weight: 500; }

.navigation-bar__list-item-link { font-weight: 500; }
@media (min-width: 768px) { .navigation-bar--visible-nav .navigation-bar__list-item-link { font-weight: 500; } }
@media (min-width: 768px) { .navigation-bar--visible-nav .navigation-bar__list-item-link { font-weight: 500; } }

.navigation-bar__menu-toggle-title { font-weight: 500; }

.navigation-bar__language-toggle { font-weight: 500; }

.navigation-bar__language-toggle-option-link { font-weight: 500; }

/* _________________________________________
PROJECT:  Coke UI Kit
CONTENT:  Flexible Nav - Slideout Nav
____________________________________________ */
.brand__coke-light { background-color: #e2e2e2; }

.brand__coke-red { background-color: #e61d2b; }

.brand__coke-life { background-color: #74b865; }

.brand__coke-zero { background-color: #000000; }

.navigation-bar-slideout { position: absolute; overflow: visible; z-index: 1; margin: 0; padding: 0; }
.has-overlay .navigation-bar-slideout { z-index: 0; }

.navigation-bar-slideout__menu { background-color: #fff; bottom: 0; overflow: scroll; overflow-x: hidden; position: fixed; top: 0; left: -80%; width: 80%; z-index: 2; padding-top: 50px; -webkit-transition: all 300ms; transition: all 300ms; }
@media (min-width: 481px) { .navigation-bar-slideout__menu { max-width: 50%; left: -50%; overflow: auto; } }
@media (min-width: 1024px) { .navigation-bar-slideout__menu { max-width: 33%; left: -33%; } }
.navigation-bar-slideout--active .navigation-bar-slideout__menu { -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); }

.navigation-bar-slideout__menu-options--hide { display: none; }

.navigation-bar-slideout__menu-options { margin-top: 20px; }

.navigation-bar-slideout__menu-label { font-weight: normal; font-size: 12px; color: #999; text-transform: uppercase; padding: 0 20px; }

.navigation-bar-slideout__list-item { text-align: center; position: relative; }
.navigation-bar-slideout__list:first-child .navigation-bar-slideout__list-item { border-bottom: 1px solid #eeeeee; }

.navigation-bar-slideout__list-item--active:before { font-family: 'cc-go'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; content: '\e908'; width: 1em; height: 1em; font-size: 1.5em; display: block; background-color: #eeeeee; border-radius: 1em; position: absolute; left: 10px; top: 50%; margin-top: -.5em; color: #474747; z-index: 1; }

.navigation-bar-slideout__list-item-link { display: block; color: #111111; padding: 23px 26px; font-size: 22px; line-height: 22px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: 300; font-style: normal; }
@media (min-width: 720px) { .navigation-bar-slideout__list-item-link { font-size: 28px; line-height: 28px; } }
.navigation-bar-slideout__list-item-link.hidden { display: none; }
.navigation-bar-slideout__list-item-link.disabled { background: #f4f4f4; border-top: 1px solid #eeeeee; }
.no-touch .navigation-bar-slideout__list-item-link:hover { background: #f4f4f4; }

.navigation-bar-slideout__list-item-link--next:before { font-family: 'cc-go'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 26px; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.navigation-bar-slideout__language-options .navigation-bar-slideout__list-item { border-bottom: 1px solid #eeeeee; }

.navigation-bar-slideout__account-link { padding: 30px 0; }

.navigation-bar-slideout__menu .social-icons li { margin: 0 3%; }
@media (min-width: 1200px) { .navigation-bar-slideout__menu .social-icons li { margin: 0 5%; } }

.navigation-bar-slideout__menu .circle-button { height: 40px; width: 40px; }
@media (min-width: 1024px) { .navigation-bar-slideout__menu .circle-button { height: 55px; width: 55px; } }

@media (min-width: 481px) { .social-share-and-like--small .social-icons, .social-share-and-like--large .social-icons { height: auto; } }

.navigation-bar-slideout__menu .social-share-and-like { margin-top: 14px; }

.navigation-bar-slideout__content-container { position: relative; top: 0; right: 0; width: 100%; -webkit-transition: all 300ms; transition: all 300ms; z-index: 1; }
.navigation-bar-slideout--active .navigation-bar-slideout__content-container { opacity: 0; }

.navigation-bar-slideout__content-overlay { display: none; position: absolute; width: 100%; height: 100%; z-index: 10001; background: url(../images/cta-button-bg@2x.png) repeat 0 0; background-color: rgba(0, 0, 0, 0.5); background-size: 2px 2px; }
.navigation-bar-slideout--active .navigation-bar-slideout__content-overlay { display: block; position: fixed; z-index: 1; }

.navigation-bar-slideout__main-header { background-color: transparent; position: fixed; margin: 0; padding: 0; border: 0; top: 0; left: 0; width: 100%; overflow: visible; -webkit-transition: top 300ms; transition: top 300ms; }
.navigation-bar-slideout--animate-header .navigation-bar-slideout__main-header { position: fixed; top: -150px; }
.navigation-bar-slideout--animate-onstage .navigation-bar-slideout__main-header { -webkit-transition: top 600ms; transition: top 600ms; }
.navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__main-header { position: absolute; -webkit-transition: none; transition: none; }
.janrain-and-overlay .navigation-bar-slideout__main-header { display: none; }

.navigation-bar-slideout__global-menu { padding: 15vw 0 7vw 0; background-color: rgba(234, 234, 234, 0.9); opacity: 0; }
.navigation-bar-slideout--home .navigation-bar-slideout__global-menu { padding: 28px 0; }
@media (min-width: 768px) { .navigation-bar-slideout--home .navigation-bar-slideout__global-menu { padding: 3.25vw 0px; } }
@media (min-width: 768px) { .navigation-bar-slideout__global-menu { padding: 3.25vw 0px 3.25vw 6%; } }
.navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__global-menu { background-color: transparent; }
.navigation-bar-slideout--nav-loaded .navigation-bar-slideout__global-menu { opacity: 1; }

.navigation-bar__menu-toggle-icon svg { width: 16px; height: 16px; margin-top: 2px; }

.navigation-bar-slideout__menu-toggle-close { font-size: 26px; position: absolute; top: 10px; right: 10px; color: #474747; }
.no-touch .navigation-bar-slideout__menu-toggle-close { color: #474747; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.no-touch .navigation-bar-slideout__menu-toggle-close:hover { -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; color: #F7941e; }

.navigation-bar-slideout__menu-toggle-title { padding-left: 30px; }

.navigation-bar-slideout__menu-toggle-title, .navigation-bar-slideout__product-toggle-selected { color: #111111; }
.no-touch .navigation-bar-slideout__menu-toggle-title, .no-touch .navigation-bar-slideout__product-toggle-selected { color: #111111; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.no-touch .navigation-bar-slideout__menu-toggle-title:hover, .no-touch .navigation-bar-slideout__product-toggle-selected:hover { -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; color: #111111; }
.navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__menu-toggle-title, .navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__product-toggle-selected { color: #fff; }
.no-touch .navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__menu-toggle-title, .no-touch .navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__product-toggle-selected { color: #fff; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.no-touch .navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__menu-toggle-title:hover, .no-touch .navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__product-toggle-selected:hover { -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; color: #fff; }

.navigation-bar-slideout__global-menu-list-item { float: left; padding: 0 4%; font-size: 11px; white-space: nowrap; cursor: pointer; /* Padding for Navigation when no product selector is authored */ }
.navigation-bar-slideout__global-menu-list-item:first-child { border-left: 0; padding-left: 4%; }
@media screen and (min-width: 768px) { .navigation-bar-slideout__global-menu-list-item:first-child { padding-left: 14%; padding-right: 4%; } }
.navigation-bar-slideout--interior .navigation-bar-slideout__global-menu-list-item:first-child { padding-left: 11%; }
.navigation-bar-slideout__global-menu-list-item:nth-child(2) { padding-right: 6%; }
@media screen and (min-width: 769px) { .navigation-bar-slideout__global-menu-list-item:nth-child(2):not(.navigation-bar-slideout__global-menu-list-product-options), .navigation-bar-slideout__global-menu-list-item:last-child:not(.navigation-bar-slideout__global-menu-list-login-link) { padding-right: 14%; } }
@media (min-width: 769px) { .navigation-bar-slideout__global-menu-list-item { font-size: 15px; padding-right: 14%; } }
@media (min-width: 960px) { .navigation-bar-slideout__global-menu-list-item { padding-right: 4%; } }
@media (min-width: 769px) { .navigation-bar-slideout__global-menu-list-item { border-right: 1px solid #111111; border-left: 1px solid #111111; position: relative; } }
@media (min-width: 769px) { .navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__global-menu-list-item { border-right: 1px solid #fff; border-left: 1px solid #fff; } }
.navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__global-menu-list-item:first-child { border-left: 0; }

.navigation-bar-slideout__global-menu-list-item--left { float: left; }

.navigation-bar-slideout__global-menu-list-item--right { float: right; border-right: 0; }
.navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__global-menu-list-item--right { border-right: 0; }

.navigation-bar-slideout__global-menu-list-item-home { float: left; }
@media (min-width: 768px) { .navigation-bar-slideout__global-menu-list-item-home { padding-left: 40px; } }

.navigation-bar-slideout__menu-home-container { position: absolute; left: 0; top: 0; width: 100%; padding: 6px 4%; background-color: #eaeaea; opacity: 1; }
@media (min-width: 768px) { .navigation-bar-slideout__menu-home-container { left: 6%; top: auto; width: auto; background-color: transparent; border-right: 1px solid #111111; padding: 0; padding-right: 28px; } }
@media screen and (min-width: 1080px) { .navigation-bar-slideout__menu-home-container { left: 16%; padding-right: 50%; }
  @-moz-document url-prefix() { .navigation-bar-slideout__menu-home-container { padding-right: 12.5%; } } }
@media screen and (min-width: 1080px) and (-ms-high-contrast: active), screen and (min-width: 1080px) and (-ms-high-contrast: none) { .navigation-bar-slideout__menu-home-container { padding-right: 12.5%; } }

@media screen and (min-width: 1400px) { .navigation-bar-slideout__menu-home-container { padding-right: 60%; }
  @-moz-document url-prefix() { .navigation-bar-slideout__menu-home-container { padding-right: 12.5%; } } }
@media screen and (min-width: 1400px) and (-ms-high-contrast: active), screen and (min-width: 1400px) and (-ms-high-contrast: none) { .navigation-bar-slideout__menu-home-container { padding-right: 12.5%; } }

.navigation-bar-slideout--home .navigation-bar-slideout__menu-home-container { display: none; }

.navigation-bar-slideout__menu-home-text { padding-left: 10px; position: relative; top: 1px; color: #949494; }
@media (min-width: 768px) { .navigation-bar-slideout__menu-home-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } }

.navigation-bar-slideout__menu-home-icon { float: left; width: 18px; height: 20px; }

.navigation-bar-slideout__menu-home-icon-svg { display: none; }
@media (min-width: 768px) { .navigation-bar-slideout__menu-home-icon-svg { position: static; display: inline; } }

.navigation-bar-slideout__menu-back-icon-svg { position: absolute; fill: #949494; }
@media (min-width: 768px) { .navigation-bar-slideout__menu-back-icon-svg { display: none; } }

.navigation-bar-slideout__menu-home-icon-path { stroke: #111111; fill: transparent; }

.navigation-bar-slideout__global-menu .navigation-bar__menu-toggle-svg { fill: #111111; }
.navigation-bar-slideout--pinned-onstage .navigation-bar__menu-toggle-svg { fill: #fff; }

@media (min-width: 768px) { .navigation-bar-slideout__menu-home { position: relative; top: 2px; } }

.navigation-bar-slideout__global-menu-list-item .cq-loginreglink { padding: 0; position: static; min-height: 0; background-color: transparent; border: 0; display: inline-block; width: auto; }
.navigation-bar-slideout__global-menu-list-item .cq-loginreglink a { font-weight: normal; color: #111111; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.navigation-bar-slideout__global-menu-list-item .cq-loginreglink a:hover { -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; color: #111111; }
.no-touch .navigation-bar-slideout__global-menu-list-item .cq-loginreglink a { color: #111111; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.no-touch .navigation-bar-slideout__global-menu-list-item .cq-loginreglink a:hover { -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; color: #111111; }
@media (min-width: 768px) { .no-touch .navigation-bar-slideout__global-menu-list-item .cq-loginreglink a { color: #111111; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  .no-touch .navigation-bar-slideout__global-menu-list-item .cq-loginreglink a:hover { -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; color: #111111; } }
.navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__global-menu-list-item .cq-loginreglink a { color: #fff; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__global-menu-list-item .cq-loginreglink a:hover { -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; color: #fff; }
.no-touch .navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__global-menu-list-item .cq-loginreglink a { color: #fff; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.no-touch .navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__global-menu-list-item .cq-loginreglink a:hover { -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; color: #fff; }
@media (min-width: 768px) { .no-touch .navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__global-menu-list-item .cq-loginreglink a { color: #fff; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  .no-touch .navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__global-menu-list-item .cq-loginreglink a:hover { -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; color: #fff; } }

.navigation-bar-slideout__global-menu-list-item .navigation-bar-slideout__menu-user-icon { width: 28px; text-align: center; position: relative; top: 2px; display: inline-block; }

.navigation-bar-slideout__menu-user-icon-svg { top: -19px; left: 0; position: absolute; border: 1px solid #111111; border-radius: 100%; padding: 3px; }
.navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__menu-user-icon-svg { border-color: #fff; }

.navigation-bar-slideout__menu-user-icon-svg-path { fill: #111111; }
.navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__menu-user-icon-svg-path { fill: #fff; }

.navigation-bar-slideout__product-toggle-container { text-align: center; }

.navigation-bar-slideout__product-toggle-selected .icon-cc-next, .navigation-bar-slideout__product-toggle-selected .navigation-bar-slideout__list-item-link--next:before { display: inline-block; margin-left: 8px; font-size: 12px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.navigation-bar-slideout__product-container--open .icon-cc-next, .navigation-bar-slideout__product-container--open .navigation-bar-slideout__list-item-link--next:before { -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); }

@media (min-width: 768px) { .no-touch .navigation-bar-slideout__product-toggle { color: #111111; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  .no-touch .navigation-bar-slideout__product-toggle:hover { -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; color: #111111; } }
@media (min-width: 768px) { .no-touch .navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__product-toggle { color: #fff; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  .no-touch .navigation-bar-slideout--pinned-onstage .navigation-bar-slideout__product-toggle:hover { -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; color: #fff; } }

.navigation-bar-slideout__product-toggle-indicator { display: inline-block; width: 1em; height: 1em; margin-right: 6px; border-radius: 1em; vertical-align: -2px; border: 1px solid #eeeeee; }

.navigation-bar-slideout__product-container { position: relative; }

.navigation-bar-slideout__product-options { display: none; position: absolute; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); padding-top: 16px; }
.navigation-bar-slideout__product-options:before { content: ''; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; display: block; position: absolute; top: 8px; left: 50%; margin-left: -4px; }

.navigation-bar-slideout__product-options-list { text-align: center; }
.navigation-bar-slideout__menu .navigation-bar-slideout__product-options-list { margin: 20px 0; }

.navigation-bar-slideout__product-option-list-item { position: relative; height: 48px; /*                    &:after { content:''; height: 48px; width: 26px; position: absolute; z-index: 1; background-color: rgba(0,0,0,.1); left: 0; top: 0; }*/ }

.navigation-bar-slideout__product-option-list-item--active:before { font-family: 'cc-go'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; content: '\e908'; width: 1em; height: 1em; font-size: 1.5em; display: block; background-color: rgba(0, 0, 0, 0.3); border-radius: 1em; position: absolute; left: 10px; top: 50%; margin-top: -.5em; z-index: 2; color: #fff; }
.navigation-bar-slideout__product-options .navigation-bar-slideout__product-option-list-item--active:before { width: 16px; height: 16px; border-radius: 16px; left: 5px; top: 50%; font-size: 16px; font-weight: bold; background-color: rgba(0, 0, 0, 0.3); }

.navigation-bar-slideout__product-toggle-option { width: 100%; display: inline-block; /*      .brand__coke-zero & { background: -webkit-linear-gradient(left, darken($nav-coke-zero, 10%) 45px, transparent 45px); background: -moz-linear-gradient(left, darken($nav-coke-zero, 10%) 45px, transparent 45px); background: -ms-linear-gradient(left, darken($nav-coke-zero, 10%) 45px, transparent 45px); background: linear-gradient(left, darken($nav-coke-zero, 10%) 45px, transparent 45px); background: linear-gradient(to right, darken($nav-coke-zero, 10%) 45px, transparent 45px); }*/ }
.brand__coke-light .navigation-bar-slideout__product-toggle-option { background: -webkit-linear-gradient(left, #c9c9c9 45px, transparent 45px); background: linear-gradient(left, #c9c9c9 45px, transparent 45px); background: linear-gradient(to right, #c9c9c9 45px, transparent 45px); }
.brand__coke-red .navigation-bar-slideout__product-toggle-option { background: -webkit-linear-gradient(left, #bb1520 45px, transparent 45px); background: linear-gradient(left, #bb1520 45px, transparent 45px); background: linear-gradient(to right, #bb1520 45px, transparent 45px); }
.brand__coke-life .navigation-bar-slideout__product-toggle-option { background: -webkit-linear-gradient(left, #59a04a 45px, transparent 45px); background: linear-gradient(left, #59a04a 45px, transparent 45px); background-image: -webkit-linear-gradient(left, #59a04a 45px, transparent 45px); background-image: linear-gradient(to right, #59a04a 45px, transparent 45px); }

.navigation-bar-slideout__product-toggle-option-image { vertical-align: bottom; padding: 0 26px; height: 48px; }

.navigation-bar-slideout__brand { position: fixed; top: 12px; text-align: center; z-index: 10000; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.navigation-bar-slideout--interior .navigation-bar-slideout__brand { width: 22vw; top: 44px; }
@media (min-width: 768px) { .navigation-bar-slideout--interior .navigation-bar-slideout__brand { top: 12px; width: 9vw; } }

.navigation-bar-slideout__brand-image { display: inline-block; height: 126px; opacity: 0; }
@media (min-width: 768px) { .navigation-bar-slideout--animate-onstage .navigation-bar-slideout__brand-image { height: 254px; } }
.navigation-bar-slideout--nav-loaded .navigation-bar-slideout__brand-image { opacity: 1; }
.navigation-bar-slideout--interior .navigation-bar-slideout__brand-image { width: 100%; height: auto; }

.has-navigation-bar-slideout { -webkit-transition: left 300ms; transition: left 300ms; left: 0; }

.has-navigation-bar-slideout #main-content { -webkit-transition: all 300ms; transition: all 300ms; width: 100%; position: relative; z-index: 0; }
.navigation-bar-slideout--active #main-content { width: 100%; overflow: hidden; -ms-transform: translateX(80%); -webkit-transform: translateX(80%); transform: translateX(80%); }
@media (min-width: 481px) { .navigation-bar-slideout--active #main-content { -ms-transform: translateX(50%); -webkit-transform: translateX(50%); transform: translateX(50%); } }
@media (min-width: 1024px) { .navigation-bar-slideout--active #main-content { -ms-transform: translateX(33%); -webkit-transform: translateX(33%); transform: translateX(33%); } }

.has-navigation-bar-slideout .scroll-container { width: 100%; height: 100%; /*overflow-x: hidden;*/ overflow-y: scroll; position: relative; padding: 0; }
.has-navigation-bar-slideout.janrain-modal--open .scroll-container { height: auto; position: fixed; }
.has-navigation-bar-slideout.navigation-bar-slideout--active .scroll-container { overflow: hidden; }

body.has-navigation-bar-slideout { padding: 0; }

/* _________________________________________
PROJECT:	Gateway UI Kit
CONTENT:	Social media sharing & liking
____________________________________________ */
.social-share-and-like .headline { margin: 0 auto 15px; color: #474747; }

.light-bg .circle-button, .dark-bg .circle-button, .mild-bg .circle-button { background: #eaeaea; }
.light-bg .circle-button:hover, .dark-bg .circle-button:hover, .mild-bg .circle-button:hover { background: #eeeeee; }

/* ===============================  */
/* 1024px ========================  */
/* ===============================  */
.share-link__permalink-link { background-color: #eaeaea; }
.mild-bg .share-link__permalink-link, .dark-bg .share-link__permalink-link { background-color: #eaeaea; }

/* Gateway CSS for HEDI-02-A */
.subpage-header__color-bar { height: 2vw; }
@media (min-width: 1024px) { .subpage-header__color-bar { height: 3vw; } }

.subpage-header__text-block { color: #474747; }

.subpage-header__text-block h2 { width: 98%; margin: 3vw auto; font-size: 30px; font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; color: #474747; }
@media (min-width: 768px) { .subpage-header__text-block h2 { width: 75%; margin: 3vw auto 20px; font-size: 36px; } }
@media (min-width: 1024px) { .subpage-header__text-block h2 { font-size: 54px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: bold; font-style: normal; } }

.subpage-header__text-block h3 { width: 75%; margin: 0 auto 32px; font-size: 16px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: 300; font-style: normal; }
@media (min-width: 768px) { .subpage-header__text-block h3 { width: 75%; margin: 0 auto 20px; text-align: center; } }
@media (min-width: 1024px) { .subpage-header__text-block h3 { font-size: 28px; } }

.subpage-header__text-block h4 { font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; font-size: 20px; line-height: 22px; margin: 10px 0; }

.subpage-header__text-block h5 { font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; font-size: 18px; line-height: 20px; margin: 10px 0; }

.subpage-header__text-block h6 { font-family: 'FrankfurterSBOP-Medium', "Helvetica Rounded", "Arial Rounded MT Bold", "Arial Black", Arial, sans-serif; font-weight: normal; font-size: 16px; line-height: 18px; margin: 10px 0; }

.subpage-header__text-block p, .subpage-header__text-block li { font-size: 16px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: 300; font-style: normal; line-height: 1.5em; }

.subpage-header__text-block h2, .subpage-header__text-block h3, .subpage-header__text-block h4, .subpage-header__text-block h5, .subpage-header__text-block h6, .subpage-header__text-block p, .subpage-header__text-block li { color: #474747; }

.multi-columns .btn, .multi-columns .gallery-main-carousel__overlay-action { border-bottom-color: #F27020; }
.light-bg .multi-columns .btn, .light-bg .multi-columns .gallery-main-carousel__overlay-action { background: #F7941e; }
.dark-bg .multi-columns .btn, .dark-bg .multi-columns .gallery-main-carousel__overlay-action, .mild-bg .multi-columns .btn, .mild-bg .multi-columns .gallery-main-carousel__overlay-action { background: #F7941e; }
.multi-columns .btn:before, .multi-columns .gallery-main-carousel__overlay-action:before { background-color: #F27020; }
.multi-columns .item a .item-txt h3, .multi-columns .item div.no-hover .item-txt h3 { font-size: 16px; color: #474747; font-weight: 500; }
.multi-columns .items-left { color: #474747; font-weight: 500; }

/* Gateway CSS for FTR4-01-C */
label[for=filter-dropdown] { color: #474747; font-size: 12px; }

.livefyre-filter-dropdown, .filter-dropdown { background-color: #fff; border: 1px solid #474747; }
.livefyre-filter-dropdown:focus, .filter-dropdown:focus { outline: none; box-shadow: 2px 2px rgba(0, 0, 0, 0.5); }

/* Gateway CSS for ARTH-01-B */
.article-header { text-align: center; }
.article-header .article-header__title { font-weight: 500; }
.article-header .article-header__author-info-byline { font-size: 16px; }
.article-header .article-header__category-container li, .article-header .article-header__category-container a { font-weight: 500; }
.article-header .article-header__category-container li { font-weight: 500; display: inline-block; }

/* Gateway CSS for ATHR-01-A */
.author-info__container { text-align: left; }

/* Button Mixins */
/* Radial Hover Keyframes */
@-webkit-keyframes button-hover-radial { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; }
  100% { -webkit-transform: scale(15); transform: scale(15); opacity: 1; } }
@keyframes button-hover-radial { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; }
  100% { -webkit-transform: scale(15); transform: scale(15); opacity: 1; } }
@-webkit-keyframes button-mouseoff-fade { 0% { -webkit-transform: scale(20); transform: scale(20); opacity: 1; }
  100% { opacity: 0; -webkit-transform: scale(20); transform: scale(20); } }
@keyframes button-mouseoff-fade { 0% { -webkit-transform: scale(20); transform: scale(20); opacity: 1; }
  100% { opacity: 0; -webkit-transform: scale(20); transform: scale(20); } }
@font-face { font-family: 'cc-go'; src: url("../fonts/cc-go.eot?grb1kt"); src: url("../fonts/cc-go.eot?#iefixgrb1kt") format("embedded-opentype"), url("../fonts/cc-go.woff?grb1kt") format("woff"), url("../fonts/cc-go.ttf?grb1kt") format("truetype"), url("../fonts/cc-go.svg?grb1kt#cc-go") format("svg"); font-weight: normal; font-style: normal; }
.smrt01a-component.is-light-text div.title { color: #dddddd; }
.smrt01a-component.is-light-text .block p { color: #cccccc; }
.smrt01a-component.is-light-text hr { border-top: 1px solid #444444; }
.smrt01a-component .component-container { width: 100%; margin: 0 auto; }
@media screen and (min-width: 1024px) { .smrt01a-component .component-container { width: 1024px; } }
.smrt01a-component div.title { font-size: 42px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal; color: #555555; text-align: center; line-height: 1.2em; margin: 0 auto 0 auto; padding: 0; }
.smrt01a-component .btn-container { clear: both; width: 100%; position: relative; text-align: center; }
.smrt01a-component .btn-container .btn, .smrt01a-component .btn-container .gallery-main-carousel__overlay-action { color: #fdfdfd; background-color: #bababa; border-bottom: 5px solid #9b9b9b; font-weight: 500; font-size: 13px; display: inline-block; text-align: center; border-top-width: 0; padding: 8px 50px 8px 50px; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 0; margin-right: 0; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; min-width: auto; }
.smrt01a-component .btn-container .btn:before, .smrt01a-component .btn-container .gallery-main-carousel__overlay-action:before { content: ""; position: absolute; z-index: -1; left: 45%; right: 0; bottom: 6px; background-color: #9b9b9b; height: 30px; width: 30px; border-radius: 100%; -webkit-animation: button-mouseoff-fade 0.5s ease-out; animation: button-mouseoff-fade 0.5s ease-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transform: scale(20); -ms-transform: scale(20); transform: scale(20); opacity: 0; }
.smrt01a-component .btn-container .btn:hover, .smrt01a-component .btn-container .gallery-main-carousel__overlay-action:hover { color: #ffffff; }
.smrt01a-component .btn-container .btn:hover:before, .smrt01a-component .btn-container .gallery-main-carousel__overlay-action:hover:before { -webkit-animation: button-hover-radial .6s ease-out; animation: button-hover-radial .6s ease-out; opacity: 1; }
.smrt01a-component .btn-container .btn:active, .smrt01a-component .btn-container .gallery-main-carousel__overlay-action:active { background-color: #b1b1b1; border-bottom-width: 0; border-top: 5px solid rgba(0, 0, 0, 0.2); border-bottom: 0px; color: #ffffff; -webkit-transition: all 0.2 ease 0.2s; transition: all 0.2 ease 0.2s; }
.smrt01a-component .btn-container .btn.primary, .smrt01a-component .btn-container .primary.gallery-main-carousel__overlay-action { color: #ffffff; background-color: #e61d2b; border-bottom: 5px solid #bf1420; }
.smrt01a-component .btn-container .btn.primary:before, .smrt01a-component .btn-container .primary.gallery-main-carousel__overlay-action:before { background-color: #bf1420; }
.smrt01a-component .btn-container .btn.primary:active, .smrt01a-component .btn-container .primary.gallery-main-carousel__overlay-action:active { background-color: #d80122; border-top: 5px solid #970115; border-bottom: 0px; }
.smrt01a-component .btn-container .btn.btn-has-icon, .smrt01a-component .btn-container .btn-has-icon.gallery-main-carousel__overlay-action { position: relative; padding-right: 70px; }
.smrt01a-component .btn-container .btn.btn-has-icon:after, .smrt01a-component .btn-container .btn-has-icon.gallery-main-carousel__overlay-action:after { content: 'x'; font-family: 'cc-go'; speak: none; font-style: normal; font-variant: normal; text-transform: none; line-height: 1; font-weight: bold; content: "\e604"; position: absolute; top: 0; -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); right: 12px; padding-top: 12px; }
.smrt01a-component .btn-container.align-right { text-align: right; }
.smrt01a-component .btn-container.align-left { text-align: left; }
@media screen and (max-width: 480px) { .smrt01a-component .btn-container { padding: 0px 5px; -moz-box-sizing: border-box; box-sizing: border-box; }
  .smrt01a-component .btn-container .btn, .smrt01a-component .btn-container .gallery-main-carousel__overlay-action { display: block; } }
.smrt01a-component .block { text-align: center; }
.smrt01a-component .block .block-info { margin-bottom: 35px; }
.smrt01a-component .block .block-info:before, .smrt01a-component .block .block-info:after { content: ''; display: block; clear: both; }
.smrt01a-component .block .block-info img { margin-bottom: 45px; }
.smrt01a-component .block p { text-align: center; color: #727272; font-size: 16px; font-weight: 500; }
.smrt01a-component .block div.title { margin-bottom: 35px; font-weight: 200; font-size: 52px; letter-spacing: 1px; }
@media screen and (max-width: 480px) { .smrt01a-component .block div.title { font-size: 36px; margin-bottom: 15px; }
  .smrt01a-component .block img.icon { margin-bottom: 15px; }
  .smrt01a-component .block .block-info { margin-bottom: 15px; } }
.smrt01a-component .action-icon { width: 200px; height: 200px; background-color: #e72620; box-shadow: 0px 7px 0px #c11d0d; border-radius: 50%; margin: 0 auto; }
.smrt01a-component .action-icon .action-icon-container { text-align: center; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.smrt01a-component .action-icon .action-icon-container img { display: block; margin: 0 auto; }
.smrt01a-component .action-icon .action-icon-container span { color: #ffffff; display: inline-block; font-size: 18px; font-weight: bold; padding: 0 12%; margin-top: 10px; line-height: 16px; }
.smrt01a-component .action-icon.mini { width: 100px; height: 100px; }
.smrt01a-component .action-icon.mini .action-icon-container img { width: 60%; display: block; margin: 0 auto; }
.smrt01a-component .action-icon.mini .action-icon-container span { font-size: 11px; margin-top: 0px; }

.smrt01a-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0, 0, 0, 0.65); }
.smrt01a-modal .smrt01a-modal__container { background: #ffffff; width: 80%; max-width: 880px; margin: 0 auto; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); }
.processing .smrt01a-modal .smrt01a-modal__container { border-width: 1px; border-radius: 15px; }
.smrt01a-modal .smrt01a-modal__container .modal-content { padding: 45px; }
.smrt01a-modal .smrt01a-modal__container .modal-content .photo-area { border-radius: 2px; }
.smrt01a-modal .smrt01a-modal__container .modal-content .photo-area .photo-action { padding: 30px 20px 70px 20px; border: 2px solid #9e9e9e; text-align: center; }
.smrt01a-modal .smrt01a-modal__container .modal-content .photo-area .photo-action .upload-photo, .smrt01a-modal .smrt01a-modal__container .modal-content .photo-area .photo-action .take-photo { cursor: pointer; border-radius: 104px; }
.smrt01a-modal .smrt01a-modal__container .modal-content .photo-area .photo-action .upload-input, .smrt01a-modal .smrt01a-modal__container .modal-content .photo-area .photo-action .take-input { position: absolute; width: 200px; height: 200px; display: block; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); background: #333; opacity: .01; cursor: pointer; }
.smrt01a-modal .smrt01a-modal__container .modal-content .photo-area .image-preview { width: 100%; border: 2px solid #9e9e9e; margin-bottom: 20px; background: #eeeeee; position: relative; }
.smrt01a-modal .smrt01a-modal__container .modal-content .photo-area .image-preview img.photo-uploaded { display: block; }
.smrt01a-modal .smrt01a-modal__container .modal-content .photo-area .image-preview video { display: block; margin: 0 auto; width: 100%; }
.smrt01a-modal .smrt01a-modal__container .modal-content .photo-area .image-preview .canvas-data { width: 640px; height: 480px; display: block; margin: 0 auto; }
.smrt01a-modal .smrt01a-modal__container .modal-content .photo-area .image-actions { background: #ffffff; padding: 25px 20px 0px 20px; }
.smrt01a-modal .smrt01a-modal__container .modal-content .photo-area .image-actions.slim { padding: 0; margin-bottom: -25px; }
.smrt01a-modal .smrt01a-modal__container .modal-content .photo-area .image-actions a img { height: 110px; }
.smrt01a-modal .smrt01a-modal__container .modal-content .photo-area .image-actions .snap-image { text-align: center; }
.smrt01a-modal .smrt01a-modal__container .modal-content .photo-area .image-actions .snap-image .snap-photo { height: 110px; display: block; margin: 0 auto; cursor: pointer; border-radius: 55px; }
.smrt01a-modal .smrt01a-modal__container .modal-content .photo-area .image-actions .snap-photo-again { height: 80px; padding-top: 30px; }
.smrt01a-modal .smrt01a-modal__container .modal-content .photo-area .image-actions .btn .upload-input, .smrt01a-modal .smrt01a-modal__container .modal-content .photo-area .image-actions .gallery-main-carousel__overlay-action .upload-input, .smrt01a-modal .smrt01a-modal__container .modal-content .photo-area .image-actions .btn .take-input, .smrt01a-modal .smrt01a-modal__container .modal-content .photo-area .image-actions .gallery-main-carousel__overlay-action .take-input { position: absolute; width: 100%; height: 130%; display: block; background: #333; opacity: .01; cursor: pointer; top: 0; left: 0; }
.smrt01a-modal .smrt01a-modal__container .modal-content .photo-area .image-processing { padding: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background: rgba(0, 0, 0, 0.5); }
.smrt01a-modal .smrt01a-modal__container .modal-content .photo-area .image-processing .checking-message { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.smrt01a-modal .smrt01a-modal__container .modal-content .photo-area .image-processing div.title { color: #ffffff; }
.smrt01a-modal .smrt01a-modal__container .modal-content .photo-area .image-processing .loading-image { position: relative; padding-top: 30px; margin-top: 20px; margin-bottom: 40px; }
.smrt01a-modal .smrt01a-modal__container .modal-content .photo-area .image-processing .loading-image .lo-img { position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
.smrt01a-modal .smrt01a-modal__container .modal-content .photo-area div.title { color: #474747; font-weight: 200; font-size: 52px; letter-spacing: 1px; }
.smrt01a-modal .smrt01a-modal__container .modal-content .photo-area h4, .smrt01a-modal .smrt01a-modal__container .modal-content .photo-area h3, .smrt01a-modal .smrt01a-modal__container .modal-content .photo-area p { color: #474747; }
.smrt01a-modal .smrt01a-modal__container .smrt01a-modal__close { position: absolute; z-index: 10; top: 0; right: 0; color: white; border-radius: 15px; width: 24px; height: 24px; text-align: center; margin-top: 15px; margin-right: 15px; }
.smrt01a-modal p.hint { font-size: 16px; font-weight: 500; text-align: center; color: #2e2e2e; -ms-hyphens: none; }
.smrt01a-modal .step .c-1-2 { width: 50%; display: inline-block; vertical-align: top; }
.smrt01a-modal .step .c-1-4 { width: 25%; display: inline-block; vertical-align: top; }
.smrt01a-modal .step .c-1-3 { width: 32.8%; display: inline-block; vertical-align: top; }
.smrt01a-modal .photo-uploaded { width: 100%; }
.smrt01a-modal.processing .modal-container { border-width: 1px; }
.smrt01a-modal.processing .modal-container .modal-content { padding: 0; }
.smrt01a-modal.processing .modal-container .modal-content .photo-area { border-radius: 7px; }
@media screen and (max-width: 768px) { .smrt01a-modal .smrt01a-modal__container { width: 90%; }
  .smrt01a-modal .smrt01a-modal__container .modal-content .photo-area .image-preview video { height: 360px; }
  .smrt01a-modal .smrt01a-modal__container .modal-content .photo-area .image-actions { padding: 0px; }
  .smrt01a-modal .smrt01a-modal__container .modal-content .photo-area div.title { font-size: 36px; }
  .smrt01a-modal .step .c-1-2 p { margin-left: 25%; }
  .smrt01a-modal .step .c-1-3 { width: 49%; }
  .smrt01a-modal .action-icon { width: 120px; height: 120px; box-shadow: 0px 4px 0px #c11d0d; }
  .smrt01a-modal .action-icon .action-icon-container img { width: 50%; }
  .smrt01a-modal .action-icon .action-icon-container span { font-size: 12px; margin-top: 5px; line-height: 12px; } }
@media screen and (max-width: 480px) { .smrt01a-modal .smrt01a-modal__container .modal-content .photo-area .image-preview video { height: 280px; }
  .smrt01a-modal .smrt01a-modal__container .modal-content .photo-area div.title { font-size: 28px; }
  .smrt01a-modal .step .c-1-2 { width: 100%; }
  .smrt01a-modal .step .c-1-2 p { margin-left: 0; }
  .smrt01a-modal .step .c-1-4 { width: 100%; }
  .smrt01a-modal .step .c-1-3 { width: 100%; }
  .smrt01a-modal.is-modal-verifying .smrt01a-modal__container { background: none; box-shadow: none; width: 100%; }
  .smrt01a-modal.is-modal-verifying .smrt01a-modal__container .modal-content { padding: 45px 20px; }
  .smrt01a-modal.is-modal-verifying .smrt01a-modal__container .modal-content .photo-area .image-preview { background: none; border: none; }
  .smrt01a-modal.is-modal-verifying .smrt01a-modal__container .modal-content .photo-area .image-preview img.photo-uploaded { display: none; }
  .smrt01a-modal.is-modal-verifying .smrt01a-modal__container .modal-content .photo-area .image-actions { background: none; padding: 0px 0px 0px 0px; }
  .smrt01a-modal.is-modal-verifying .smrt01a-modal__container .modal-content .photo-area .image-actions p { color: #ffffff; }
  .smrt01a-modal.is-modal-verifying .smrt01a-modal__container .modal-content .photo-area .image-processing { position: inherit; background: none; position: relative; top: 0; background: none; }
  .smrt01a-modal.is-modal-verifying .smrt01a-modal__container .modal-content .photo-area .image-processing .checking-message { position: relative; top: 0; transform: translateY(0%); -webkit-transform: translateY(0%); -ms-transform: translateY(0%); }
  .smrt01a-modal.is-modal-verifying .smrt01a-modal__container .modal-content .photo-area .image-processing div.title { font-size: 28px; }
  .smrt01a-modal.is-modal-verifying .smrt01a-modal__container .smrt01a-modal__close { display: none; } }

*[dir="rtl"] .smrt01a-component .btn-container .btn.btn-has-icon, *[dir="rtl"] .smrt01a-component .btn-container .btn-has-icon.gallery-main-carousel__overlay-action { position: relative; padding-left: 70px; padding-right: 50px; }
*[dir="rtl"] .smrt01a-component .btn-container .btn.btn-has-icon .btn-arrow-icon, *[dir="rtl"] .smrt01a-component .btn-container .btn-has-icon.gallery-main-carousel__overlay-action .btn-arrow-icon { position: absolute; top: 7px; left: 12px; right: initial; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); }
*[dir="rtl"] .smrt01a-component .step .c-1-3 .btn-container { text-align: right; }

span.smrt01a-note { display: block; font-size: 9px; color: #333; height: 12px; line-height: 10px; font-weight: 400; }

/* _________________________________________________________
PROJECT:	Coca-Cola UI Kit
CONTENT:	Section Background Toggle
NOTES:		Control to change background colors for toolkit display
____________________________________________________________ */
.control-bg { float: left; width: 100%; height: auto; }

/* demo toggles */
.section-background-toggle { margin-top: 10px; float: none; width: auto; background: #000; color: #fff; padding: 0; }
.section-background-toggle .main { left: auto; float: none; width: auto; margin-left: auto; /*display:flex;*/ width: 100%; padding: 10px; }
.section-background-toggle form { margin: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.section-background-toggle form fieldset label { font-size: 14px; }
.section-background-toggle .section-background-toggle-controls, .section-background-toggle .is-direction-toggle { width: auto; }

/* 0px =========================== */
@media (min-width: 0) { .section-background-toggle-controls fieldset label, .section-background-toggle-controls fieldset input { float: none; display: inline; padding: 0; margin: 0; width: 18px; }
  .section-background-toggle *, .is-direction-toggle * { -moz-box-sizing: border-box; box-sizing: border-box; } }
@media screen and (min-width: 0) and (max-width: 480px) { .section-background-toggle .main { display: block; }
  .section-background-toggle .main form { display: block; padding: 0; }
  .section-background-toggle .main fieldset { float: left; }
  .section-background-toggle .main fieldset label { font-size: 12px; line-height: 1em; }
  .section-background-toggle .main fieldset:first-child { float: none; }
  .section-background-toggle .section-background-toggle-controls, .section-background-toggle .is-direction-toggle { height: 40px; }
  .section-background-toggle .section-background-toggle-controls fieldset:first-child, .section-background-toggle .is-direction-toggle fieldset:first-child { width: 100%; } }
/* =============================== */
/* 480px ======================== */
@media (min-width: 481px) { .section-background-toggle-controls fieldset { display: inline; }
  .section-background-toggle-controls fieldset label { margin-right: 6px; } }
/* =============================== */
/* 768px ======================== */
@media (min-width: 768px) { .section-background-toggle .main:before, .section-background-toggle .main:after { content: ''; display: block; clear: both; }
  .section-background-toggle .section-background-toggle-controls, .section-background-toggle .is-direction-toggle { float: left; } }
/* =============================== */
/* 1024px ======================== */
/* =============================== */
/* 1200px ======================== */
/* =============================== */
/* PRINT ======================== */
/* =============================== */