@charset "UTF-8";
/*! Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */
/* FONT PATH -------------------------- */
@font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome/fontawesome-webfont.eot?v=4.2.0"); src: url("../fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.2.0") format("embedded-opentype"), url("../fonts/fontawesome/fontawesome-webfont.woff?v=4.2.0") format("woff"), url("../fonts/fontawesome/fontawesome-webfont.ttf?v=4.2.0") format("truetype"), url("../fonts/fontawesome/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; }

.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%; }

.fa-2x { font-size: 2em; }

.fa-3x { font-size: 3em; }

.fa-4x { font-size: 4em; }

.fa-5x { font-size: 5em; }

.fa-fw { width: 1.28571em; text-align: center; }

.fa-ul { padding-left: 0; margin-left: 2.14286em; list-style-type: none; }

.fa-ul > li { position: relative; }

.fa-li { position: absolute; left: -2.14286em; width: 2.14286em; top: 0.14286em; text-align: center; }

.fa-li.fa-lg { left: -1.85714em; }

.fa-border { padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em; }

.pull-right { float: right; }

.pull-left { float: left; }

.fa.pull-left { margin-right: .3em; }

.fa.pull-right { margin-left: .3em; }

.fa-spin { animation: fa-spin 2s infinite linear; }

@keyframes fa-spin { 0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

.fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(90deg); }

.fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); transform: rotate(180deg); }

.fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); transform: rotate(270deg); }

.fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); transform: scale(-1, 1); }

.fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); transform: scale(1, -1); }

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; }

.fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; }

.fa-stack-1x { line-height: inherit; }

.fa-stack-2x { font-size: 2em; }

.fa-inverse { color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */
.fa-glass:before { content: ""; }

.fa-music:before { content: ""; }

.fa-search:before { content: ""; }

.fa-envelope-o:before { content: ""; }

.fa-heart:before { content: ""; }

.fa-star:before { content: ""; }

.fa-star-o:before { content: ""; }

.fa-user:before { content: ""; }

.fa-film:before { content: ""; }

.fa-th-large:before { content: ""; }

.fa-th:before { content: ""; }

.fa-th-list:before { content: ""; }

.fa-check:before { content: ""; }

.fa-remove:before, .fa-close:before, .fa-times:before { content: ""; }

.fa-search-plus:before { content: ""; }

.fa-search-minus:before { content: ""; }

.fa-power-off:before { content: ""; }

.fa-signal:before { content: ""; }

.fa-gear:before, .fa-cog:before { content: ""; }

.fa-trash-o:before { content: ""; }

.fa-home:before { content: ""; }

.fa-file-o:before { content: ""; }

.fa-clock-o:before { content: ""; }

.fa-road:before { content: ""; }

.fa-download:before { content: ""; }

.fa-arrow-circle-o-down:before { content: ""; }

.fa-arrow-circle-o-up:before { content: ""; }

.fa-inbox:before { content: ""; }

.fa-play-circle-o:before { content: ""; }

.fa-rotate-right:before, .fa-repeat:before { content: ""; }

.fa-refresh:before { content: ""; }

.fa-list-alt:before { content: ""; }

.fa-lock:before { content: ""; }

.fa-flag:before { content: ""; }

.fa-headphones:before { content: ""; }

.fa-volume-off:before { content: ""; }

.fa-volume-down:before { content: ""; }

.fa-volume-up:before { content: ""; }

.fa-qrcode:before { content: ""; }

.fa-barcode:before { content: ""; }

.fa-tag:before { content: ""; }

.fa-tags:before { content: ""; }

.fa-book:before { content: ""; }

.fa-bookmark:before { content: ""; }

.fa-print:before { content: ""; }

.fa-camera:before { content: ""; }

.fa-font:before { content: ""; }

.fa-bold:before { content: ""; }

.fa-italic:before { content: ""; }

.fa-text-height:before { content: ""; }

.fa-text-width:before { content: ""; }

.fa-align-left:before { content: ""; }

.fa-align-center:before { content: ""; }

.fa-align-right:before { content: ""; }

.fa-align-justify:before { content: ""; }

.fa-list:before { content: ""; }

.fa-dedent:before, .fa-outdent:before { content: ""; }

.fa-indent:before { content: ""; }

.fa-video-camera:before { content: ""; }

.fa-photo:before, .fa-image:before, .fa-picture-o:before { content: ""; }

.fa-pencil:before { content: ""; }

.fa-map-marker:before { content: ""; }

.fa-adjust:before { content: ""; }

.fa-tint:before { content: ""; }

.fa-edit:before, .fa-pencil-square-o:before { content: ""; }

.fa-share-square-o:before { content: ""; }

.fa-check-square-o:before { content: ""; }

.fa-arrows:before { content: ""; }

.fa-step-backward:before { content: ""; }

.fa-fast-backward:before { content: ""; }

.fa-backward:before { content: ""; }

.fa-play:before { content: ""; }

.fa-pause:before { content: ""; }

.fa-stop:before { content: ""; }

.fa-forward:before { content: ""; }

.fa-fast-forward:before { content: ""; }

.fa-step-forward:before { content: ""; }

.fa-eject:before { content: ""; }

.fa-chevron-left:before { content: ""; }

.fa-chevron-right:before { content: ""; }

.fa-plus-circle:before { content: ""; }

.fa-minus-circle:before { content: ""; }

.fa-times-circle:before { content: ""; }

.fa-check-circle:before { content: ""; }

.fa-question-circle:before { content: ""; }

.fa-info-circle:before { content: ""; }

.fa-crosshairs:before { content: ""; }

.fa-times-circle-o:before { content: ""; }

.fa-check-circle-o:before { content: ""; }

.fa-ban:before { content: ""; }

.fa-arrow-left:before { content: ""; }

.fa-arrow-right:before { content: ""; }

.fa-arrow-up:before { content: ""; }

.fa-arrow-down:before { content: ""; }

.fa-mail-forward:before, .fa-share:before { content: ""; }

.fa-expand:before { content: ""; }

.fa-compress:before { content: ""; }

.fa-plus:before { content: ""; }

.fa-minus:before { content: ""; }

.fa-asterisk:before { content: ""; }

.fa-exclamation-circle:before { content: ""; }

.fa-gift:before { content: ""; }

.fa-leaf:before { content: ""; }

.fa-fire:before { content: ""; }

.fa-eye:before { content: ""; }

.fa-eye-slash:before { content: ""; }

.fa-warning:before, .fa-exclamation-triangle:before { content: ""; }

.fa-plane:before { content: ""; }

.fa-calendar:before { content: ""; }

.fa-random:before { content: ""; }

.fa-comment:before { content: ""; }

.fa-magnet:before { content: ""; }

.fa-chevron-up:before { content: ""; }

.fa-chevron-down:before { content: ""; }

.fa-retweet:before { content: ""; }

.fa-shopping-cart:before { content: ""; }

.fa-folder:before { content: ""; }

.fa-folder-open:before { content: ""; }

.fa-arrows-v:before { content: ""; }

.fa-arrows-h:before { content: ""; }

.fa-bar-chart-o:before, .fa-bar-chart:before { content: ""; }

.fa-twitter-square:before { content: ""; }

.fa-facebook-square:before { content: ""; }

.fa-camera-retro:before { content: ""; }

.fa-key:before { content: ""; }

.fa-gears:before, .fa-cogs:before { content: ""; }

.fa-comments:before { content: ""; }

.fa-thumbs-o-up:before { content: ""; }

.fa-thumbs-o-down:before { content: ""; }

.fa-star-half:before { content: ""; }

.fa-heart-o:before { content: ""; }

.fa-sign-out:before { content: ""; }

.fa-linkedin-square:before { content: ""; }

.fa-thumb-tack:before { content: ""; }

.fa-external-link:before { content: ""; }

.fa-sign-in:before { content: ""; }

.fa-trophy:before { content: ""; }

.fa-github-square:before { content: ""; }

.fa-upload:before { content: ""; }

.fa-lemon-o:before { content: ""; }

.fa-phone:before { content: ""; }

.fa-square-o:before { content: ""; }

.fa-bookmark-o:before { content: ""; }

.fa-phone-square:before { content: ""; }

.fa-twitter:before { content: ""; }

.fa-facebook:before { content: ""; }

.fa-github:before { content: ""; }

.fa-unlock:before { content: ""; }

.fa-credit-card:before { content: ""; }

.fa-rss:before { content: ""; }

.fa-hdd-o:before { content: ""; }

.fa-bullhorn:before { content: ""; }

.fa-bell:before { content: ""; }

.fa-certificate:before { content: ""; }

.fa-hand-o-right:before { content: ""; }

.fa-hand-o-left:before { content: ""; }

.fa-hand-o-up:before { content: ""; }

.fa-hand-o-down:before { content: ""; }

.fa-arrow-circle-left:before { content: ""; }

.fa-arrow-circle-right:before { content: ""; }

.fa-arrow-circle-up:before { content: ""; }

.fa-arrow-circle-down:before { content: ""; }

.fa-globe:before { content: ""; }

.fa-wrench:before { content: ""; }

.fa-tasks:before { content: ""; }

.fa-filter:before { content: ""; }

.fa-briefcase:before { content: ""; }

.fa-arrows-alt:before { content: ""; }

.fa-group:before, .fa-users:before { content: ""; }

.fa-chain:before, .fa-link:before { content: ""; }

.fa-cloud:before { content: ""; }

.fa-flask:before { content: ""; }

.fa-cut:before, .fa-scissors:before { content: ""; }

.fa-copy:before, .fa-files-o:before { content: ""; }

.fa-paperclip:before { content: ""; }

.fa-save:before, .fa-floppy-o:before { content: ""; }

.fa-square:before { content: ""; }

.fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: ""; }

.fa-list-ul:before { content: ""; }

.fa-list-ol:before { content: ""; }

.fa-strikethrough:before { content: ""; }

.fa-underline:before { content: ""; }

.fa-table:before { content: ""; }

.fa-magic:before { content: ""; }

.fa-truck:before { content: ""; }

.fa-pinterest:before { content: ""; }

.fa-pinterest-square:before { content: ""; }

.fa-google-plus-square:before { content: ""; }

.fa-google-plus:before { content: ""; }

.fa-money:before { content: ""; }

.fa-caret-down:before { content: ""; }

.fa-caret-up:before { content: ""; }

.fa-caret-left:before { content: ""; }

.fa-caret-right:before { content: ""; }

.fa-columns:before { content: ""; }

.fa-unsorted:before, .fa-sort:before { content: ""; }

.fa-sort-down:before, .fa-sort-desc:before { content: ""; }

.fa-sort-up:before, .fa-sort-asc:before { content: ""; }

.fa-envelope:before { content: ""; }

.fa-linkedin:before { content: ""; }

.fa-rotate-left:before, .fa-undo:before { content: ""; }

.fa-legal:before, .fa-gavel:before { content: ""; }

.fa-dashboard:before, .fa-tachometer:before { content: ""; }

.fa-comment-o:before { content: ""; }

.fa-comments-o:before { content: ""; }

.fa-flash:before, .fa-bolt:before { content: ""; }

.fa-sitemap:before { content: ""; }

.fa-umbrella:before { content: ""; }

.fa-paste:before, .fa-clipboard:before { content: ""; }

.fa-lightbulb-o:before { content: ""; }

.fa-exchange:before { content: ""; }

.fa-cloud-download:before { content: ""; }

.fa-cloud-upload:before { content: ""; }

.fa-user-md:before { content: ""; }

.fa-stethoscope:before { content: ""; }

.fa-suitcase:before { content: ""; }

.fa-bell-o:before { content: ""; }

.fa-coffee:before { content: ""; }

.fa-cutlery:before { content: ""; }

.fa-file-text-o:before { content: ""; }

.fa-building-o:before { content: ""; }

.fa-hospital-o:before { content: ""; }

.fa-ambulance:before { content: ""; }

.fa-medkit:before { content: ""; }

.fa-fighter-jet:before { content: ""; }

.fa-beer:before { content: ""; }

.fa-h-square:before { content: ""; }

.fa-plus-square:before { content: ""; }

.fa-angle-double-left:before { content: ""; }

.fa-angle-double-right:before { content: ""; }

.fa-angle-double-up:before { content: ""; }

.fa-angle-double-down:before { content: ""; }

.fa-angle-left:before { content: ""; }

.fa-angle-right:before { content: ""; }

.fa-angle-up:before { content: ""; }

.fa-angle-down:before { content: ""; }

.fa-desktop:before { content: ""; }

.fa-laptop:before { content: ""; }

.fa-tablet:before { content: ""; }

.fa-mobile-phone:before, .fa-mobile:before { content: ""; }

.fa-circle-o:before { content: ""; }

.fa-quote-left:before { content: ""; }

.fa-quote-right:before { content: ""; }

.fa-spinner:before { content: ""; }

.fa-circle:before { content: ""; }

.fa-mail-reply:before, .fa-reply:before { content: ""; }

.fa-github-alt:before { content: ""; }

.fa-folder-o:before { content: ""; }

.fa-folder-open-o:before { content: ""; }

.fa-smile-o:before { content: ""; }

.fa-frown-o:before { content: ""; }

.fa-meh-o:before { content: ""; }

.fa-gamepad:before { content: ""; }

.fa-keyboard-o:before { content: ""; }

.fa-flag-o:before { content: ""; }

.fa-flag-checkered:before { content: ""; }

.fa-terminal:before { content: ""; }

.fa-code:before { content: ""; }

.fa-mail-reply-all:before, .fa-reply-all:before { content: ""; }

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: ""; }

.fa-location-arrow:before { content: ""; }

.fa-crop:before { content: ""; }

.fa-code-fork:before { content: ""; }

.fa-unlink:before, .fa-chain-broken:before { content: ""; }

.fa-question:before { content: ""; }

.fa-info:before { content: ""; }

.fa-exclamation:before { content: ""; }

.fa-superscript:before { content: ""; }

.fa-subscript:before { content: ""; }

.fa-eraser:before { content: ""; }

.fa-puzzle-piece:before { content: ""; }

.fa-microphone:before { content: ""; }

.fa-microphone-slash:before { content: ""; }

.fa-shield:before { content: ""; }

.fa-calendar-o:before { content: ""; }

.fa-fire-extinguisher:before { content: ""; }

.fa-rocket:before { content: ""; }

.fa-maxcdn:before { content: ""; }

.fa-chevron-circle-left:before { content: ""; }

.fa-chevron-circle-right:before { content: ""; }

.fa-chevron-circle-up:before { content: ""; }

.fa-chevron-circle-down:before { content: ""; }

.fa-html5:before { content: ""; }

.fa-css3:before { content: ""; }

.fa-anchor:before { content: ""; }

.fa-unlock-alt:before { content: ""; }

.fa-bullseye:before { content: ""; }

.fa-ellipsis-h:before { content: ""; }

.fa-ellipsis-v:before { content: ""; }

.fa-rss-square:before { content: ""; }

.fa-play-circle:before { content: ""; }

.fa-ticket:before { content: ""; }

.fa-minus-square:before { content: ""; }

.fa-minus-square-o:before { content: ""; }

.fa-level-up:before { content: ""; }

.fa-level-down:before { content: ""; }

.fa-check-square:before { content: ""; }

.fa-pencil-square:before { content: ""; }

.fa-external-link-square:before { content: ""; }

.fa-share-square:before { content: ""; }

.fa-compass:before { content: ""; }

.fa-toggle-down:before, .fa-caret-square-o-down:before { content: ""; }

.fa-toggle-up:before, .fa-caret-square-o-up:before { content: ""; }

.fa-toggle-right:before, .fa-caret-square-o-right:before { content: ""; }

.fa-euro:before, .fa-eur:before { content: ""; }

.fa-gbp:before { content: ""; }

.fa-dollar:before, .fa-usd:before { content: ""; }

.fa-rupee:before, .fa-inr:before { content: ""; }

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: ""; }

.fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: ""; }

.fa-won:before, .fa-krw:before { content: ""; }

.fa-bitcoin:before, .fa-btc:before { content: ""; }

.fa-file:before { content: ""; }

.fa-file-text:before { content: ""; }

.fa-sort-alpha-asc:before { content: ""; }

.fa-sort-alpha-desc:before { content: ""; }

.fa-sort-amount-asc:before { content: ""; }

.fa-sort-amount-desc:before { content: ""; }

.fa-sort-numeric-asc:before { content: ""; }

.fa-sort-numeric-desc:before { content: ""; }

.fa-thumbs-up:before { content: ""; }

.fa-thumbs-down:before { content: ""; }

.fa-youtube-square:before { content: ""; }

.fa-youtube:before { content: ""; }

.fa-xing:before { content: ""; }

.fa-xing-square:before { content: ""; }

.fa-youtube-play:before { content: ""; }

.fa-dropbox:before { content: ""; }

.fa-stack-overflow:before { content: ""; }

.fa-instagram:before { content: ""; }

.fa-flickr:before { content: ""; }

.fa-adn:before { content: ""; }

.fa-bitbucket:before { content: ""; }

.fa-bitbucket-square:before { content: ""; }

.fa-tumblr:before { content: ""; }

.fa-tumblr-square:before { content: ""; }

.fa-long-arrow-down:before { content: ""; }

.fa-long-arrow-up:before { content: ""; }

.fa-long-arrow-left:before { content: ""; }

.fa-long-arrow-right:before { content: ""; }

.fa-apple:before { content: ""; }

.fa-windows:before { content: ""; }

.fa-android:before { content: ""; }

.fa-linux:before { content: ""; }

.fa-dribbble:before { content: ""; }

.fa-skype:before { content: ""; }

.fa-foursquare:before { content: ""; }

.fa-trello:before { content: ""; }

.fa-female:before { content: ""; }

.fa-male:before { content: ""; }

.fa-gittip:before { content: ""; }

.fa-sun-o:before { content: ""; }

.fa-moon-o:before { content: ""; }

.fa-archive:before { content: ""; }

.fa-bug:before { content: ""; }

.fa-vk:before { content: ""; }

.fa-weibo:before { content: ""; }

.fa-renren:before { content: ""; }

.fa-pagelines:before { content: ""; }

.fa-stack-exchange:before { content: ""; }

.fa-arrow-circle-o-right:before { content: ""; }

.fa-arrow-circle-o-left:before { content: ""; }

.fa-toggle-left:before, .fa-caret-square-o-left:before { content: ""; }

.fa-dot-circle-o:before { content: ""; }

.fa-wheelchair:before { content: ""; }

.fa-vimeo-square:before { content: ""; }

.fa-turkish-lira:before, .fa-try:before { content: ""; }

.fa-plus-square-o:before { content: ""; }

.fa-space-shuttle:before { content: ""; }

.fa-slack:before { content: ""; }

.fa-envelope-square:before { content: ""; }

.fa-wordpress:before { content: ""; }

.fa-openid:before { content: ""; }

.fa-institution:before, .fa-bank:before, .fa-university:before { content: ""; }

.fa-mortar-board:before, .fa-graduation-cap:before { content: ""; }

.fa-yahoo:before { content: ""; }

.fa-google:before { content: ""; }

.fa-reddit:before { content: ""; }

.fa-reddit-square:before { content: ""; }

.fa-stumbleupon-circle:before { content: ""; }

.fa-stumbleupon:before { content: ""; }

.fa-delicious:before { content: ""; }

.fa-digg:before { content: ""; }

.fa-pied-piper:before { content: ""; }

.fa-pied-piper-alt:before { content: ""; }

.fa-drupal:before { content: ""; }

.fa-joomla:before { content: ""; }

.fa-language:before { content: ""; }

.fa-fax:before { content: ""; }

.fa-building:before { content: ""; }

.fa-child:before { content: ""; }

.fa-paw:before { content: ""; }

.fa-spoon:before { content: ""; }

.fa-cube:before { content: ""; }

.fa-cubes:before { content: ""; }

.fa-behance:before { content: ""; }

.fa-behance-square:before { content: ""; }

.fa-steam:before { content: ""; }

.fa-steam-square:before { content: ""; }

.fa-recycle:before { content: ""; }

.fa-automobile:before, .fa-car:before { content: ""; }

.fa-cab:before, .fa-taxi:before { content: ""; }

.fa-tree:before { content: ""; }

.fa-spotify:before { content: ""; }

.fa-deviantart:before { content: ""; }

.fa-soundcloud:before { content: ""; }

.fa-database:before { content: ""; }

.fa-file-pdf-o:before { content: ""; }

.fa-file-word-o:before { content: ""; }

.fa-file-excel-o:before { content: ""; }

.fa-file-powerpoint-o:before { content: ""; }

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: ""; }

.fa-file-zip-o:before, .fa-file-archive-o:before { content: ""; }

.fa-file-sound-o:before, .fa-file-audio-o:before { content: ""; }

.fa-file-movie-o:before, .fa-file-video-o:before { content: ""; }

.fa-file-code-o:before { content: ""; }

.fa-vine:before { content: ""; }

.fa-codepen:before { content: ""; }

.fa-jsfiddle:before { content: ""; }

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: ""; }

.fa-circle-o-notch:before { content: ""; }

.fa-ra:before, .fa-rebel:before { content: ""; }

.fa-ge:before, .fa-empire:before { content: ""; }

.fa-git-square:before { content: ""; }

.fa-git:before { content: ""; }

.fa-hacker-news:before { content: ""; }

.fa-tencent-weibo:before { content: ""; }

.fa-qq:before { content: ""; }

.fa-wechat:before, .fa-weixin:before { content: ""; }

.fa-send:before, .fa-paper-plane:before { content: ""; }

.fa-send-o:before, .fa-paper-plane-o:before { content: ""; }

.fa-history:before { content: ""; }

.fa-circle-thin:before { content: ""; }

.fa-header:before { content: ""; }

.fa-paragraph:before { content: ""; }

.fa-sliders:before { content: ""; }

.fa-share-alt:before { content: ""; }

.fa-share-alt-square:before { content: ""; }

.fa-bomb:before { content: ""; }

.fa-soccer-ball-o:before, .fa-futbol-o:before { content: ""; }

.fa-tty:before { content: ""; }

.fa-binoculars:before { content: ""; }

.fa-plug:before { content: ""; }

.fa-slideshare:before { content: ""; }

.fa-twitch:before { content: ""; }

.fa-yelp:before { content: ""; }

.fa-newspaper-o:before { content: ""; }

.fa-wifi:before { content: ""; }

.fa-calculator:before { content: ""; }

.fa-paypal:before { content: ""; }

.fa-google-wallet:before { content: ""; }

.fa-cc-visa:before { content: ""; }

.fa-cc-mastercard:before { content: ""; }

.fa-cc-discover:before { content: ""; }

.fa-cc-amex:before { content: ""; }

.fa-cc-paypal:before { content: ""; }

.fa-cc-stripe:before { content: ""; }

.fa-bell-slash:before { content: ""; }

.fa-bell-slash-o:before { content: ""; }

.fa-trash:before { content: ""; }

.fa-copyright:before { content: ""; }

.fa-at:before { content: ""; }

.fa-eyedropper:before { content: ""; }

.fa-paint-brush:before { content: ""; }

.fa-birthday-cake:before { content: ""; }

.fa-area-chart:before { content: ""; }

.fa-pie-chart:before { content: ""; }

.fa-line-chart:before { content: ""; }

.fa-lastfm:before { content: ""; }

.fa-lastfm-square:before { content: ""; }

.fa-toggle-off:before { content: ""; }

.fa-toggle-on:before { content: ""; }

.fa-bicycle:before { content: ""; }

.fa-bus:before { content: ""; }

.fa-ioxhost:before { content: ""; }

.fa-angellist:before { content: ""; }

.fa-cc:before { content: ""; }

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: ""; }

.fa-meanpath:before { content: ""; }

.clearfix:before, .social-bubbles .bubble-wrap:before, #error .checkout .form-horizontal:before, #shop .checkout .form-horizontal:before, #product .checkout .form-horizontal:before, #checkout .checkout .form-horizontal:before, .clearfix:after, .social-bubbles .bubble-wrap:after, #error .checkout .form-horizontal:after, #shop .checkout .form-horizontal:after, #product .checkout .form-horizontal:after, #checkout .checkout .form-horizontal:after { content: " "; display: table; }

.clearfix:after, .social-bubbles .bubble-wrap:after, #error .checkout .form-horizontal:after, #shop .checkout .form-horizontal:after, #product .checkout .form-horizontal:after, #checkout .checkout .form-horizontal:after { clear: both; }

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

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

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

.hide { display: none !important; }

.show { display: block !important; }

.invisible { visibility: hidden; }

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

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

.affix { position: fixed; transform: translate3d(0, 0, 0); }

/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.2.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2014 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
/* @group Base */
.chosen-container { position: relative; display: inline-block; vertical-align: middle; font-size: 13px; zoom: 1; *display: inline; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; }

.chosen-container * { box-sizing: border-box; }

.chosen-container .chosen-drop { position: absolute; top: 100%; left: -9999px; z-index: 1010; width: 100%; border: 1px solid #2d5172; border-top: 0; background: #fff; box-shadow: 0 6px 8px #2d5172; }

.chosen-container.chosen-with-drop .chosen-drop { left: 0; }

.chosen-container a { cursor: pointer; width: 100%; }

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; padding: 6px 0 6px 8px; height: 34px; border: 1px solid #2d5172; background-color: #fff; color: #444; text-decoration: none; white-space: nowrap; line-height: 24px; width: 100%; }

.chosen-container-single .chosen-default { color: #999; }

.chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap; color: #444; font-size: 16px; font-weight: 600; text-indent: 10px; }

.chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; }

.chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; background: url("../img/chosen-sprite.png") -42px 1px no-repeat; font-size: 1px; }

.chosen-container-single .chosen-single abbr:hover { background-position: -42px -10px; }

.chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; }

.chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; width: 25px; height: 100%; }

.chosen-container-single .chosen-single div b { display: block; width: 100%; height: 100%; background: url("../img/arrow-down.png") no-repeat center center; transition: all .2s ease-in; }

.chosen-container-single .chosen-search { position: relative; z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap; }

.chosen-container-single .chosen-search:before { font-family: FontAwesome; position: absolute; top: 12px; right: 12px; z-index: 4; content: ""; color: #37638c; }

.chosen-container-single .chosen-search input[type="text"] { margin: 1px 0; padding: 4px 20px 4px 5px; width: 100%; height: 34px; outline: 0; border: 1px solid #aaa; position: relative; font-size: 16px; color: #333; font-family: sans-serif; line-height: normal; border-radius: 0; box-shadow: none; }

.chosen-container-single .chosen-drop { margin-top: -1px; border-radius: 0 0 4px 4px; background-clip: padding-box; }

.chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; left: -9999px; }

/* @end */
/* @group Results */
.chosen-container .chosen-results { color: #444; position: relative; overflow-x: hidden; overflow-y: auto; margin: 0 4px 4px 0; padding: 0 0 0 4px; max-height: 240px; -webkit-overflow-scrolling: touch; }

.chosen-container .chosen-results li { display: none; margin: 0; padding: 5px 6px; height: 45px; font-size: 16px; font-weight: 600; list-style: none; line-height: 34px; word-wrap: break-word; -webkit-touch-callout: none; }

.chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; }

.chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; }

.chosen-container .chosen-results li.highlighted { background-color: #37638c; color: #fff; }

.chosen-container .chosen-results li.no-results { color: #777; display: list-item; background: #f4f4f4; }

.chosen-container .chosen-results li.group-result { display: list-item; font-weight: bold; cursor: default; }

.chosen-container .chosen-results li.group-option { padding-left: 15px; }

.chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; }

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices { position: relative; overflow: hidden; margin: 0; padding: 0 5px; width: 100%; height: auto !important; height: 1%; border: 1px solid #aaa; background-color: #fff; background-image: linear-gradient(#eeeeee 1%, #ffffff 15%); cursor: text; }

.chosen-container-multi .chosen-choices li { float: left; list-style: none; }

.chosen-container-multi .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap; }

.chosen-container-multi .chosen-choices li.search-field input[type="text"] { margin: 1px 0; padding: 0; height: 25px; outline: 0; border: 0 !important; background: transparent !important; box-shadow: none; color: #999; font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0; }

.chosen-container-multi .chosen-choices li.search-choice { position: relative; margin: 3px 5px 3px 0; padding: 3px 20px 3px 5px; border: 1px solid #aaa; max-width: 100%; border-radius: 3px; background-color: #eeeeee; background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-size: 100% 19px; background-repeat: repeat-x; background-clip: padding-box; box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; line-height: 13px; cursor: default; }

.chosen-container-multi .chosen-choices li.search-choice span { word-wrap: break-word; }

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; background: url("../img/chosen-sprite.png") -42px 1px no-repeat; font-size: 1px; }

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; }

.chosen-container-multi .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); color: #666; }

.chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4; }

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; }

.chosen-container-multi .chosen-results { margin: 0; padding: 0; }

.chosen-container-multi .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default; }

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single { border: 1px solid #2d5172; box-shadow: 0 0 8px #2d5172; }

.chosen-container-active.chosen-with-drop .chosen-single { border-top: 1px solid #2d5172; border-left: 1px solid #2d5172; border-right: 1px solid #2d5172; border-bottom-right-radius: 0; border-bottom-left-radius: 0; box-shadow: none; }

.chosen-container-active.chosen-with-drop .chosen-single div { border-left: none; background: transparent; }

.chosen-container-active.chosen-with-drop .chosen-single div b { transform: rotate(-180deg); }

.chosen-container-active .chosen-choices { border: 1px solid #2d5172; box-shadow: 0 0 8px #2d5172; }

.chosen-container-active .chosen-choices li.search-field input[type="text"] { color: #222 !important; }

/* @end */
/* @group Disabled Support */
.chosen-disabled { opacity: 0.5 !important; cursor: default; }

.chosen-disabled .chosen-single { cursor: default; }

.chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; }

/* @end */
/* @group Right to Left */
.chosen-rtl { text-align: right; }

.chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0; }

.chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl; }

.chosen-rtl .chosen-single-with-deselect span { margin-left: 38px; }

.chosen-rtl .chosen-single div { right: auto; left: 3px; }

.chosen-rtl .chosen-single abbr { right: auto; left: 26px; }

.chosen-rtl .chosen-choices li { float: right; }

.chosen-rtl .chosen-choices li.search-field input[type="text"] { direction: rtl; }

.chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; }

.chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px; }

.chosen-rtl.chosen-container-single-nosearch .chosen-search, .chosen-rtl .chosen-drop { left: 9999px; }

.chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; }

.chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0; }

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: none; }

.chosen-rtl .chosen-search input[type="text"] { padding: 4px 5px 4px 20px; background: white url("../img/chosen-sprite.png") no-repeat -30px -20px; background: url("../img/chosen-sprite.png") no-repeat -30px -20px; direction: rtl; }

.chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px; }

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px; }

/* @end */
/* @group Retina compatibility */
/* @end */
/* bootstrap carousel overrides */
.lt-ie9 .carousel-indicators li { background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICR‌​AEAOw=="); }

html { -webkit-text-size-adjust: none; /* none for no scaling */ }

body { background: #051220; font-family: "proxima-nova", sans-serif; }

a { color: #39638A; }

.wrap-inner { overflow: hidden; }

.wrap-inner > .container { padding: 0; width: 100%; }

.wrap-inner > .container > section, .wrap-inner > .container > div, .wrap-inner > .container > .universe { transform: translate3d(0, 0, 0); }

.mobile .wrap-inner > .container { overflow: hidden; }

.wrap-inner > header { position: relative; z-index: 30; }

.container.constrained { max-width: 1170px; padding-left: 15px; padding-right: 15px; }

.page-nav-indicators { list-style: none outside; margin: 0; padding: 0; position: fixed; top: 50%; left: 20px; z-index: 1000; }

.page-nav-indicators li { display: block; width: 14px; height: 30px; padding: 8px 0; }

.page-nav-indicators li button { background: url("/templates/moonpie_site/assets/img/nav-indicators.png") bottom right no-repeat; display: block; width: 14px; height: 14px; border: none; }

.page-nav-indicators li.active button { background-position: bottom left; }

section { position: relative; }

.section-bg { width: 100%; }

.navcontainer { padding: 0; width: 100%; }

.lt-ie9 .navcontainer { width: 100% !important; }

.lt-ie9 .navcontainer .navbar-collapse { padding-right: 0; }

.navbar { min-height: 45px; margin-bottom: 0; border: 0; border-radius: 0; }

.navbar-footer { background: #000; color: #fff; }

.navbar-brand { position: absolute; height: auto; width: 45%; max-width: 156px; left: 30px; top: 16px; padding: 0; z-index: 1; transform: translate3d(0, 0, 0); }

.navbar-brand img { width: 100%; }

@media screen and (max-width: 768px) { .navbar-brand { left: 16px; }
  .navbar-brand img { width: 58%; } }

.navbar-nav > li > a.menu { padding: 25px 45px 25px; border-left: 1px solid #4a7295; text-transform: uppercase; font-size: 16px; line-height: 15px; font-weight: 500; letter-spacing: .3px; background: #39638A; background-size: 100% 200%; background-image: linear-gradient(to bottom, #20405E 50%, #39638A 50%); background-position: 0 -100%; transition: background-position .6s ease; }

.navbar-nav > li > a.menu:hover { background-position: 0 0; color: #fff; }

.navbar-nav > li > a.menu.active { background: #071D31; }

@media (max-width: 992px) { .navbar-nav > li > a.menu { font-size: 13px; padding-left: 20px; padding-right: 20px; } }

.lt-ie10 .navbar-nav > li > a.menu:hover { background: #f4b800 !important; }

.navbar-nav > li:nth-child(3) > a.menu { border-right: 1px solid #4a7295; margin-right: 10px; }

.navbar-nav > li > a.social { padding: 22px 8px; border: 0; font-size: 18px; color: #fff; }

.navbar-nav > li > a.social:active, .navbar-nav > li > a.social:focus { color: #fff; }

.navbar-nav > li > a.social:hover { color: #fff; background-color: #20405E; }

.navbar-toggle.mobile-menu-button, .navbar-nav > li > .menu-button { background: #39638A; background-size: 100% 200%; background-image: linear-gradient(to bottom, #20405E 50%, #39638A 50%); background-position: 0 -100%; transition: background-position .6s ease; color: #fff; padding: 16px 15px 19px; margin-left: 15px; margin-right: 0; margin-top: 0; margin-bottom: 0; border-radius: 0; border: 0 none; color: #fff; }

.navbar-toggle.mobile-menu-button:hover, .navbar-toggle.mobile-menu-button.active, .navbar-nav > li > .menu-button:hover, .navbar-nav > li > .menu-button.active { background-position: 0 0; color: #fff; }

.navbar-toggle.mobile-menu-button .icon-bar, .navbar-nav > li > .menu-button .icon-bar { background: #fff; border-radius: 0; }

.navbar-toggle.mobile-menu-button { padding: 15px; }

.navbar-toggle.mobile-menu-button .icon-bar { width: 35px; height: 5px; }

.mobile-cart-login { position: absolute; right: 75px; top: 16px; }

.mobile-cart-login a { color: #fff; }

.mobile-cart-login a.shoplogin { margin-right: 10px; position: relative; }

.mobile-cart-login a.shoplogin:after { content: " |"; font-size: 27px; position: absolute; top: -10px; right: -10px; }

.mobile-menu { background: #071D31; padding-top: 0; position: absolute; top: 45px; left: 0; width: 100%; height: 0; overflow: hidden; z-index: 29; transition: height 0.5s; }

.mobile-menu.collapsing { padding-top: 15%; }

.mobile-menu.collapse.in { height: auto; min-height: 700px; padding-top: 15%; }

@media screen and (min-width: 1025px) { .mobile-menu { height: 0 !important; padding-top: 0 !important; } }

.mobile-menu .mobile-menu-header { background: #071D31 !important; color: #fff; border-bottom: 1px solid #fff; display: block; font-size: 24px; font-weight: normal; line-height: 1.2 !important; padding: 10px 0 10px 6% !important; text-align: left; text-transform: uppercase; -webkit-font-smoothing: antialiased; }

.mobile-menu a { background: #071D31 !important; color: #fff; border-bottom: 1px solid #fff; display: block; font-size: 20px; font-weight: normal; line-height: 1.2 !important; padding: 8px 0 8px 8% !important; text-align: left; text-transform: uppercase; -webkit-font-smoothing: antialiased; }

.mobile-menu a:hover, .mobile-menu a:focus, .mobile-menu a.active { color: #169dd4 !important; font-weight: bold; }

.mobile-menu ul { float: none !important; }

.mobile-menu li:last-child a { border-bottom: 0 none; }

.lt-ie10 .navbar-nav > li > .menu-button:hover { background: #20405E !important; }

.menu-button span { display: block; text-transform: uppercase; font-size: 14px; margin-top: 5px; }

.menu-button .icon-bar { display: block; margin: 6px auto 0; width: 39px; height: 4px; background-color: #fff; border-radius: 2px; }

.ajax-loader { background: rgba(255, 255, 255, 0.9) url("/templates/moonpie_site/assets/img/cart-loader.gif") center center no-repeat; background-color: #fff; background-color: rgba(255, 255, 255, 0.9); display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; }

.hero-image { width: 100%; }

.form-control.error { border-color: #d9534f; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6); }

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

.required { color: #66696d; }

.error-message { margin-left: 5px; color: #d9534f; font-style: italic; }

.help-inline { color: #d9534f; }

.password-reset { max-width: 400px; margin: 0 auto; }

.no-margin { margin: 0; }

.navbar-footer { background: #071d32; border: none; border-radius: 0; padding-top: 40px; padding-bottom: 0px; }

@media screen and (max-width: 768px) { .navbar-footer { padding: 10px 0; } }

.mobile .navbar-footer { padding: 10px 0; }

.site-footer.sticky { bottom: 0; position: fixed; width: 100%; }

.footcontainer { background: #071d32; font-size: 16px; line-height: 28px; font-weight: 300; max-width: 940px; }

@media screen and (max-width: 768px) { .footcontainer { text-align: center; } }

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

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

.footcontainer ul a { color: #d7d7d7; letter-spacing: .3px; }

.footcontainer .logo { margin-bottom: 30px; }

.footcontainer .copyright { text-indent: -15px; font-size: 12px; line-height: 38px; }

@media screen and (max-width: 768px) { .footcontainer .copyright { display: inline-block; float: none; width: auto; padding-right: 5px; } }

.mobile .footcontainer .copyright { display: inline-block; float: none; width: auto; padding-right: 5px; }

.footcontainer .copyright a { color: #d7d7d7; }

.footcontainer .footlinks-column-header { font-size: 18px; margin-bottom: 7px; font-weight: 500; letter-spacing: .5px; color: #fff; border-bottom: 1px solid #203447; }

.footcontainer .footrow { margin-bottom: 40px; }

@media screen and (max-width: 768px) { .footcontainer .footlinks-social { display: inline-block; float: none; width: auto; margin: 0; vertical-align: middle; } }

.mobile .footcontainer .footlinks-social, .tablet .footcontainer .footlinks-social { display: none; /*            display: inline-block; float: none; width: auto; margin: 0; vertical-align: middle;*/ }

.footcontainer .footlinks-social .footlinks-column-header { margin-bottom: 15px; }

.footcontainer .footlinks-social li { margin-left: 10px; }

.footcontainer .footlinks-social li:first-child { margin-left: 0; }

@media screen and (max-width: 768px) { .footcontainer .footlinks-social li { display: inline-block; margin: 0; padding: 0; } }

.mobile .footcontainer .footlinks-social li { display: inline-block; margin: 0; padding: 0; }

.footcontainer .footlinks-social a { padding: 0; }

.footcontainer .footlinks-social a i { font-size: 26px; font-weight: 100; line-height: 38px; text-align: center; color: #071d32; width: 38px; height: 38px; }

@media (max-width: 992px) { .footcontainer .footlinks-social a i { font-size: 20px; width: 30px; height: 30px; line-height: 30px; } }

@media screen and (max-width: 768px) { .footcontainer .footlinks-social a i { color: #fff; font-size: 16px; width: 14px; height: 20px; line-height: 20px; border-radius: none; display: inline-block; background: none; } }

.mobile .footcontainer .footlinks-social a i { color: #fff; font-size: 16px; width: 14px; height: 20px; line-height: 20px; }

.check-styled { background: url("/templates/moonpie_site/assets/img/checkbox-bg.png") top right no-repeat; width: 20px; height: 20px; display: inline-block; margin-right: 5px; vertical-align: middle; }

.check-styled.checked { background-position: top left; }

.pagination { text-align: center; }

.pagination li { display: inline-block; margin: 0 4px; }

.pagination li .btn { padding: 10px 20px; }

.pagination li .btn.active { background: #0d1925; border-bottom: 3px solid #0d1925; cursor: default; }

.screen-reader { display: block !important; left: -9999px !important; position: absolute !important; }

.text-hide { position: absolute; position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }

.info-modal { background: #fff; border: 10px solid #F4B945; color: #3a3a3a; }

.info-modal .modal-footer { text-align: center; }

@media (min-width: 768px) { .info-modal { height: 250px; width: 50%; margin: 0 auto; top: 10%; } }

.info-modal .modal-header { padding-right: 0; }

.info-modal .close { font-size: 30px; margin-top: -5px; width: 40px; height: 30px; }

@media (max-width: 768px) { .info-modal .close { font-size: 46px; margin-top: 0; width: 46px; height: 46px; } }

.lt-ie9 input[type=password] { font-family: Arial, sans-serif; }

@media (min-width: 768px) { #login-modal { height: 480px; } }

@media (min-width: 768px) { #password-modal { height: 300px; } }

@media (min-width: 768px) { #register-modal { height: 550px; } }

@media (max-width: 767px) { .modal-header h3 { margin-top: 10px; margin-bottom: 0; } }

@media (max-width: 767px) { .modal-body { padding: 15px 15px 0; } }

.modal-footer .btn { width: 140px; margin-bottom: 10px; letter-spacing: 0; font-size: inherit; padding: 10px 0; }

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

.modal-footer div { width: 100%; }

#external-links-modal .modal-header { padding-bottom: 0; border-bottom: none; padding-inline: 24px; }

#external-links-modal .modal-title { font-weight: bold; font-size: 24px; color: #19304B; }

#external-links-modal .modal-body { color: #39638A; font-size: 16px; padding-inline: 24px; }

#external-links-modal .modal-body p:last-child { margin-bottom: 0; }

#external-links-modal .modal-footer { border-top: none; padding-top: 0; }

#external-links-modal .modal-footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding-top: 0; border-top: none; padding-inline: 24px; }

#external-links-modal .modal-footer .continue { background-color: #20405E; border-bottom: 4px solid #3B88C4; margin-bottom: 0; margin-right: 2rem; font-size: 16px; text-transform: uppercase; }

#external-links-modal .modal-footer .continue:hover { background-color: #071D31; }

#external-links-modal .modal-footer .cancel { color: #20405E; text-decoration: underline; font-size: 16px; cursor: pointer; }

#external-links-modal .modal-footer .cancel:hover { color: #39638A; text-decoration: none; }

.perspective > .container { transition: transform 0.5s, opacity 0.5s; transform-origin: 50% 50%; }

.perspective > .container:after { background: #073462; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); transition: opacity 1.5s; z-index: -1; }

.lt-ie9 .perspective > .container:after { display: none; }

.perspective.menu-open { background: #0a111a url("/templates/moonpie_site/assets/img/perspective-bg.png") center center repeat; height: 100%; width: 100%; perspective: 4500px; overflow: hidden; transform: translate3d(0, 0, 0); }

.perspective.menu-open > .container { box-shadow: 0 0 3px 3px #073462; outline: 1px solid transparent; overflow: hidden; width: 100%; height: 100%; min-height: 950px; cursor: pointer; transform: translateX(-50%) rotateY(45deg) translateZ(-50px); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.perspective.menu-open > .container:after { opacity: 0.65; filter: alpha(opacity=65); z-index: 15; }

.lt-ie9 .perspective.menu-open > .container:after { display: block; }

.perspective.menu-open #perspective-menu { display: block; transform: scale(1.4); visibility: visible; }

.perspective.menu-open #perspective-menu h2, .perspective.menu-open #perspective-menu a { background-color: transparent; }

.perspective.menu-closing > .container { transform: none; }

.perspective.menu-closing > .container:after { opacity: 0; filter: alpha(opacity=0); z-index: -1; }

.perspective.menu-closing #perspective-menu { transform: scale(1); }

.no-preserve-3d .perspective > .container { transition: none; transform: none; }

.no-preserve-3d .perspective > .container:after { top: 65px; }

.no-preserve-3d .perspective #perspective-menu { transition: none; transform: none; background: #03152b; width: 40%; right: -40%; height: 100%; top: 65px; padding: 30px; z-index: -1; }

.no-preserve-3d .perspective.menu-open #perspective-menu { display: block; z-index: 1000; top: 65px; }

#perspective-menu { display: none; position: absolute; height: auto; padding-left: 20px; width: 40%; top: 100px; right: 0; visibility: hidden; transition: transform 0.5s; transform-style: preserve-3d; transform-origin: 0 0; }

#perspective-menu h2 { border-bottom: 1px solid #3f444b; color: #fbcf45; font-size: 14px; font-weight: bold; padding: 0 0 10px 10px; text-align: left !important; text-transform: uppercase; background-color: #000; }

#perspective-menu h2 .active:before { left: -16px !important; }

#perspective-menu a { color: #fbcf45; font-weight: bold; position: relative; text-transform: uppercase; background-color: #000; }

#perspective-menu a.active { color: #38e5e0; }

#perspective-menu a.active:before { content: "\25B6"; display: block; font-size: 10px; line-height: 1; position: absolute; top: 4px; left: 9px; }

#perspective-menu li a { line-height: 2em; padding-left: 25px; }

.lt-ie9 #perspective-menu { height: 120%; }

.lt-ie9 .perspective > .container:after { background: none; }

.btn { border: none; color: #fff; font-size: 17px; padding: 10px 60px; box-shadow: none !important; }

.btn:hover { color: #fff; }

.btn.btn-primary, .btn.btn-warning { color: #071D31; background: #F4B945; border-bottom: 3px solid #091625; }

.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning:active { background: #df980d; background: #EBBA3F; color: #071D31; }

.btn.btn-secondary { color: #fff; background: #20405E; border-bottom: 3px solid #3B88C4; }

.btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary:active { background: #071D31; border-bottom: 0; }

.btn.btn-danger { background: #d9534f; border-bottom: 3px solid #b52b27; }

.btn.btn-danger:hover, .btn.btn-danger:focus { background: #b52b27; }

.btn.btn-danger:active { background: #d43f3a; border-bottom: 3px solid #d43f3a; }

.btn.btn-info { background: #5bc0de; border-bottom: 3px solid #28a1c5; }

.btn.btn-info:hover, .btn.btn-info:focus { background: #28a1c5; }

.btn.btn-info:active { background: #46b8da; border-bottom: 3px solid #46b8da; }

.btn.btn-sm { padding: 3px 40px 4px 40px; }

.btn-file { display: block; position: relative; overflow: hidden; }

.btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block; }

.circle { border-radius: 20px; display: block; text-align: center; }

.circle:hover { text-decoration: none !important; }

.circle.white { background: #ffffff; background-size: 100% 200%; background-image: linear-gradient(to bottom, #F4B945 50%, #ffffff 50%); background-position: 0 -100%; transition: background-position .6s ease; }

.circle.white:hover { background-position: 0 0; }

.circle.purple { color: #fff; background: #3c5799; background-size: 100% 200%; background-image: linear-gradient(to bottom, #F4B945 50%, #3c5799 50%); background-position: 0 -100%; transition: background-position .6s ease; }

.circle.purple:hover { background-position: 0 0; }

.circle.red { color: #fff; background: #C92228; background-size: 100% 200%; background-image: linear-gradient(to bottom, #F4B945 50%, #C92228 50%); background-position: 0 -100%; transition: background-position .6s ease; }

.circle.red:hover { background-position: 0 0; }

.circle.light-blue { color: #fff; background: #29a8e0; background-size: 100% 200%; background-image: linear-gradient(to bottom, #F4B945 50%, #29a8e0 50%); background-position: 0 -100%; transition: background-position .6s ease; }

.circle.light-blue:hover { background-position: 0 0; }

.circle.green { color: #fff; background: #23b686; background-size: 100% 200%; background-image: linear-gradient(to bottom, #F4B945 50%, #23b686 50%); background-position: 0 -100%; transition: background-position .6s ease; }

.circle.green:hover { background-position: 0 0; }

.circle.blue { color: #fff; background: #316193; background-size: 100% 200%; background-image: linear-gradient(to bottom, #F4B945 50%, #316193 50%); background-position: 0 -100%; transition: background-position .6s ease; }

.circle.blue:hover { background-position: 0 0; }

.circle.small { font-size: 17px; font-weight: 100; line-height: 27px; width: 27px; }

.lt-ie10 .circle:hover { background: #F4B945 !important; }

.hj_social_bookmarks li { display: inline-block; list-style-type: none; }

.hj_social_bookmarks a { text-decoration: none; }

.universe { overflow: hidden; position: relative; }

.star-layer, .planet-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1; }

.star-layer .star, .star-layer .planet, .planet-layer .star, .planet-layer .planet { position: absolute; top: 0; left: 0; width: 30px; height: 51px; }

.star-layer .star.visible img, .star-layer .planet.visible img, .planet-layer .star.visible img, .planet-layer .planet.visible img { opacity: 1; }

.star-layer .star img, .star-layer .planet img, .planet-layer .star img, .planet-layer .planet img { opacity: 0; width: 100%; transition: opacity 1s; }

.star-layer .no-rings, .planet-layer .no-rings { background: #105b5e; border-radius: 50%; width: 40px; height: 40px; opacity: 0; transition: opacity 1s; }

.star-layer .no-rings.visible, .planet-layer .no-rings.visible { opacity: 1; }

.star-layer .no-rings img, .planet-layer .no-rings img { display: none; }

.star-layer .parallax-layer-1, .planet-layer .parallax-layer-1 { opacity: 0.7; filter: alpha(opacity=70); }

.bot { position: absolute; z-index: 10; }

.bot .bot-body { position: absolute; }

.bot .bot-sign { position: absolute; overflow: hidden; }

.bot .bot-sign a { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; }

.bot .bot-sign a img { width: auto !important; }

.bot.bot-left { width: 125px; height: 181px; top: 50%; left: -200px; }

.lt-ie9 .bot.bot-left { left: 3%; }

.bot.bot-left .bot-sign { width: 125px; height: 122px; bottom: 120px; left: 0; }

.bot.bot-left .bot-body { width: 64px; height: 60px; top: 60px; left: 19px; background: url(../img/bot_left.png); }

.bot.bot-right { width: 146px; height: 252px; top: 10%; right: -200px; }

.lt-ie9 .bot.bot-right { right: 3%; top: 30%; }

.bot.bot-right .bot-sign { width: 146px; height: 160px; bottom: 158px; left: 0; }

.bot.bot-right .bot-body { width: 99px; height: 93px; top: 93px; left: 28px; background: url(../img/bot_right.png); }

.overlax { background: #03152b; }

.js .overlax:after { background: #03152b; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }

.js .overlax.ready:after { display: none; }

.overlax .overlax-layer { position: absolute !important; top: 0; width: 100%; height: 100%; overflow: hidden; }

.overlax .overlax-layer > div { height: 100%; }

.overlax .overlax-layer .section-bg { position: absolute; top: 0; left: 0; width: auto; height: 100%; -webkit-backface-visibility: hidden; }

.moon-bubbles-wrap { background: #03152b; position: relative; overflow: hidden; }

.deep-space-bg { display: none; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; padding-top: 71.4%; width: 100%; height: 0; }

.lt-ie9 .deep-space-bg { display: block; }

.deep-space-bg img { position: absolute; top: 0; left: 0; width: 100%; }

.main-moon-bg { display: none; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; padding-top: 56.35%; width: 100%; height: 0; }

.lt-ie9 .main-moon-bg { display: block; }

.main-moon-bg img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; }

.main-moon-bg img.svg { opacity: 0.3; filter: alpha(opacity=30); width: 65%; }

.lt-ie9 .main-moon-bg img.svg { display: none; }

.main-moon { height: 800px; position: relative; }

.home-down-arrow { background: url("/templates/moonpie_site/assets/img/home-down-arrow.png") 0 0 no-repeat; bottom: 80px; cursor: pointer; left: 0; right: 0; margin: auto; position: absolute; width: 42px; height: 42px; z-index: 10; display: none; }

.sliders .home-down-arrow { bottom: auto; display: block; top: 68%; left: 5%; margin: 0; }

@media screen and (min-width: 769px) { .sliders .home-down-arrow { top: 35%; } }

.video-js { padding-top: 56.25%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; height: 0; }

.video-js.vjs-fullscreen { padding-top: 0; }

.video-js .vjs-tech { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.video-js .vjs-text-track-display, .video-js .vjs-big-play-button, .video-js .vjs-control-bar, .video-js .vjs-error-display { display: none; }

.vjs-fullscreen { padding-top: 0; }

#moon-menu-intro { background: #03152b; }

.moonpie-loader { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; width: 221px; height: 219px; z-index: 100; }

.moon-menu-container { position: relative; width: 100%; height: 100%; z-index: 9; }

.moon-menu-container .moon-left-arrow, .moon-menu-container .moon-right-arrow { display: none; cursor: pointer; position: absolute; z-index: 11; top: 41.5%; left: 30%; width: 3%; }

.moon-menu-container .moon-left-arrow img, .moon-menu-container .moon-right-arrow img { width: 100%; }

@media screen and (min-width: 1000px) { .moon-menu-container .moon-left-arrow, .moon-menu-container .moon-right-arrow { top: 39%; left: 28%; } }

.moon-menu-container .moon-right-arrow { left: 65%; top: 52%; width: 3.5%; }

@media screen and (min-width: 1000px) { .moon-menu-container .moon-right-arrow { top: 52%; left: 67%; } }

.moon-menu-container .moon-menu-wrap { display: none; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; padding-top: 56.25%; z-index: 2; width: 100%; height: 0; }

.moon-menu-container .moon-menu-wrap .moon-img { position: absolute; top: 4%; left: -2%; right: 0; margin: auto; width: 45.5%; z-index: 3; }

.moon-menu-container .moon-menu-wrap .moon-menu { list-style: none outside; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; padding: 0; width: 50%; height: 70%; z-index: 4; }

.moon-menu-container .moon-menu-wrap .moon-menu li a { position: absolute; }

.lt-ie9 .moon-menu-container .moon-menu-wrap .moon-menu li a { background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICR‌​AEAOw=="); }

.moon-menu-container .moon-menu-wrap .moon-menu .store a { top: -15%; left: 2%; height: 59%; width: 46%; }

.moon-menu-container .moon-menu-wrap .moon-menu .products a { top: 0; left: 57%; width: 38%; }

.moon-menu-container .moon-menu-wrap .moon-menu .museum a { top: 59%; left: 50%; width: 33%; height: 40%; }

.moon-menu-container .moon-menu-wrap .moon-menu .recipes a { top: 50%; left: 4%; width: 37%; height: 39%; }

.bot.bot-left { width: 125px; height: 181px; top: 50%; left: -200px; }

.bot.bot-left .bot-sign { width: 125px; height: 122px; bottom: 120px; left: 0; }

.bot.bot-right { width: 146px; height: 252px; top: 10%; right: -200px; }

.bot.bot-right .bot-sign { width: 146px; height: 160px; bottom: 158px; left: 0; }

.social-bubbles { position: relative; padding-top: 60px; }

.social-bubbles.lt-ie9 { background-repeat: repeat-x; }

.social-bubbles .bubble-slider { position: relative; z-index: 10; width: 100%; overflow: hidden; }

.lt-ie9 .social-bubbles .bubble-slider { height: 650px; }

.social-bubbles .bubble-wrap { padding: 80px 0 40px 0; width: 20000em; position: relative; }

.social-bubbles .bubble { color: #fff; font-size: 18px; font-weight: bold; position: relative; width: 250px; margin: 20px 80px; float: left; }

.social-bubbles .bubble:before { border: 2px solid #133e70; border: 2px solid rgba(19, 62, 112, 0.4); border-radius: 50%; content: "\0020"; position: absolute; top: -20px; left: -20px; width: 116%; height: 0; padding-bottom: 114%; }

.lt-ie9 .social-bubbles .bubble:before { display: none; }

.social-bubbles .bubble > a { display: block; }

.social-bubbles .bubble .avatar { border-radius: 50%; position: absolute; top: -75px; left: -20px; width: 64px; height: 64px; overflow: hidden; }

.social-bubbles .bubble .avatar img { width: 100%; height: 64px; }

.social-bubbles .bubble .name { position: absolute; top: -55px; left: 60px; }

.social-bubbles .bubble .source { background: url("/templates/moonpie_site/assets/img/social-icons.png") 0 0 no-repeat; position: absolute; top: -62px; right: -30px; width: 36px; height: 36px; }

.social-bubbles .bubble .source.facebook { background-position: 0 0; }

.social-bubbles .bubble .source.pinterest { background-position: -36px 0; }

.social-bubbles .bubble .source.instagram { background-position: -72px 0; }

.social-bubbles .bubble .source.twitter { background-position: -108px 0; }

.social-bubbles .bubble .source.none { background: none; }

.social-bubbles .bubble figure { min-height: 300px; }

.social-bubbles .bubble figure img { border-radius: 50%; overflow: hidden; width: 100%; height: 250px; }

.social-bubbles .bubble .caption { padding: 0 10px; word-wrap: break-word; }

.social-bubbles .bubble .caption a { color: #dfaf36; }

.social-bubbles .bubble.small { width: 200px; }

.social-bubbles .bubble.small:before { top: -17px; left: -17px; width: 116%; }

.sliders { background: #03152b; }

.sliders .carousel { max-width: 1400px; margin: 0 auto; }

.sliders .carousel .bg img { width: 100%; }

.sliders .carousel .content { position: absolute; top: 0; left: 0; width: 30%; }

.mobile .sliders .carousel .content { width: 100%; }

.tablet .sliders .carousel .content { width: 75%; }

.sliders .carousel .content.slider_right_center { text-align: center; top: 52%; left: 46%; }

.sliders .carousel .content.slider_right_center p { font-size: 20px; }

.sliders .carousel .content.slider_right_leftalign { text-align: left; top: 50%; left: 48%; }

.sliders .carousel .content.slider_moreright_leftalign { text-align: left; top: 50%; left: 54%; }

.sliders .carousel .content.slider_left_center { text-align: center; top: 58%; left: 23%; }

.sliders .carousel .content.slider_left_center p { font-size: 22px; }

.sliders .carousel .content p { font-size: 18px; margin-bottom: 30px; }

.sliders .carousel-control { z-index: 1; background-image: none !important; background-color: transparent; border: none; }

.sliders .carousel-control span { border: 4px solid #fff; border-radius: 50%; font-size: 24px; width: 52px; height: 52px; line-height: 45px; }

.mobile .sliders .content, .tablet .sliders .content { left: 0 !important; right: 0 !important; margin: auto; text-align: center !important; }

.mobile .sliders .content.slider_right_center, .tablet .sliders .content.slider_right_center { top: 28%; }

.mobile .sliders .content.slider_right_leftalign, .tablet .sliders .content.slider_right_leftalign { top: 59%; }

.mobile .sliders .content.slider_moreright_leftalign, .tablet .sliders .content.slider_moreright_leftalign { top: 59%; }

.mobile .sliders .content.slider_left_center, .tablet .sliders .content.slider_left_center { top: 40%; }

.mobile .sliders .content.slider_left_center p, .tablet .sliders .content.slider_left_center p { padding-bottom: 45%; }

.mobile .sliders .content p, .tablet .sliders .content p { font-weight: bold; font-size: 16px !important; line-height: 1.2; -webkit-font-smoothing: antialiased; width: 75%; margin: 0 auto 5% auto; }

.tablet .sliders .content.slider_left_center p { padding-bottom: 65%; }

.btn-double-down-arrow { -webkit-transform: translate3d(0, 0, 0); background: url("/templates/moonpie_site/assets/img/mobile-double-down-arrows.png") center center no-repeat; cursor: pointer; position: absolute; left: 0; right: 0; bottom: 5%; margin: auto; width: 45px; height: 45px; padding: 0; z-index: 21; outline: 0 none; }

.btn-double-down-arrow:active, .btn-double-down-arrow:focus, .btn-double-down-arrow:active:focus { outline: none; }

.sliders .btn-double-down-arrow { bottom: -3%; }

.mobile-home .social, .tablet .home .social { background: #ecede5; padding: 40px 0; }

.mobile-home .social h2, .tablet .home .social h2 { color: #306997; font-size: 20px; font-weight: bold; margin-top: 0; margin-bottom: 30px; text-align: center; }

.mobile-home .social ul, .tablet .home .social ul { text-align: center; width: 100%; margin: 0; float: none; }

.mobile-home .social ul li, .tablet .home .social ul li { display: inline-block; width: 10%; margin: 0 1%; float: none; }

.mobile-home .social ul li a, .tablet .home .social ul li a { background: url("/templates/moonpie_site/assets/img/mobile-social-icons.png") no-repeat top left; background-size: 581% 100%; width: 100%; padding-bottom: 70%; height: 0; }

@media screen and (min-width: 480px) { .mobile-home .social ul li a, .tablet .home .social ul li a { padding-bottom: 82%; } }

.mobile-home .social ul li a.facebook, .tablet .home .social ul li a.facebook { background-position: 0 0; }

.mobile-home .social ul li a.pinterest, .tablet .home .social ul li a.pinterest { background-position: 24.8% 0; }

.mobile-home .social ul li a.twitter, .tablet .home .social ul li a.twitter { background-position: 50.5% 0; }

.mobile-home .social ul li a.vine, .tablet .home .social ul li a.vine { background-position: 75.3% 0; }

.mobile-home .social ul li a.instagram, .tablet .home .social ul li a.instagram { background-position: 100% 0; }

#products-wrap .product-hero { position: relative; }

#products-wrap .product-hero .product-container img { width: 100%; }

#products-wrap .product-hero .content { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-align: center; z-index: 10; }

#products-wrap .product-hero .content .southern-pies-logo { position: absolute; top: 0; left: 23%; width: 9%; }

.mobile #products-wrap .product-hero .content .southern-pies-logo { left: 13%; }

@media screen and (max-width: 767px) { #products-wrap .product-hero .content .southern-pies-logo { left: 13%; } }

#products-wrap .product-hero .content .title { width: 65%; position: absolute; left: 0; right: 0; top: 0; margin: auto; }

.mobile #products-wrap .product-hero .content .title { width: 95%; }

@media screen and (max-width: 767px) { #products-wrap .product-hero .content .title { width: 95%; } }

#products-wrap .product-hero .content .product { position: absolute; top: 31.5%; left: 0; right: 0; margin: auto; width: 55%; }

.mobile #products-wrap .product-hero .content .product { width: 95%; top: 28%; }

@media screen and (max-width: 767px) { #products-wrap .product-hero .content .product { width: 95%; top: 28%; } }

#products-wrap .product-hero .content .button-wrap { position: absolute; top: 78%; left: 0; right: 0; margin: auto; }

.mobile #products-wrap .product-hero .content .button-wrap { top: 77%; }

@media screen and (max-width: 767px) { #products-wrap .product-hero .content .button-wrap { top: 77%; } }

#products-wrap .bot.bot-double-decker { width: 232px; height: 346px; top: 65%; left: -200px; }

.lt-ie9 #products-wrap .bot.bot-double-decker { left: 3%; }

#products-wrap .bot.bot-double-decker .bot-sign { width: 232px; height: 287px; bottom: 285px; left: -27px; }

#products-wrap .bot.bot-single-decker { width: 179px; height: 248px; top: 30%; right: -200px; }

.lt-ie9 #products-wrap .bot.bot-single-decker { right: 3%; top: 40%; }

#products-wrap .bot.bot-single-decker .bot-sign { width: 179px; height: 156px; bottom: 154px; left: -40px; }

#products-wrap .bot.bot-mini-moonpie { width: 188px; height: 280px; top: 20%; right: -200px; }

.lt-ie9 #products-wrap .bot.bot-mini-moonpie { right: 3%; top: 32%; }

#products-wrap .bot.bot-mini-moonpie .bot-sign { width: 188px; height: 188px; bottom: 186px; left: -38px; }

#products-wrap .bot.bot-southern-pie { width: 182px; height: 242px; top: 60%; right: -200px; }

.lt-ie9 #products-wrap .bot.bot-southern-pie { right: 3%; }

#products-wrap .bot.bot-southern-pie .bot-sign { width: 182px; height: 150px; bottom: 180px; left: -38px; }

#find { background: #f1f2ec; color: #000; }

#find.mobile section { padding: 0 10px; }

.mobile .find-canvas { display: none; }

.lt-ie9 .find-canvas { height: 1298px; background: #f1f2ec; width: 100%; position: absolute; }

.find-canvas .find-stage, .find-canvas .find-main { position: absolute; top: 0; left: 0; max-width: 100%; }

.find-canvas .find-main { top: 100px; }

.mobile .find-canvas img { width: 100%; }

.main.find { background: #f1f2ec; overflow: hidden; }

.mobile .main.find .find_buttons, .mobile .main.find .retailer-list-header, .mobile .main.find .more_paragraphs, .mobile .main.find .retailer_locations { display: none; }

.main.find .find_us_copy { margin-top: 220px; position: relative; z-index: 10; }

.mobile .main.find .find_us_copy { margin-top: 40px; }

.mobile .main.find .find_us_copy .find_buttons, .mobile .main.find .find_us_copy .retailer-list-header, .mobile .main.find .find_us_copy .more_paragraphs, .mobile .main.find .find_us_copy .retailer_locations { display: none; }

@media screen and (max-width: 768px) { .main.find .find_us_copy { margin-top: 30px; } }

.main.find .find_us_copy .find-top { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-direction: column; flex-direction: column; gap: 3rem; padding-block: 4rem; }

.main.find .find_us_copy .find-top a { margin-inline: auto; }

@media (min-width: 768px) { .main.find .find_us_copy .find-top { margin-top: -220px; } }

@media (min-width: 1650px) { .main.find .find_us_copy .find-top { -ms-flex-direction: row; flex-direction: row; } }

.mobile .main.find .find_us_copy .find-top { width: 80%; margin: 30px auto; display: -ms-flexbox; display: flex; }

.main.find p { font-size: 16px; line-height: 24px; color: #323d49; font-weight: 600; }

.main.find h3 { text-transform: uppercase; font-size: 20px; color: #37638c; font-weight: 600; }

.main.find a { color: #37638C; text-decoration: underline; }

.main.find a:hover { text-decoration: none; }

.main.find .row { margin-right: 0px; }

.find_buttons { margin-top: 50px; margin-bottom: 60px; position: relative; }

.find_buttons a { font-size: 13px; font-weight: 600; width: 200px; padding-left: 0 !important; padding-right: 0 !important; color: #fff !important; border-radius: 0; background: #f4b906; }

.find_buttons a.btn-secondary { background: #37638c; border-bottom: 0; }

.find_buttons a.btn-secondary:active, .find_buttons a.btn-secondary:focus { border: none; }

.find_buttons .btn { margin-bottom: 10px; }

.find_form { display: none; background: #37638c; color: #fff; padding: 30px 40px; position: absolute; width: 404px; max-width: 100%; z-index: 10; }

.find_form label { font-size: 14px; letter-spacing: 1px; font-weight: 300; display: block; margin-bottom: 10px; }

.find_form label .required, .find_form label .error-message { color: #fff; font-weight: bold; }

.find_form input, .find_form select { border-radius: 0; -webkit-border-radius: 0px; border: 1px solid #2d5172; font-size: 16px; color: #444; font-weight: 600; }

.find_form input.error, .find_form select.error { border: 1px solid #F4B945; }

.find_form input:focus, .find_form select:focus { outline: 0; box-shadow: 0 0 8px #2d5172; border: 1px solid #2d5172; }

.find_form select { width: 200px; }

.find_form .input-group-btn { text-align: center; }

.find_form .input-group-btn button { width: 100%; padding: 10px 0; font-size: 16px; margin-top: 20px; border-radius: 0; border-bottom-width: 1px; font-weight: 600; letter-spacing: 1px; }

.find_form .chosen-container .chosen-single, .find_form .chosen-container .chosen-single.active { border: 0; box-shadow: none; height: auto; padding: 0; }

.more_paragraphs { margin-bottom: 20px; }

.retailer_group { margin-bottom: 30px; }

.retailer_group .retailer-logo { margin-right: 15px; position: relative; height: 75px; }

.retailer_group .retailer-logo:before { content: ' '; display: inline-block; vertical-align: middle; height: 100%; }

.retailer_group .retailer-logo img { display: inline-block; vertical-align: middle; }

.retailer_group h4, .general_stores h4 { text-transform: uppercase; font-size: 18px; color: #071D32; font-weight: 700; }

.retailer_group h5, .general_stores h5 { color: #37638c; font-size: 18px; font-weight: 600; }

.general_stores { margin-bottom: 60px; }

.general_stores h4 { margin-bottom: 25px; }

.general_store { margin-bottom: 30px; }

#about-wrap { background: #0b192c; }

.mobile #about-wrap { overflow: hidden; }

#about-wrap .about-slide { position: relative; }

.mobile #about-wrap .about-slide { overflow: visible; }

.mobile #about-wrap .about-slide.layer-6 .content { bottom: 30%; }

#about-wrap .about-slide .content { -webkit-transform: translate3d(0, 0, 0); position: absolute; width: 75%; font-size: 1.2em; line-height: 1.2em; text-align: center; left: 0; right: 0; margin: auto; z-index: 20; }

#about-wrap .about-slide .content.static { position: static; }

.mobile #about-wrap .about-slide .content { background: rgba(5, 18, 32, 0.95); bottom: 0; top: auto; width: 100%; }

.mobile #about-wrap .about-slide .content, .tablet #about-wrap .about-slide .content { width: 100%; }

#about-wrap .about-slide .content h2 { font-size: 36px; font-weight: bold; margin-bottom: 15px; }

.mobile #about-wrap .about-slide .content h2 { color: #fff; margin-bottom: 0; padding: 0 10px; }

@media screen and (max-height: 767px), (max-width: 767px) { #about-wrap .about-slide .content h2 { margin-bottom: 0; padding: 0 10px; } }

#about-wrap .about-slide .content p { font-size: 24px; line-height: 1.3; -webkit-font-smoothing: antialiased; }

.mobile #about-wrap .about-slide .content p { color: #fff; font-size: 16px; /*                    background: rgba(0, 0, 0, 0.5); background: radial-gradient(ellipse at center, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.4) 75%,rgba(0,0,0,0) 100%); background: #fff;*/ padding: 20px 30px; text-align: justify; }

.mobile #about-wrap .about-slide .content p, .tablet #about-wrap .about-slide .content p { font-size: 16px; /*                    background: rgba(0, 0, 0, 0.5); background: radial-gradient(ellipse at center, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.4) 75%,rgba(0,0,0,0) 100%); background: #fff;*/ padding: 20px 30px; text-align: justify; }

#about-wrap .about-slide .positioned_middle { top: 40%; }

@media screen and (max-height: 680px) { #about-wrap .about-slide .positioned_middle { top: 55%; } }

@media screen and (min-height: 681px) and (max-height: 769px) { #about-wrap .about-slide .positioned_middle { top: 45%; } }

@media screen and (max-height: 1024px) and (min-width: 1230px) { #about-wrap .about-slide .positioned_middle { top: 60%; } }

#about-wrap .about-slide .positioned_middle .tablet { top: 35%; }

#about-wrap .about-slide .positioned_top { top: 4%; }

#about-wrap .about-slide .positioned_upper { top: 10%; }

#about-wrap .btn-down-arrow { -webkit-transform: translate3d(0, 0, 0); background: url("/templates/moonpie_site/assets/img/btn-down-arrow.png") center center no-repeat; cursor: pointer; position: absolute; left: 0; right: 0; bottom: 10px; margin: auto; width: 45px; height: 45px; padding: 0; z-index: 21; outline: 0 none; }

#jobs { background: #fff; color: #000; }

#jobs .row.jobs { margin: 0; }

#jobs h1 + hr { display: none; }

.container.jobs { position: relative; }

.page-content { padding: 40px 0 180px; }

.mobile .page-content { padding-top: 10px; padding-bottom: 60px; }

.page-content h1 { font-size: 34px; color: #0a2a49; font-weight: 600; }

.page-content .currently-open { padding-top: 20px; }

.page-content .currently-open h1 { background: #2c3e50; color: #fff; line-height: 40px; border: 2px solid #ecede5; padding: 15px 20px; }

.page-content .currently-open h1 i { font-size: 40px; float: left; margin-right: 10px; }

.page-content h2 { font-size: 24px; font-weight: 600; color: #0a2a49; margin-top: 3px; margin-bottom: 3px; }

.page-content h4 { font-style: italic; font-size: 14px; color: #4e4e4e; margin-top: 7px; margin-bottom: 7px; }

.page-content p { font-size: 18px; line-height: 24px; color: #3a3a3a; }

.page-content hr { border-top: 1px solid #00b5ab; border-bottom: none; width: 60px; margin: 20px 0; text-align: left; }

.page-content a, .page-content button { color: #39638A; font-size: 18px; font-style: italic; text-decoration: underline; }

.page-content a:hover, .page-content button:hover { text-decoration: none; }

.page-content button { background-color: transparent; padding: 0; border: none; }

.page-content .position-listing { padding: 15px 20px; background: #f8f8f5; border: 2px solid #ecede5; margin-bottom: 15px; }

.page-content .position-listing.even { background: #fff; }

.page-content .position-listing .jobs-full-listing { display: none; }

.hero { position: relative; }

.pin-to-right { position: absolute; display: block; width: 122px; height: 124px; top: auto; bottom: -135px; right: -60px; }

.pin-to-left { position: absolute; display: block; width: 80px; height: 80px; bottom: 100px; left: -40px; }

.icon-user { background: url("../img/user.png") no-repeat center center; width: 25px; height: 38px; display: inline-block; }

@media (max-width: 767px) { .page-content .currently-open h1 { font-size: 20px; }
  .page-content .currently-open h1 i { font-size: 22px; line-height: 40px; } }

#news { background: #fff; color: #000; }

#news .universe.stars { height: 20%; max-height: 350px; overflow: hidden; margin-bottom: 10px; }

#news .universe.stars .star { -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; }

#news .site-footer { margin-top: 130px; }

#news.mobile .site-footer { margin-top: 40px; }

#news .header-title { margin: auto; left: 0; right: 0; top: 7%; width: auto; height: 80%; z-index: 10; }

#news .news-excerpt a:not([type="button"]) { text-decoration: underline; }

.news { background: #fff; }

.header-stage { width: 100%; height: auto; }

.header-title { position: absolute; }

.header-layer-1 { position: absolute; top: 0px; margin-left: -512px; left: 50%; }

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

.news-listing.even { background: #ecede5; }

.news-box { float: none; max-width: 750px; margin-left: auto; margin-right: auto; padding: 30px 15px; text-align: left; }

.news-box .news-image { padding-bottom: 10px; }

.news-box .news-excerpt p:after { content: ".."; }

.news-box img { width: 100%; }

.news-box header { margin-bottom: 20px; }

.news-box h2 { color: #0a2a49; font-size: 18px; font-weight: 600; margin-bottom: 0; }

.news-box h4 { font-size: 12px; color: #a0a0a0; margin: 5px 0 0; }

.news-box p { color: #20405E; font-size: 13px; line-height: 20px; }

.news-box p a { color: #39638A; text-decoration: underline; }

.news-box p a:hover, .news-box p a:focus { text-decoration: none; }

.news-box footer { padding-top: 10px; }

.news-box footer .btn-primary { font-weight: 300; }

.mobile .news-box footer .btn-primary { width: 55%; padding: 10px 0; }

.lt-ie9 .news-listing { float: none; width: 100%; }

.lt-ie9 .news-box { width: 750px; margin: 0 auto; }

.btn-soc-grp { float: right; padding: 10px 0; }

.btn-soc-grp a { margin-right: -3px; }

.btn-soc-grp a i { display: inline-block; }

.btn-soc-grp a:hover { text-decoration: none; }

.news-by-left { padding-left: 0; }

.news-by-right { padding-right: 0; text-align: right; }

.news-by-right img { width: 27px; height: 27px; }

.backbutton a { position: relative; }

.backbutton a i { position: absolute; left: 10px; top: 7px; font-size: 30px; }

.hj_social_bookmarks { float: right; padding: 10px 0; }

#employee-documents { background: #fff; color: #000; }

#employee-documents .universe.stars { height: 20%; max-height: 350px; overflow: hidden; margin-bottom: 10px; }

#employee-documents .universe.stars .star { -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; }

#employee-documents.mobile .site-footer { margin-top: 40px; }

#employee-documents .header-title { margin: auto; left: 0; right: 0; top: 7%; width: auto; height: 80%; z-index: 10; }

.employee-docs { background: #fff; }

.header-stage { width: 100%; height: auto; }

.header-title { position: absolute; }

.header-layer-1 { position: absolute; top: 0px; margin-left: -512px; left: 50%; }

.docs-list { padding: 25px 20px 50px 20px; }

#privacy { background: #fff; color: #000; }

#contact .container.main { background: #fff; }

#contact #map-container { margin-bottom: 20px; }

#contact .content { max-width: 1000px; margin: 0 auto; padding-bottom: 100px; }

#contact .content h3 { color: #39628c; font-size: 24px; font-weight: 600; margin-bottom: 20px; margin-top: 30px; }

#contact .content * { color: #626262; font-size: 18px; }

#contact .content .error-message { color: #d9534f; }

#contact .content a, #contact .content address { color: #38618b; font-weight: 600; }

#contact .content .btn { color: #071D31; border-radius: 2px; border-bottom-width: 2px; padding-top: 15px; padding-bottom: 15px; }

#contact .content .btn.btn-primary { background: #ffb718; }

#contact .content .btn.btn-primary:hover { background: #EBBA3F; }

#contact .content .column-table { border-bottom: 1px solid #ebebeb; }

#contact .content .column { border-right: 1px solid #ebebeb; }

#contact .content .column .icon { margin-left: 20px; margin-right: 20px; }

#contact .content .column .mail-icon { margin-top: 10px; }

#contact .content .column .phone-icon { margin-top: 0; }

#contact .content .column .visit-icon { margin-top: 10px; }

#contact .content .column .phone-text { margin-right: 0; }

#contact .content .column-1, #contact .content .column-2 { padding-top: 10px; padding-bottom: 20px; }

#contact .content .col-sm-4.column-3 { padding-bottom: 20px; border-right: 0; }

#contact .content .col-sm-9.column-2 { border-right: 0; }

#contact .content .column-space { padding: 15px 0 60px; }

#contact .content input[type="text"], #contact .content textarea { background: #f5f5f5; border-radius: 1px; border-color: #dee2e3; border-width: 2px; box-shadow: none; padding: 7px 10px; height: auto; }

#contact .content input[type="text"]:active, #contact .content input[type="text"]:focus, #contact .content textarea:active, #contact .content textarea:focus { outline: 0; box-shadow: none; border-color: #f4b906; }

#contact .content .form-submit button { width: 220px; }

#contact .content textarea { padding-top: 10px; }

#contact .content #faq-panels .panel { margin: 0; }

#contact .content #faq-panels .panel-heading { padding: 0; }

#contact .content #faq-panels .panel-heading a { background: #20405E; display: block; vertical-align: middle; padding: 13px 0 13px 20px; }

#contact .content #faq-panels .panel-heading a .question-text { padding-left: 0; }

#contact .content #faq-panels .panel-heading a .question-number { padding-right: 5px; min-width: 16px; }

#contact .content #faq-panels .panel-heading a * { color: #fff; font-weight: 300; font-size: 14px; }

#contact .content #faq-panels .panel-heading a i { font-size: 39px; }

#contact .content #faq-panels .panel-heading a i:before { content: ""; }

#contact .content #faq-panels .panel-heading a.collapsed i:before { content: ""; }

#contact .content #faq-panels .panel-heading a:after { content: ""; display: table; clear: both; }

#contact .content #faq-panels .answer-text { margin-bottom: 0; background: #ecede5; padding: 15px 20px 5px; }

#contact .content #faq-panels .answer-text * { font-size: 14px; color: #39638A; }

#contact .content #faq-panels .answer-text p { margin-bottom: 0; padding-bottom: 10px; }

#contact .content #faq-panels .answer-text a { color: #20405e; text-decoration: underline; }

#contact .content .faqs > div:first-child { padding-left: 0; }

#contact .content form#contact_form { margin-top: 40px; }

@media screen and (max-width: 992px) { #contact #map-canvas { height: 240px !important; }
  #contact .column-table { padding: 0 10px !important; }
  #contact .phone-icon, #contact .phone-text, #contact .mail-icon, #contact .mail-text, #contact .visit-icon, #contact .visit-text { margin: 0 !important; text-align: center; width: 100%; }
  #contact h3 { text-align: center; }
  #contact .btn { display: block; margin: 0 auto 20px auto; float: none !important; padding: 10px; width: 70%; }
  #contact .mail-text { padding-left: 20px; }
  #contact .faqs { margin-left: 0; padding: 0 10px; }
  #contact .faqs h3 { padding: 0 10px; }
  #contact .faqs .question-button { float: right; margin-right: 15px; padding: 0; }
  #contact #contact_form input[type=text], #contact #contact_form textarea { width: 95%; }
  #contact #contact_form .form-submit { text-align: center; } }

#personalize { background: #fff; color: #000; }

#personalize .header-stage { min-height: 0; }

#personalize .header-stage-mobile { display: none; width: 100%; height: auto; }

#personalize .header-title { left: 12%; top: 10%; margin-left: 0; width: 75%; }

@media screen and (max-width: 768px) { #personalize .header-stage { display: none; }
  #personalize .header-stage-mobile { display: block; }
  #personalize .header-title { width: 75%; top: 5%; } }

.personalize .page-content { padding-bottom: 60px; }

@media screen and (max-width: 768px) { .personalize .page-content { padding-left: 30px; padding-right: 30px; } }

.personalize .page-content .btn { color: #071D31; text-decoration: none; }

.personalize h1 { color: #0a2a49; font-size: 39px; font-weight: 600; }

@media screen and (max-width: 768px) { .personalize h1 { font-size: 21px; } }

.personalize li { color: #3a3a3a; font-size: 18px; line-height: 1.33; }

.personalize .carousel { margin: 40px 0 100px 0; padding: 3.3% 4.2% 4.6% 2.6%; }

@media screen and (max-width: 768px) { .personalize .carousel { margin: 20px 0 40px 0; } }

.personalize .carousel .carousel-indicators { bottom: -40px; }

@media screen and (max-width: 768px) { .personalize .carousel .carousel-indicators { margin-left: -45%; width: 90%; } }

.personalize .carousel .carousel-indicators li { border-color: #00b5ab; margin: 1px 3px; }

.personalize .carousel .carousel-indicators li.active { background: #00b5ab; margin: 0 3px; }

.personalize .carousel .gallery-image-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }

.personalize .carousel .carousel-control { z-index: 3; background-image: none !important; filter: none !important; color: #39638A; background-color: transparent; border: none; }

.personalize .carousel .carousel-control:hover { color: #00b5ab; }

.personalize .carousel .carousel-control span { border: 4px solid #fff; border-radius: 50%; font-size: 24px; width: 52px; height: 52px; line-height: 45px; }

.personalize .carousel .carousel-control.left { left: -15%; }

.personalize .carousel .carousel-control.right { right: -15%; }

.personalize .carousel .carousel-inner .item { text-align: center; }

.personalize .carousel .carousel-inner .item .gallery-image { margin: 0 auto; position: relative; width: 100%; height: auto; max-height: 100%; z-index: 2; }

#signup h2 { text-align: center; }

#signup h2 img { max-width: 90%; }

#signup .signup { background: #fff url("/templates/moonpie_site/assets/img/signup-background.jpg") center top no-repeat; background-size: cover; padding: 4% 0; }

.lt-ie9 #signup .signup { background-color: #207f94; }

#signup .signup_form { margin: 30px auto 0 auto; max-width: 300px; width: 95%; }

#signup .signup_form label, #signup .signup_form .required { color: #071D31; font-size: 16px; font-weight: bold; }

#signup .signup_form .required { margin-left: 3px; }

#signup .signup_form input[type=text] { border: 2px solid #e8eced; height: 42px; max-width: 300px; width: 95%; color: #071D31; }

#signup .signup_form input[type=text]:focus, #signup .signup_form input[type=text]:active, #signup .signup_form input[type=text]:hover { border: 2px solid #39638A; }

#signup .signup_form input:-ms-input-placeholder { color: #51616F; }

#signup .signup_form input::placeholder { color: #51616F; }

#signup .signup_form .btn { margin-top: 30px; width: 260px; margin-left: -10px; }

#signup.mobile .signup { background: url("/templates/moonpie_site/assets/img/signup-bg-mobile.jpg") center top no-repeat; background-size: 100% 100%; }

#signup.mobile .signup_form { margin-top: 0; padding: 20px 15px; }

#signup.mobile .signup_form .btn { margin-left: -4%; width: 100%; }

#error { background: #121F27; color: #000; }

#error .header-stage { min-width: 1400px; }

#error .header-main { position: absolute; top: 340px; width: 291px; left: 50%; margin-left: -148px; z-index: 10; }

#error .header-layer-1 { margin-left: -700px; opacity: .35; }

#error .text-404 { position: absolute; top: 50px; text-align: center; width: 100%; font-size: 20px; color: #fff; z-index: 40; }

@media (max-width: 767px) { #error .text-404 { font-size: 16px; } }

#error .text-404 a { display: block; width: 181px; border: none; padding-left: 0; padding-right: 0; text-align: center; margin: 20px auto 0; position: relative; z-index: 20; }

#error .text-404 a:hover { cursor: pointer; }

#error .text-404 img { margin-bottom: 20px; }

.error-404, .error-generic, .error-return-home { padding: 40px 0; }

#confirmation { background: #fff; color: #000; }

#confirmation .page-content hr { width: 150px; margin: 20px auto; text-align: center; }

#nutrition { background: #ecede5; color: #000; }

#nutrition .nutrition { margin-top: 40px; }

#nutrition .nutrition ul { border: none !important; }

#nutrition .nutrition h1 { border-bottom: 7px solid #293037; font-size: 30px; padding-bottom: 5px; }

#nutrition .nutrition h2 { border-bottom: 1px solid #dbdcd5; font-size: 20px; }

@media screen and (max-width: 767px) { #nutrition .nutrition { margin-top: 0; } }

#nutrition .product-type, #nutrition .flavor-type { margin: 0 15px; }

#nutrition .product-type li, #nutrition .flavor-type li { background: #37638c; border: 1px solid #dbdcd5; border-top: 1px solid #37638c; height: 60px; text-align: center; }

#nutrition .product-type li.active, #nutrition .product-type li:hover, #nutrition .product-type li:focus, #nutrition .product-type li:active, #nutrition .flavor-type li.active, #nutrition .flavor-type li:hover, #nutrition .flavor-type li:focus, #nutrition .flavor-type li:active { background: #fff; border-bottom: 0 none; border-top: 1px solid #dbdcd5; }

#nutrition .product-type li.active a, #nutrition .product-type li:hover a, #nutrition .product-type li:focus a, #nutrition .product-type li:active a, #nutrition .flavor-type li.active a, #nutrition .flavor-type li:hover a, #nutrition .flavor-type li:focus a, #nutrition .flavor-type li:active a { color: #071D31; }

#nutrition .product-type li a, #nutrition .flavor-type li a { background: none !important; border: 0 none !important; color: #fff; font-size: 18px; padding: 5px 0; }

#nutrition .dropdown .product-btn { background: #fff; border: 0 none; border-bottom: 1px solid #071D31; border-radius: 0; color: #071D31; margin-top: 0; height: 60px; width: 100%; text-align: center; position: relative; }

#nutrition .dropdown .product-btn:after { background: url("/templates/moonpie_site/assets/img/product-type-dropdown-arrow.png") 0 0 no-repeat; background-size: 100% 100%; content: "\0020"; position: absolute; width: 16px; height: 10px; top: 26px; right: 15px; transition: transform 0.5s; transform: rotateX(180deg); }

#nutrition .dropdown.open .product-btn:after { transform: rotateX(0deg); }

#nutrition .dropdown .product-type, #nutrition .dropdown .flavor-type { margin: 0; padding: 0; width: 100%; }

#nutrition .dropdown .product-type li, #nutrition .dropdown .flavor-type li { background: #fff; width: 100%; }

#nutrition .dropdown .product-type li.active, #nutrition .dropdown .product-type li:hover, #nutrition .dropdown .product-type li:focus, #nutrition .dropdown .flavor-type li.active, #nutrition .dropdown .flavor-type li:hover, #nutrition .dropdown .flavor-type li:focus { background: #071D31; }

#nutrition .dropdown .product-type li.active a, #nutrition .dropdown .product-type li:hover a, #nutrition .dropdown .product-type li:focus a, #nutrition .dropdown .flavor-type li.active a, #nutrition .dropdown .flavor-type li:hover a, #nutrition .dropdown .flavor-type li:focus a { color: #fff; }

#nutrition .dropdown .product-type li a, #nutrition .dropdown .flavor-type li a { color: #071D31; line-height: 48px; }

#nutrition .product-info { padding: 0 15px; }

@media screen and (max-width: 767px) { #nutrition .product-info { padding: 0; } }

#nutrition .flavor-tabs { padding-right: 0; position: relative; left: 1px; z-index: 1; }

#nutrition .flavor-tabs li { background: #f3b907; border-top: 1px solid #fff; display: block; float: none; height: 60px; margin: 0; }

#nutrition .flavor-tabs li:first-child { border-top: 0 none; }

#nutrition .flavor-tabs li.active, #nutrition .flavor-tabs li:hover, #nutrition .flavor-tabs li:focus, #nutrition .flavor-tabs li:active { background: #f3d476 url("/templates/moonpie_site/assets/img/flavor-tab-arrow.png") right center no-repeat; }

#nutrition .flavor-tabs li a { background: none; border: 0 none; color: #071D31; font-size: 18px; height: 60px; margin: 0; padding: 17px 0 0 30px; }

@media screen and (max-width: 767px) { #nutrition .flavor-tabs li a { padding: 17px 0 0 0; text-align: center; } }

#nutrition .nutrition-panes { background: #fff; border: 1px solid #dbdcd5; border-top: 0 none; margin-bottom: 100px; padding: 55px 60px 55px 90px; }

@media screen and (max-width: 992px) { #nutrition .nutrition-panes { margin-bottom: 40px; padding: 10px 15px 30px 15px; } }

#nutrition .nutrition-info-pane table th { border-bottom: 1px solid #dbdcd5; font-size: 20px; }

#nutrition .nutrition-info-pane table td { padding: 5px 0; font-size: 16px; line-height: 1.5; }

#nutrition .nutrition-info-pane table td.border { border-bottom: 1px solid #dbdcd5; }

#nutrition .nutrition-info-pane .left-indent { padding-left: 14px; }

#nutrition .nutrition-info-pane .far-right-percentage { text-align: right; }

#recipes { background: #fff; color: #000; }

#recipes .header-stage { min-height: 0; }

#recipes .header-stage-mobile { display: none; width: 100%; height: auto; }

#recipes .header-title { left: 12%; top: 20%; margin-left: 0; width: 40%; }

@media screen and (max-width: 768px) { #recipes .header-stage { display: none; }
  #recipes .header-stage-mobile { display: block; }
  #recipes .header-title { width: 75%; top: 5%; } }

.recipes { background: #fff; font-size: 16px; }

.recipes h1 { color: #0a2a49; font-size: 39px; font-weight: 600; }

@media screen and (max-width: 768px) { .recipes h1 { font-size: 21px; } }

.recipes .recipes-wrap { overflow: hidden; position: relative; }

.recipes .recipes-wrap .spaceship-flying, .recipes .recipes-wrap .recipes-planets-stars { position: absolute; top: 100px; right: 0; display: none; }

@media screen and (min-width: 1200px) { .recipes .recipes-wrap .spaceship-flying, .recipes .recipes-wrap .recipes-planets-stars { display: block; } }

.recipes .recipes-wrap .recipes-planets-stars { right: auto; left: 0; }

@media screen and (min-width: 800px) { .recipes .recipes-wrap.detail .spaceship-flying, .recipes .recipes-wrap.detail .recipes-planets-stars { display: block; } }

.recipes .recipes-listing { padding: 60px 0 80px 0; }

@media screen and (max-width: 767px) { .recipes .recipes-listing { padding: 20px 0 0 0; } }

.recipes .recipes-listing .recipes-box { max-width: 1024px; margin: 0 auto; }

@media screen and (min-width: 768px) and (max-width: 1200px) { .recipes .recipes-listing .recipes-box { padding: 0 2%; } }

.recipes .recipes-listing.even { background: #ecede5; }

.recipes .recipes-listing.even .recipe-video { float: right; }

@media screen and (max-width: 767px) { .recipes .recipes-listing.even .recipe-video { float: none; } }

.recipes .recipes-listing.even .recipe-info { padding-left: 15px; padding-right: 30px; }

@media screen and (max-width: 767px) { .recipes .recipes-listing.even .recipe-info { padding-right: 15px; } }

.recipes .recipes-listing .recipe-description { margin-bottom: 60px; }

.recipes .recipe-share ul { padding-left: 40px; float: none; }

@media screen and (max-width: 768px) { .recipes .recipe-share ul { padding-left: 0; } }

.recipes .recipe-share li { display: inline-block; margin: 10px 2px; }

.recipes .recipe-share li:first-child { margin-left: 0; }

@media screen and (max-width: 768px) { .recipes .recipe-share li .circle.small { font-size: 24px; line-height: 42px; width: 42px; } }

.recipes .recipe-video { padding: 4% 2.2% 5% 1.4%; position: relative; }

@media screen and (max-width: 767px) { .recipes .recipe-video { margin: 0 5%; padding: 6% 3.5% 7% 2.2%; } }

.recipes .recipe-video .recipe-video-bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

.recipes .recipe-video .video-container { position: relative; padding-bottom: 100%; height: 0; overflow: hidden; z-index: 2; }

.recipes .recipe-video iframe, .recipes .recipe-video video, .recipes .recipe-video .recipe-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.recipes .recipe-info { padding-left: 30px; }

@media screen and (max-width: 767px) { .recipes .recipe-info { padding-left: 15px; text-align: center; }
  .recipes .recipe-info .recipe-button a { width: 80%; }
  .recipes .recipe-info .recipe-description { font-weight: 600; margin-bottom: 20px; } }

.recipes .moonpie-recipes-article { max-width: 640px; margin: 60px auto; }

.recipes .moonpie-recipes-article h1 { margin: 45px 0 20px 0; }

.recipes .moonpie-recipes-article .recipe-video { padding: 6% 4.2% 7% 2.4%; }

.recipes .moonpie-recipes-article .recipe-share ul { padding-left: 0; }

.recipes .moonpie-recipes-article .ingredients { font-weight: bold; font-size: 18px; margin-bottom: 20px; }

.recipes .moonpie-recipes-article .instructions .recipe-share { margin: 50px 0; }

@media screen and (max-width: 768px) { .recipes .moonpie-recipes-article h1, .recipes .moonpie-recipes-article .ingredients, .recipes .moonpie-recipes-article .instructions { padding: 0 5%; } }

.recipes .recipe-form h1 { margin-top: 30px; text-align: center; }

.recipes .recipe-form p { padding: 0 10px; text-align: center; }

@media screen and (max-width: 768px) { .recipes .recipe-form p { font-size: 14px; } }

.recipes .recipe-form form { background: #ecede5; margin: 40px 0 80px 0; padding: 5%; }

@media screen and (max-width: 767px) { .recipes .recipe-form form { margin-bottom: 0; } }

.recipes .recipe-form form label { color: #66696d; display: block; }

.recipes .recipe-form form .btn { margin-top: 15px; max-width: 100%; width: 420px; }

.recipes .recipe-form form .btn-file { margin-top: 0; width: 250px; }

.recipes .recipe-form .checkbox { font-size: 14px; font-weight: normal; padding-top: 5px; text-align: center; }

.recipes .recipe-form .checkbox label { display: inline-block; padding-left: 5px; }

@media screen and (max-width: 768px) { .recipes .recipe-form .checkbox label { width: 80%; vertical-align: top; text-align: center; } }

#stories { color: #000000; background: #FFFFFF; }

#stories .header-stage { min-height: 0; }

#stories .header-stage-mobile { display: none; width: 100%; height: auto; }

#stories .header-title { top: 15%; left: 30%; width: 40%; margin-left: 0; }

#stories .header-moonpies { position: absolute; z-index: 10; top: 45%; left: 30%; width: 40%; margin-left: 0; }

@media screen and (max-width: 767px) { #stories .header-stage { display: none; }
  #stories .header-stage-mobile { display: block; }
  #stories .header-title { top: 25%; left: 12%; width: 75%; }
  #stories .header-moonpies { display: none; } }

.stories { font-size: 16px; background: #FFFFFF; }

.stories img { max-width: 100%; }

.stories h1 { font-weight: 100; letter-spacing: 0.075em; text-transform: uppercase; color: #0a2a49; }

@media screen and (max-width: 767px) { .stories h1 { font-size: 24px; } }

.stories .stories-top { font-size: 18px; line-height: 38px; position: relative; padding: 80px 30px; text-align: center; }

@media screen and (min-width: 768px) { .stories .stories-top { padding: 145px 30px; } }

@media screen and (max-width: 767px) { .stories .stories-top img { margin-bottom: 40px; } }

@media screen and (min-width: 768px) { .stories .stories-top img { position: absolute; top: -145px; left: 50%; transform: translate(-50%, -50%); } }

.stories .stories-top p:first-of-type { margin-bottom: 50px; }

.stories .stories-top p:last-of-type { margin-bottom: 0; }

.stories .stories-bottom { font-size: 18px; line-height: 38px; position: relative; padding: 260px 30px 85px; text-align: center; }

@media screen and (max-width: 767px) { .stories .stories-bottom { padding: 80px 30px; } }

.stories .stories-bottom .shadow:after { position: absolute; z-index: 1; bottom: -95px; left: 0; width: 100%; height: 10px; content: ""; border-radius: 100px / 5px; box-shadow: 0 0 180px 5px rgba(0, 0, 0, 0.6); }

.stories .stories-bottom .bottom-ship { position: relative; }

.stories .stories-bottom .bottom-ship img { position: absolute; top: calc(50% - 120px); left: calc(50% + 120px); transform: scaleX(-1) translate(100%, -50%); }

@media screen and (max-width: 991px) { .stories .stories-bottom .bottom-ship img { top: calc(50% - 130px); left: calc(50% + 80px); } }

@media screen and (max-width: 767px) { .stories .stories-bottom .bottom-ship { display: none; } }

.stories .stories-wrap { position: relative; overflow: hidden; }

.stories .stories-wrap .spaceship-flying, .stories .stories-wrap .stories-planets-stars { position: absolute; top: 100px; right: 0; display: none; }

@media screen and (min-width: 1200px) { .stories .stories-wrap .spaceship-flying, .stories .stories-wrap .stories-planets-stars { display: block; } }

.stories .stories-wrap .stories-planets-stars { right: auto; left: 0; }

@media screen and (min-width: 800px) { .stories .stories-wrap.detail .spaceship-flying, .stories .stories-wrap.detail .stories-planets-stars { display: block; } }

.stories .stories-listing { padding: 60px 0 80px 0; }

@media screen and (max-width: 767px) { .stories .stories-listing { padding: 20px 0 0 0; } }

.stories .stories-listing .stories-box { max-width: 1024px; margin: 0 auto; }

@media screen and (min-width: 768px) and (max-width: 1199px) { .stories .stories-listing .stories-box { padding: 0 2%; } }

.stories .stories-listing.even { background: #ECEDE5; }

.stories .stories-listing.even .stories-video { float: right; }

@media screen and (max-width: 767px) { .stories .stories-listing.even .stories-video { float: none; } }

.stories .stories-listing.even .stories-info { padding-right: 30px; padding-left: 15px; }

@media screen and (max-width: 767px) { .stories .stories-listing.even .stories-info { padding-right: 15px; } }

.stories .stories-listing .stories-description { margin-bottom: 60px; }

.stories .stories-info { padding-left: 30px; }

@media screen and (max-width: 767px) { .stories .stories-info { padding-left: 15px; text-align: center; }
  .stories .stories-info .stories-button a { width: 80%; }
  .stories .stories-info .stories-description { font-weight: 600; margin-bottom: 20px; } }

.stories .moonpie-stories-article { max-width: 640px; margin: 60px auto; }

.stories .moonpie-stories-article h1 { margin: 45px 0 20px 0; }

.stories .moonpie-stories-article .stories-video { padding: 6% 4.2% 7% 2.4%; }

.stories .moonpie-stories-article .stories-share ul { padding-left: 0; }

.stories .moonpie-stories-article .ingredients { font-size: 18px; font-weight: bold; margin-bottom: 20px; }

.stories .moonpie-stories-article .instructions .recipe-share { margin: 50px 0; }

@media screen and (max-width: 767px) { .stories .moonpie-stories-article h1, .stories .moonpie-stories-article .ingredients, .stories .moonpie-stories-article .instructions { padding: 0 5%; } }

.stories .stories-form { display: -ms-flexbox; display: flex; background: #2789BC; overflow: hidden; }

.stories .stories-form h1 { font-size: 30px; font-weight: 100; line-height: 48px; margin: 0; text-align: left; letter-spacing: 0.075em; text-transform: uppercase; color: #FFFFFF; }

.stories .stories-form h1 strong { font-weight: 600; display: block; }

.stories .stories-form p { padding: 0 10px; text-align: center; }

@media screen and (max-width: 767px) { .stories .stories-form p { font-size: 14px; } }

.stories .stories-form form { margin: 0; padding: 70px 0; background: #2789BC; }

@media screen and (max-width: 767px) { .stories .stories-form form { padding: 70px 30px; } }

.stories .stories-form form .form-group h1 { margin-bottom: 50px; }

.stories .stories-form form .form-group:not(:nth-child(2)) { position: relative; border-bottom: 1px solid #70A5B8; }

.stories .stories-form form label { font-weight: normal; position: absolute; bottom: 10px; bottom: 10px; display: block; margin-bottom: 0; pointer-events: none; color: #FFFFFF; }

.stories .stories-form form label.custom-photo-upload { position: relative; right: 5px; bottom: 8px; text-align: right; pointer-events: auto; }

.stories .stories-form form label.memory { top: 0; }

.stories .stories-form form .required { margin-left: 5px; color: #D9534F; color: #f4b906; }

.stories .stories-form form .disclaimer { margin: 40px 0 70px; padding: 0; text-align: left; opacity: 0.7; color: #FFFFFF; }

.stories .stories-form form .disclaimer a.pdf-link { color: #FFFFFF; text-decoration: underline; }

.stories .stories-form form .btn { display: block; max-width: 100%; margin-top: 15px; text-transform: uppercase; border-bottom: 0; border-radius: 30px; }

.stories .stories-form form .btn-file { display: inline-block; margin-top: 0; background: #169DD4; }

@media screen and (min-width: 768px) and (max-width: 991px) { .stories .stories-form form .btn-file { padding: 10px 25px; } }

@media screen and (max-width: 479px) { .stories .stories-form form .btn-file { padding: 10px 25px; } }

.stories .stories-form form input[type="file"] { position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; }

.stories .stories-form form .error-message { display: inline-block; color: #f4b906; }

.stories .stories-form .old-photo { position: relative; }

.stories .stories-form .old-photo .image { position: absolute; top: 50%; left: 30%; width: 100%; height: 100%; transform: translate(-50%, -50%); background-image: url(/templates/moonpie_site/assets/img/moonpie-stories-form.jpg); background-repeat: no-repeat; background-position: center; background-size: 100%; }

@media screen and (max-width: 991px) { .stories .stories-form .old-photo .image { left: 50%; } }

@media screen and (min-width: 1681px) { .stories .stories-form .old-photo .image { max-width: 100%; background-size: contain; left: 50%; } }

.stories .stories-form .checkbox { font-size: 14px; font-weight: normal; padding-top: 5px; text-align: center; }

.stories .stories-form .checkbox label { display: inline-block; padding-left: 5px; }

@media screen and (max-width: 767px) { .stories .stories-form .checkbox label { width: 80%; text-align: center; vertical-align: top; } }

.stories .stories-form .form-control { padding: 0; color: #FFFFFF; border: 0; border-radius: 0; background: transparent; box-shadow: none; }

.stories .stories-form .form-control.error { border-color: #f4b906; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(244, 185, 6, 0.6); }

.stories .stories-form textarea.form-control { height: 124px; }

.moonpie-stories-article { padding: 100px 30px; }

.moonpie-stories-article h2 { font-family: "proxima-nova", sans-serif; margin: 0 0 20px; }

.moonpie-stories-article p.byline { font-style: italic; margin-bottom: 45px; }

.moonpie-stories-article pre { font-family: inherit; font-size: inherit; line-height: normal; display: block; margin: 0 0 50px; padding: 0; white-space: pre-line; word-wrap: normal; word-break: normal; color: inherit; border: 0; border-radius: 0; background-color: transparent; }

.moonpie-stories-article .stories-individual-image { margin: 0 0 150px; }

.moonpie-stories-article .stories-individual-image img { max-width: 100%; }

.moonpie-stories-article .btn.btn-primary { display: inline-block; max-width: 100%; padding: 20px 20px 20px 60px; text-transform: uppercase; border-bottom: 0; }

.moonpie-stories-article .btn.btn-primary i { font-size: 25px; top: 50%; left: 20px; transform: translate(0, -50%); }

#shop, #checkout, #product { background: #fff; }

#error .shop-main-personalize .header-title, #shop .shop-main-personalize .header-title, #product .shop-main-personalize .header-title, #checkout .shop-main-personalize .header-title, #personalize .shop-main-personalize .header-title { left: 17%; top: 5%; margin-left: 0; width: 65%; }

#error .shop-main-personalize .header-image, #shop .shop-main-personalize .header-image, #product .shop-main-personalize .header-image, #checkout .shop-main-personalize .header-image, #personalize .shop-main-personalize .header-image { position: absolute; left: 5%; top: 35%; margin-left: 0; width: 50%; }

#error .shop-main-personalize .header-text, #shop .shop-main-personalize .header-text, #product .shop-main-personalize .header-text, #checkout .shop-main-personalize .header-text, #personalize .shop-main-personalize .header-text { color: #fff; position: absolute; left: 60%; top: 40%; width: 35%; z-index: 10; }

#error .shop-main-personalize .header-text ul li, #shop .shop-main-personalize .header-text ul li, #product .shop-main-personalize .header-text ul li, #checkout .shop-main-personalize .header-text ul li, #personalize .shop-main-personalize .header-text ul li { color: #fff; font-size: 18px; line-height: 3.5; line-height: 6vw; }

#error .shop-main-personalize .header-text ul span, #shop .shop-main-personalize .header-text ul span, #product .shop-main-personalize .header-text ul span, #checkout .shop-main-personalize .header-text ul span, #personalize .shop-main-personalize .header-text ul span { border: 4px solid #fff; border-radius: 50%; display: inline-block; width: 40px; height: 40px; line-height: 34px; margin-right: 16px; text-align: center; }

#error .header-stage, #shop .header-stage, #product .header-stage, #checkout .header-stage { min-height: 0; }

#error .header-title, #shop .header-title, #product .header-title, #checkout .header-title { left: 27%; top: 15%; margin-left: 0; width: 45%; }

#error .header-title img, #shop .header-title img, #product .header-title img, #checkout .header-title img { width: 100%; }

#error .header-title .apparel, #shop .header-title .apparel, #product .header-title .apparel, #checkout .header-title .apparel { position: absolute; width: 45%; top: 62%; left: 47%; }

#error .header-title .novelties, #shop .header-title .novelties, #product .header-title .novelties, #checkout .header-title .novelties { position: absolute; width: 48%; top: 75%; left: 38%; }

#error .shop-main .header-title, #shop .shop-main .header-title, #product .shop-main .header-title, #checkout .shop-main .header-title { left: 9%; top: 20%; margin-left: 0; width: 45%; }

#error .shop-main .header-title.left, #shop .shop-main .header-title.left, #product .shop-main .header-title.left, #checkout .shop-main .header-title.left { left: 55%; width: 35%; }

#error .shop-main .header-text, #shop .shop-main .header-text, #product .shop-main .header-text, #checkout .shop-main .header-text { color: #fff; font-weight: 600; position: absolute; left: 55%; top: 65%; width: 35%; }

#error .shop-main-personalize .header-title, #shop .shop-main-personalize .header-title, #product .shop-main-personalize .header-title, #checkout .shop-main-personalize .header-title { left: 17%; top: 5%; margin-left: 0; width: 65%; }

#error .shop-main-personalize .header-image, #shop .shop-main-personalize .header-image, #product .shop-main-personalize .header-image, #checkout .shop-main-personalize .header-image { position: absolute; left: 5%; top: 35%; margin-left: 0; width: 50%; }

#error .shop-main-personalize .header-text, #shop .shop-main-personalize .header-text, #product .shop-main-personalize .header-text, #checkout .shop-main-personalize .header-text { color: #fff; position: absolute; left: 60%; top: 40%; width: 35%; z-index: 10; }

#error .shop-main-personalize .header-text ul, #shop .shop-main-personalize .header-text ul, #product .shop-main-personalize .header-text ul, #checkout .shop-main-personalize .header-text ul { font-size: 18px; line-height: 3.5; line-height: 6vw; }

#error .shop-main-personalize .header-text ul span, #shop .shop-main-personalize .header-text ul span, #product .shop-main-personalize .header-text ul span, #checkout .shop-main-personalize .header-text ul span { border: 4px solid #fff; border-radius: 50%; display: inline-block; width: 40px; height: 40px; line-height: 34px; margin-right: 16px; text-align: center; }

#error .shop-main-hot, #shop .shop-main-hot, #product .shop-main-hot, #checkout .shop-main-hot { background: #ecede5; }

#error .shop-main-general-store-callout, #shop .shop-main-general-store-callout, #product .shop-main-general-store-callout, #checkout .shop-main-general-store-callout { padding: 2% 0; text-align: center; }

#error .shop-main-general-store-callout img, #shop .shop-main-general-store-callout img, #product .shop-main-general-store-callout img, #checkout .shop-main-general-store-callout img { margin: 0; width: 55%; }

@media screen and (max-width: 768px) { #error .shop-main-general-store-callout img, #shop .shop-main-general-store-callout img, #product .shop-main-general-store-callout img, #checkout .shop-main-general-store-callout img { width: 80%; } }

#error .shop-main-general-store-callout .btn, #shop .shop-main-general-store-callout .btn, #product .shop-main-general-store-callout .btn, #checkout .shop-main-general-store-callout .btn { margin: 10px 30px; padding: 10px 20px; }

#error .navbar-shop, #shop .navbar-shop, #product .navbar-shop, #checkout .navbar-shop { background-color: #c7cdcd; margin: 0; }

#error .navbar-shop .nav, #shop .navbar-shop .nav, #product .navbar-shop .nav, #checkout .navbar-shop .nav { border: 0; margin: 0; vertical-align: middle; min-height: 50px; max-height: none; display: table; }

.lt-ie9 #error .navbar-shop .nav, .lt-ie9 #shop .navbar-shop .nav, .lt-ie9 #product .navbar-shop .nav, .lt-ie9 #checkout .navbar-shop .nav { display: table; }

#error .navbar-shop li, #shop .navbar-shop li, #product .navbar-shop li, #checkout .navbar-shop li { height: 100%; width: auto; }

.lt-ie9 #error .navbar-shop li, .lt-ie9 #shop .navbar-shop li, .lt-ie9 #product .navbar-shop li, .lt-ie9 #checkout .navbar-shop li { display: table-cell; width: auto !important; }

#error .navbar-shop li a, #shop .navbar-shop li a, #product .navbar-shop li a, #checkout .navbar-shop li a { color: #162839; font-size: 14px; font-weight: bold; height: 100%; text-transform: uppercase; padding: 16px 0 15px; }

#error .navbar-shop li .shoplogin, #error .navbar-shop li .shopcart, #shop .navbar-shop li .shoplogin, #shop .navbar-shop li .shopcart, #product .navbar-shop li .shoplogin, #product .navbar-shop li .shopcart, #checkout .navbar-shop li .shoplogin, #checkout .navbar-shop li .shopcart { color: #233242; font-size: 10px; font-weight: normal; }

#error .navbar-shop li .shoplogin:before, #error .navbar-shop li .shopcart:before, #shop .navbar-shop li .shoplogin:before, #shop .navbar-shop li .shopcart:before, #product .navbar-shop li .shoplogin:before, #product .navbar-shop li .shopcart:before, #checkout .navbar-shop li .shoplogin:before, #checkout .navbar-shop li .shopcart:before { background: #c7cdcd url("/templates/moonpie_site/assets/img/login-cart-icons.png") 0 0 no-repeat; content: "\0020"; width: 10px; height: 12px; position: relative; top: 3px; left: 2px; }

#error .navbar-shop li .shoplogin:hover:before, #error .navbar-shop li .shopcart:hover:before, #shop .navbar-shop li .shoplogin:hover:before, #shop .navbar-shop li .shopcart:hover:before, #product .navbar-shop li .shoplogin:hover:before, #product .navbar-shop li .shopcart:hover:before, #checkout .navbar-shop li .shoplogin:hover:before, #checkout .navbar-shop li .shopcart:hover:before { background-color: #eeeeee; }

#error .navbar-shop li .shopcart:before, #shop .navbar-shop li .shopcart:before, #product .navbar-shop li .shopcart:before, #checkout .navbar-shop li .shopcart:before { background-position: 0 -15px; }

#error .navbar-shop li.active a, #shop .navbar-shop li.active a, #product .navbar-shop li.active a, #checkout .navbar-shop li.active a { background-color: #44b3c1; color: #ffffff; }

#error .navbar-shop li.active a.shoplogin:before, #error .navbar-shop li.active a.shopcart:before, #shop .navbar-shop li.active a.shoplogin:before, #shop .navbar-shop li.active a.shopcart:before, #product .navbar-shop li.active a.shoplogin:before, #product .navbar-shop li.active a.shopcart:before, #checkout .navbar-shop li.active a.shoplogin:before, #checkout .navbar-shop li.active a.shopcart:before { background-color: #44b3c1; }

#error .chosen-container-single .chosen-single, #shop .chosen-container-single .chosen-single, #product .chosen-container-single .chosen-single, #checkout .chosen-container-single .chosen-single { background: #f1f2ec; border: 1px solid #e5e6e0; border-left: 5px solid #4a201d; border-radius: 3px; height: auto; padding: 12px 0 12px 6px; text-align: left; }

#error .chosen-container-single .chosen-single span, #shop .chosen-container-single .chosen-single span, #product .chosen-container-single .chosen-single span, #checkout .chosen-container-single .chosen-single span { color: #405b77; }

#error .chosen-container-single .chosen-results, #shop .chosen-container-single .chosen-results, #product .chosen-container-single .chosen-results, #checkout .chosen-container-single .chosen-results { border-left: 4px solid #4a201d; border-bottom: 4px solid #4a201d; padding-left: 0; margin-bottom: 0; margin-right: 0; }

#error .chosen-container-single .chosen-results li, #shop .chosen-container-single .chosen-results li, #product .chosen-container-single .chosen-results li, #checkout .chosen-container-single .chosen-results li { color: #405b77; }

#error .chosen-container-single .chosen-results li.highlighted, #shop .chosen-container-single .chosen-results li.highlighted, #product .chosen-container-single .chosen-results li.highlighted, #checkout .chosen-container-single .chosen-results li.highlighted { background-color: #f1f2ec; }

#error .chosen-container-single.single-item .chosen-single, #shop .chosen-container-single.single-item .chosen-single, #product .chosen-container-single.single-item .chosen-single, #checkout .chosen-container-single.single-item .chosen-single { cursor: default; }

#error .chosen-container-single.single-item .chosen-single div b, #shop .chosen-container-single.single-item .chosen-single div b, #product .chosen-container-single.single-item .chosen-single div b, #checkout .chosen-container-single.single-item .chosen-single div b { display: none; }

#error .chosen-container-single.single-item .chosen-drop, #shop .chosen-container-single.single-item .chosen-drop, #product .chosen-container-single.single-item .chosen-drop, #checkout .chosen-container-single.single-item .chosen-drop { display: none !important; }

#error .shop-menu-mobile, #shop .shop-menu-mobile, #product .shop-menu-mobile, #checkout .shop-menu-mobile { overflow: hidden; width: 100%; z-index: 1; }

#error .shop-menu-mobile .btn, #shop .shop-menu-mobile .btn, #product .shop-menu-mobile .btn, #checkout .shop-menu-mobile .btn { background: #c7cdcd; border-left: 1px solid #44b3c1; border-bottom: 1px solid #44b3c1; border-radius: 0; color: #162839; float: left; margin-left: 0; padding: 10px 0; width: 33.3%; font-size: 14px; }

#error .shop-menu-mobile .btn:first-child, #shop .shop-menu-mobile .btn:first-child, #product .shop-menu-mobile .btn:first-child, #checkout .shop-menu-mobile .btn:first-child { border-left: 0 none; }

#error .shop-menu-mobile .btn.active, #shop .shop-menu-mobile .btn.active, #product .shop-menu-mobile .btn.active, #checkout .shop-menu-mobile .btn.active { background-color: #44b3c1; color: #ffffff; }

#error .shop, #error .product, #error .checkout, #shop .shop, #shop .product, #shop .checkout, #product .shop, #product .product, #product .checkout, #checkout .shop, #checkout .product, #checkout .checkout { background: #fff; color: #3a3a3a; }

#error .shop .product-container, #error .product .product-container, #error .checkout .product-container, #shop .shop .product-container, #shop .product .product-container, #shop .checkout .product-container, #product .shop .product-container, #product .product .product-container, #product .checkout .product-container, #checkout .shop .product-container, #checkout .product .product-container, #checkout .checkout .product-container { background: inherit; text-align: center; margin-bottom: 30px; }

#error .shop .product-container a:hover, #error .shop .product-container a:link, #error .shop .product-container a:visited, #error .product .product-container a:hover, #error .product .product-container a:link, #error .product .product-container a:visited, #error .checkout .product-container a:hover, #error .checkout .product-container a:link, #error .checkout .product-container a:visited, #shop .shop .product-container a:hover, #shop .shop .product-container a:link, #shop .shop .product-container a:visited, #shop .product .product-container a:hover, #shop .product .product-container a:link, #shop .product .product-container a:visited, #shop .checkout .product-container a:hover, #shop .checkout .product-container a:link, #shop .checkout .product-container a:visited, #product .shop .product-container a:hover, #product .shop .product-container a:link, #product .shop .product-container a:visited, #product .product .product-container a:hover, #product .product .product-container a:link, #product .product .product-container a:visited, #product .checkout .product-container a:hover, #product .checkout .product-container a:link, #product .checkout .product-container a:visited, #checkout .shop .product-container a:hover, #checkout .shop .product-container a:link, #checkout .shop .product-container a:visited, #checkout .product .product-container a:hover, #checkout .product .product-container a:link, #checkout .product .product-container a:visited, #checkout .checkout .product-container a:hover, #checkout .checkout .product-container a:link, #checkout .checkout .product-container a:visited { color: #000000; text-decoration: none; }

#error .shop .product-row, #error .product .product-row, #error .checkout .product-row, #shop .shop .product-row, #shop .product .product-row, #shop .checkout .product-row, #product .shop .product-row, #product .product .product-row, #product .checkout .product-row, #checkout .shop .product-row, #checkout .product .product-row, #checkout .checkout .product-row { margin-bottom: 10px; }

#error .shop .product-row.shop-main-hot, #error .product .product-row.shop-main-hot, #error .checkout .product-row.shop-main-hot, #shop .shop .product-row.shop-main-hot, #shop .product .product-row.shop-main-hot, #shop .checkout .product-row.shop-main-hot, #product .shop .product-row.shop-main-hot, #product .product .product-row.shop-main-hot, #product .checkout .product-row.shop-main-hot, #checkout .shop .product-row.shop-main-hot, #checkout .product .product-row.shop-main-hot, #checkout .checkout .product-row.shop-main-hot { margin-bottom: 0; }

#error .shop .product-row .product-image-box, #error .product .product-row .product-image-box, #error .checkout .product-row .product-image-box, #shop .shop .product-row .product-image-box, #shop .product .product-row .product-image-box, #shop .checkout .product-row .product-image-box, #product .shop .product-row .product-image-box, #product .product .product-row .product-image-box, #product .checkout .product-row .product-image-box, #checkout .shop .product-row .product-image-box, #checkout .product .product-row .product-image-box, #checkout .checkout .product-row .product-image-box { padding: 0; position: relative; display: table; table-layout: fixed; width: 100%; }

#error .shop .product-row .product-image-box .product-image-wrap, #error .product .product-row .product-image-box .product-image-wrap, #error .checkout .product-row .product-image-box .product-image-wrap, #shop .shop .product-row .product-image-box .product-image-wrap, #shop .product .product-row .product-image-box .product-image-wrap, #shop .checkout .product-row .product-image-box .product-image-wrap, #product .shop .product-row .product-image-box .product-image-wrap, #product .product .product-row .product-image-box .product-image-wrap, #product .checkout .product-row .product-image-box .product-image-wrap, #checkout .shop .product-row .product-image-box .product-image-wrap, #checkout .product .product-row .product-image-box .product-image-wrap, #checkout .checkout .product-row .product-image-box .product-image-wrap { display: table-cell; vertical-align: middle; }

#error .shop .product-row .product-image-box .product-image, #error .product .product-row .product-image-box .product-image, #error .checkout .product-row .product-image-box .product-image, #shop .shop .product-row .product-image-box .product-image, #shop .product .product-row .product-image-box .product-image, #shop .checkout .product-row .product-image-box .product-image, #product .shop .product-row .product-image-box .product-image, #product .product .product-row .product-image-box .product-image, #product .checkout .product-row .product-image-box .product-image, #checkout .shop .product-row .product-image-box .product-image, #checkout .product .product-row .product-image-box .product-image, #checkout .checkout .product-row .product-image-box .product-image { max-width: 100%; margin: 0 auto; }

#error .shop .product-row .product-image-box .product-sale, #error .product .product-row .product-image-box .product-sale, #error .checkout .product-row .product-image-box .product-sale, #shop .shop .product-row .product-image-box .product-sale, #shop .product .product-row .product-image-box .product-sale, #shop .checkout .product-row .product-image-box .product-sale, #product .shop .product-row .product-image-box .product-sale, #product .product .product-row .product-image-box .product-sale, #product .checkout .product-row .product-image-box .product-sale, #checkout .shop .product-row .product-image-box .product-sale, #checkout .product .product-row .product-image-box .product-sale, #checkout .checkout .product-row .product-image-box .product-sale { position: absolute; top: 0; left: 0; z-index: 10; }

#error .shop .product-row .product-text-box, #error .product .product-row .product-text-box, #error .checkout .product-row .product-text-box, #shop .shop .product-row .product-text-box, #shop .product .product-row .product-text-box, #shop .checkout .product-row .product-text-box, #product .shop .product-row .product-text-box, #product .product .product-row .product-text-box, #product .checkout .product-row .product-text-box, #checkout .shop .product-row .product-text-box, #checkout .product .product-row .product-text-box, #checkout .checkout .product-row .product-text-box { padding: 20px; }

#error .shop .product-row .product-text-box h4, #error .product .product-row .product-text-box h4, #error .checkout .product-row .product-text-box h4, #shop .shop .product-row .product-text-box h4, #shop .product .product-row .product-text-box h4, #shop .checkout .product-row .product-text-box h4, #product .shop .product-row .product-text-box h4, #product .product .product-row .product-text-box h4, #product .checkout .product-row .product-text-box h4, #checkout .shop .product-row .product-text-box h4, #checkout .product .product-row .product-text-box h4, #checkout .checkout .product-row .product-text-box h4 { color: #1e3d75; font-size: 18px; font-weight: 600; margin-top: 0; min-height: 60px; }

#error .shop .product-row .product-text-box p, #error .product .product-row .product-text-box p, #error .checkout .product-row .product-text-box p, #shop .shop .product-row .product-text-box p, #shop .product .product-row .product-text-box p, #shop .checkout .product-row .product-text-box p, #product .shop .product-row .product-text-box p, #product .product .product-row .product-text-box p, #product .checkout .product-row .product-text-box p, #checkout .shop .product-row .product-text-box p, #checkout .product .product-row .product-text-box p, #checkout .checkout .product-row .product-text-box p { line-height: 22px; }

#error .shop .shop-button, #error .product .shop-button, #error .checkout .shop-button, #shop .shop .shop-button, #shop .product .shop-button, #shop .checkout .shop-button, #product .shop .shop-button, #product .product .shop-button, #product .checkout .shop-button, #checkout .shop .shop-button, #checkout .product .shop-button, #checkout .checkout .shop-button { width: 80%; margin-top: 20px; max-width: 200px; padding: 10px 0; }

#error .shop .btn-print, #error .product .btn-print, #error .checkout .btn-print, #shop .shop .btn-print, #shop .product .btn-print, #shop .checkout .btn-print, #product .shop .btn-print, #product .product .btn-print, #product .checkout .btn-print, #checkout .shop .btn-print, #checkout .product .btn-print, #checkout .checkout .btn-print { margin-top: 25px; }

#error .shop .double-arrow-up, #error .product .double-arrow-up, #error .checkout .double-arrow-up, #shop .shop .double-arrow-up, #shop .product .double-arrow-up, #shop .checkout .double-arrow-up, #product .shop .double-arrow-up, #product .product .double-arrow-up, #product .checkout .double-arrow-up, #checkout .shop .double-arrow-up, #checkout .product .double-arrow-up, #checkout .checkout .double-arrow-up { display: block; float: right; font: 0/0 a; color: transparent; text-shadow: none; border: 0; background: transparent url(../img/double-arrow-up.png) no-repeat center center; width: 45px; height: 45px; top: 0; margin: 35px auto; z-index: 5; position: relative; }

@media screen and (max-width: 768px) { #error .shop .double-arrow-up, #error .product .double-arrow-up, #error .checkout .double-arrow-up, #shop .shop .double-arrow-up, #shop .product .double-arrow-up, #shop .checkout .double-arrow-up, #product .shop .double-arrow-up, #product .product .double-arrow-up, #product .checkout .double-arrow-up, #checkout .shop .double-arrow-up, #checkout .product .double-arrow-up, #checkout .checkout .double-arrow-up { margin: 0 auto; } }

#error .shop .lt-ie9 .visible-print-block .text-right, #error .product .lt-ie9 .visible-print-block .text-right, #error .checkout .lt-ie9 .visible-print-block .text-right, #shop .shop .lt-ie9 .visible-print-block .text-right, #shop .product .lt-ie9 .visible-print-block .text-right, #shop .checkout .lt-ie9 .visible-print-block .text-right, #product .shop .lt-ie9 .visible-print-block .text-right, #product .product .lt-ie9 .visible-print-block .text-right, #product .checkout .lt-ie9 .visible-print-block .text-right, #checkout .shop .lt-ie9 .visible-print-block .text-right, #checkout .product .lt-ie9 .visible-print-block .text-right, #checkout .checkout .lt-ie9 .visible-print-block .text-right { text-align: left; float: none; margin-top: 40px; width: 100%; }

#error .shop .lt-ie9 .visible-print-block .col-xs-5, #error .product .lt-ie9 .visible-print-block .col-xs-5, #error .checkout .lt-ie9 .visible-print-block .col-xs-5, #shop .shop .lt-ie9 .visible-print-block .col-xs-5, #shop .product .lt-ie9 .visible-print-block .col-xs-5, #shop .checkout .lt-ie9 .visible-print-block .col-xs-5, #product .shop .lt-ie9 .visible-print-block .col-xs-5, #product .product .lt-ie9 .visible-print-block .col-xs-5, #product .checkout .lt-ie9 .visible-print-block .col-xs-5, #checkout .shop .lt-ie9 .visible-print-block .col-xs-5, #checkout .product .lt-ie9 .visible-print-block .col-xs-5, #checkout .checkout .lt-ie9 .visible-print-block .col-xs-5 { float: none; clear: both; width: 100%; }

#error .row.shop_top, #error .row.shop_top .col-sm-12, #shop .row.shop_top, #shop .row.shop_top .col-sm-12, #product .row.shop_top, #product .row.shop_top .col-sm-12, #checkout .row.shop_top, #checkout .row.shop_top .col-sm-12 { height: 340px; }

#error .shop-main-header, #shop .shop-main-header, #product .shop-main-header, #checkout .shop-main-header { color: #071e34; font-size: 34px; font-weight: 600; margin: 70px 0 60px 0; text-align: center; }

#error .shop-main-header:before, #error .shop-main-header:after, #shop .shop-main-header:before, #shop .shop-main-header:after, #product .shop-main-header:before, #product .shop-main-header:after, #checkout .shop-main-header:before, #checkout .shop-main-header:after { background: url("/templates/moonpie_site/assets/img/green-star.png") 0 0 no-repeat; content: "\0020"; display: inline-block; margin: 0 20px; position: relative; width: 30px; height: 51px; top: 17px; }

@media screen and (max-width: 768px) { #error .shop-main-header, #shop .shop-main-header, #product .shop-main-header, #checkout .shop-main-header { font-size: 24px; margin: 5px 0 30px 0; }
  #error .shop-main-header:before, #error .shop-main-header:after, #shop .shop-main-header:before, #shop .shop-main-header:after, #product .shop-main-header:before, #product .shop-main-header:after, #checkout .shop-main-header:before, #checkout .shop-main-header:after { margin: 0 5px; } }

#error .shop-header-text, #shop .shop-header-text, #product .shop-header-text, #checkout .shop-header-text { text-align: center; padding-top: 30px; font-size: 2.0em; font-weight: 700; max-width: 450px; margin: 0 auto; }

#error .shop-flavor, #shop .shop-flavor, #product .shop-flavor, #checkout .shop-flavor { position: absolute; text-align: left; bottom: 0; }

#error .page-header, #shop .page-header, #product .page-header, #checkout .page-header { padding: 0; margin: 40px 0; border: 0; }

@media screen and (max-width: 768px) { #error .page-header, #shop .page-header, #product .page-header, #checkout .page-header { margin: 10px 0; } }

#error .shop-breaker, #shop .shop-breaker, #product .shop-breaker, #checkout .shop-breaker { overflow: hidden; text-align: center; }

#error .shop-breakline, #shop .shop-breakline, #product .shop-breakline, #checkout .shop-breakline { width: auto; position: relative; display: inline-block; overflow: visible; padding: 0 25px; }

#error .shop-breakline:before, #error .shop-breakline:after, #shop .shop-breakline:before, #shop .shop-breakline:after, #product .shop-breakline:before, #product .shop-breakline:after, #checkout .shop-breakline:before, #checkout .shop-breakline:after { content: ""; width: 500%; height: 1px; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; height: 13px; display: inline-block; position: absolute; top: 31%; }

#error .shop-breakline:before, #shop .shop-breakline:before, #product .shop-breakline:before, #checkout .shop-breakline:before { right: 100%; }

#error .shop-breakline:after, #shop .shop-breakline:after, #product .shop-breakline:after, #checkout .shop-breakline:after { left: 100%; }

#error .product-categories-menu, #shop .product-categories-menu, #product .product-categories-menu, #checkout .product-categories-menu { margin-top: 40px; padding-left: 3%; }

#error .product-categories-menu h2, #shop .product-categories-menu h2, #product .product-categories-menu h2, #checkout .product-categories-menu h2 { color: #273849; font-weight: 600; font-size: 24px; text-transform: uppercase; }

#error .product-categories-menu ul a, #shop .product-categories-menu ul a, #product .product-categories-menu ul a, #checkout .product-categories-menu ul a { color: #273849; font-weight: 600; line-height: 1.7; padding: 0 4px; }

#error .product-categories-menu ul a.active, #shop .product-categories-menu ul a.active, #product .product-categories-menu ul a.active, #checkout .product-categories-menu ul a.active { color: #44b3c1; font-weight: bold; }

#error .product-categories-menu ul .divider, #shop .product-categories-menu ul .divider, #product .product-categories-menu ul .divider, #checkout .product-categories-menu ul .divider { padding-bottom: 15px; }

@media screen and (max-width: 767px) { #error .product-categories-menu, #shop .product-categories-menu, #product .product-categories-menu, #checkout .product-categories-menu { margin-top: 10px; }
  #error .product-categories-menu ul, #shop .product-categories-menu ul, #product .product-categories-menu ul, #checkout .product-categories-menu ul { font-size: 0; text-align: center; }
  #error .product-categories-menu ul li, #shop .product-categories-menu ul li, #product .product-categories-menu ul li, #checkout .product-categories-menu ul li { display: inline-block; }
  #error .product-categories-menu ul li a, #shop .product-categories-menu ul li a, #product .product-categories-menu ul li a, #checkout .product-categories-menu ul li a { font-size: 14px; }
  #error .product-categories-menu ul li:after, #shop .product-categories-menu ul li:after, #product .product-categories-menu ul li:after, #checkout .product-categories-menu ul li:after { content: "|"; font-size: 14px; }
  #error .product-categories-menu ul li:last-child:after, #shop .product-categories-menu ul li:last-child:after, #product .product-categories-menu ul li:last-child:after, #checkout .product-categories-menu ul li:last-child:after { content: ""; } }

#error .product-list, #shop .product-list, #product .product-list, #checkout .product-list { margin-top: 40px; margin-bottom: 80px; }

#error .product-list h2, #shop .product-list h2, #product .product-list h2, #checkout .product-list h2 { border-bottom: 1px solid #273849; color: #273849; font-weight: 600; font-size: 24px; padding-bottom: 10px; text-transform: uppercase; }

@media screen and (max-width: 768px) { #error .product-list, #shop .product-list, #product .product-list, #checkout .product-list { margin: 20px 0 40px 0; } }

@media (max-width: 767px) { #error .shop-breakline, #shop .shop-breakline, #product .shop-breakline, #checkout .shop-breakline { font-size: 20px; }
  #error .shop-flavor, #shop .shop-flavor, #product .shop-flavor, #checkout .shop-flavor { width: 100%; left: 0; }
  #error .double-arrow-up, #shop .double-arrow-up, #product .double-arrow-up, #checkout .double-arrow-up { margin-right: -20px; margin-top: 10px; width: 80px; height: 80px; } }

@media print { #error h1, #shop h1, #product h1, #checkout h1 { font-size: 24px; } }

@media (min-width: 768px) { #error .shopcart:before, #error .shoplogin:before, #shop .shopcart:before, #shop .shoplogin:before, #product .shopcart:before, #product .shoplogin:before, #checkout .shopcart:before, #checkout .shoplogin:before { content: ""; display: inline-block; position: relative; background-repeat: no-repeat; background-position: center; line-height: 0; top: 1px; margin-right: 8px; }
  #error .shoplogin:before, #shop .shoplogin:before, #product .shoplogin:before, #checkout .shoplogin:before { background-image: url(../img/icon-login.png); width: 11px; height: 11px; }
  #error .shopcart:before, #shop .shopcart:before, #product .shopcart:before, #checkout .shopcart:before { background-image: url(../img/icon-cart.png); width: 13px; height: 10px; } }

#error .checkout .alert, #shop .checkout .alert, #product .checkout .alert, #checkout .checkout .alert { padding: 0 15px; margin-bottom: 60px; }

#error .checkout .alert .help-inline, #shop .checkout .alert .help-inline, #product .checkout .alert .help-inline, #checkout .checkout .alert .help-inline { color: #d9534f; font-weight: bold; font-size: 18px; }

#error .checkout .checkout-container:first-child, #shop .checkout .checkout-container:first-child, #product .checkout .checkout-container:first-child, #checkout .checkout .checkout-container:first-child { padding-top: 40px; }

#error .checkout .checkout-container + .checkout-container + .checkout-container, #shop .checkout .checkout-container + .checkout-container + .checkout-container, #product .checkout .checkout-container + .checkout-container + .checkout-container, #checkout .checkout .checkout-container + .checkout-container + .checkout-container { padding-bottom: 120px; }

@media screen and (max-width: 768px) { #error .checkout .checkout-container, #shop .checkout .checkout-container, #product .checkout .checkout-container, #checkout .checkout .checkout-container { padding-left: 30px; padding-right: 30px; }
  #error .checkout .checkout-container:first-child, #shop .checkout .checkout-container:first-child, #product .checkout .checkout-container:first-child, #checkout .checkout .checkout-container:first-child { padding-top: 10px; }
  #error .checkout .checkout-container + .checkout-container + .checkout-container, #shop .checkout .checkout-container + .checkout-container + .checkout-container, #product .checkout .checkout-container + .checkout-container + .checkout-container, #checkout .checkout .checkout-container + .checkout-container + .checkout-container { padding-bottom: 20px; } }

#error .checkout .checkout-head-title h1, #shop .checkout .checkout-head-title h1, #product .checkout .checkout-head-title h1, #checkout .checkout .checkout-head-title h1 { color: #405b77; }

#error .checkout .table, #shop .checkout .table, #product .checkout .table, #checkout .checkout .table { color: #405b77; }

#error .checkout .product-option, #shop .checkout .product-option, #product .checkout .product-option, #checkout .checkout .product-option { font-size: 13px; }

#error .checkout .cart-buttons .btn, #shop .checkout .cart-buttons .btn, #product .checkout .cart-buttons .btn, #checkout .checkout .cart-buttons .btn { padding: 10px 20px; }

@media screen and (max-width: 768px) { #error .checkout .cart-buttons .btn, #shop .checkout .cart-buttons .btn, #product .checkout .cart-buttons .btn, #checkout .checkout .cart-buttons .btn { display: block; margin: 0 auto 10px; width: 80%; } }

#error .checkout .input-mini, #shop .checkout .input-mini, #product .checkout .input-mini, #checkout .checkout .input-mini { width: 50px; }

#error .checkout .form-horizontal, #shop .checkout .form-horizontal, #product .checkout .form-horizontal, #checkout .checkout .form-horizontal { clear: both; position: relative; }

#error .checkout .shipping-errors, #shop .checkout .shipping-errors, #product .checkout .shipping-errors, #checkout .checkout .shipping-errors { color: #d9534f; display: none; }

#error .checkout legend, #shop .checkout legend, #product .checkout legend, #checkout .checkout legend { padding-top: 30px; }

#error .checkout .form-actions, #shop .checkout .form-actions, #product .checkout .form-actions, #checkout .checkout .form-actions { padding-top: 20px; padding-bottom: 60px; }

@media screen and (max-width: 768px) { #error .checkout .form-actions .btn, #shop .checkout .form-actions .btn, #product .checkout .form-actions .btn, #checkout .checkout .form-actions .btn { display: block; margin: 0 auto 20px auto; width: 80%; } }

#error .checkout .detail-section, #shop .checkout .detail-section, #product .checkout .detail-section, #checkout .checkout .detail-section { margin-bottom: 30px; }

#error .checkout #payment_exp_month_chosen, #shop .checkout #payment_exp_month_chosen, #product .checkout #payment_exp_month_chosen, #checkout .checkout #payment_exp_month_chosen { margin-right: 10px; width: 100px !important; }

#error .checkout #payment_exp_year_chosen, #shop .checkout #payment_exp_year_chosen, #product .checkout #payment_exp_year_chosen, #checkout .checkout #payment_exp_year_chosen { width: 120px !important; }

#error .checkout .edit-address h1, #shop .checkout .edit-address h1, #product .checkout .edit-address h1, #checkout .checkout .edit-address h1 { color: #0a2a49; font-size: 39px; font-weight: 600; margin: 40px 0 30px 0; }

@media screen and (max-width: 768px) { #error .checkout .edit-address h1, #shop .checkout .edit-address h1, #product .checkout .edit-address h1, #checkout .checkout .edit-address h1 { font-size: 21px; } }

@media screen and (max-width: 768px) { #error .checkout .table-responsive.pivot thead, #shop .checkout .table-responsive.pivot thead, #product .checkout .table-responsive.pivot thead, #checkout .checkout .table-responsive.pivot thead { display: none; }
  #error .checkout .table-responsive.pivot tr, #shop .checkout .table-responsive.pivot tr, #product .checkout .table-responsive.pivot tr, #checkout .checkout .table-responsive.pivot tr { border-top: 3px solid #ddd; border-bottom: 3px solid #ddd; }
  #error .checkout .table-responsive.pivot td, #shop .checkout .table-responsive.pivot td, #product .checkout .table-responsive.pivot td, #checkout .checkout .table-responsive.pivot td { border-left: 1px solid #ddd; border-right: 1px solid #ddd; display: block; padding-left: 90px; position: relative; white-space: normal; }
  #error .checkout .table-responsive.pivot td:before, #shop .checkout .table-responsive.pivot td:before, #product .checkout .table-responsive.pivot td:before, #checkout .checkout .table-responsive.pivot td:before { content: attr(data-cell-title); font-weight: bold; position: absolute; top: 0; left: 0; height: 100%; padding-top: 7px; padding-left: 10px; width: 80px; border-right: 1px solid #ddd; } }

@media screen and (max-width: 767px) { #error .checkout .update_checkout, #shop .checkout .update_checkout, #product .checkout .update_checkout, #checkout .checkout .update_checkout { margin-top: 10px; } }

.cart-loader { padding: 40px 0; text-align: center; }

.cart-loader p { font-size: 18px; margin-top: 30px; }

@media screen and (max-width: 767px) { .help-mobile { white-space: normal; } }

body.product { background: #f1f2ec url(../img/findbackpattern.jpg) repeat; }

.navbar-shop { margin: 0px 0 40px; }

.product-detail-container { position: relative; padding: 60px 0 160px 0; max-width: 1200px; margin: 0 auto; }

@media screen and (max-width: 768px) { .product-detail-container { padding: 30px 0 20px 0; } }

.product-banner { max-width: 40%; position: absolute; top: 0; left: 0; z-index: 1; }

.product-box { margin-top: 10px; }

.product-box .product-image-box { text-align: center; float: left; position: relative; width: 100%; }

.product-box .product-image-box .product-image { height: auto; max-width: 90%; vertical-align: middle; }

.product-box .product-image-box-gallery { clear: both; padding: 20px 0; }

.product-box .product-image-box-gallery h3 { font-size: 21px; margin-top: 10px; padding-left: 15px; }

.product-box .product-description, .product-box .product-title { text-align: center; line-height: 22px; }

.product-box .product-description { margin-bottom: 30px; }

.product-box .product-info-box { background: #ffffff; padding: 20px 40px; width: 50%; float: right; }

.product-box .product-info-box .product-title { color: #405b77; font-weight: 600; text-align: left; margin: 10px 0 20px; text-transform: uppercase; }

.product-box .product-info-box .product-description { color: #535f6c; font-size: 16px; text-align: left; }

.product-box .product-info-box .product-form { width: 100%; text-align: center; position: relative; }

.product-box .product-info-box .product-form select { color: #3a3a3a; background: #f1f2ec url("../img/arrow-down.png") no-repeat 95% center; border: 1px solid #e5e6e0; border-left: 5px solid #4a201d; border-radius: 3px; padding: 12px 0 12px 5%; height: 50px; width: 100%; text-align: left; -webkit-appearance: none; }

.product-box .product-info-box .product-form .item-qty { width: 110px; }

.product-box .product-info-box .product-form .form-actions { text-align: left; }

.product-box .product-info-box .product-form .form-actions .btn { display: inline-block; padding: 5px 25px; }

@media screen and (max-width: 992px) { .product-box .product-info-box .product-form .form-actions .btn { display: block; }
  .product-box .product-info-box .product-form .form-actions .btn + .btn { margin-top: 10px; } }

.product-added { margin-top: 5px; color: #34929e; font-style: italic; text-align: left; }

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 280px; }

@media (max-width: 767px) { .product-box .product-image-box, .product-box .product-info-box { float: none; width: 100%; height: auto; }
  .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100%; }
  .product-form { margin-bottom: 20px; }
  h3.product-title { font-size: 22px; }
  .product-box .product-info-box .product-form .form-actions .btn { width: 100%; } }

#fundraising .background-images { position: absolute; inset-block: 0; width: 100%; z-index: 0; }

#fundraising .background-images .bg-image { background-image: url("/templates/moonpie_site/assets/img/space-background.png"); background-repeat: no-repeat; background-size: cover; background-position: top center; width: 100%; height: 100%; position: relative; z-index: 1; }

#fundraising .background-images .bg-image::before { content: ''; position: absolute; inset: 0; z-index: -1; }

#fundraising .background-images .bg-image-1 { margin-bottom: 28.4rem; }

#fundraising .background-images .bg-image-1::before { background-image: linear-gradient(transparent 5%, #000 60%); }

@media (min-width: 768px) { #fundraising .background-images .bg-image-1::before { background-image: linear-gradient(transparent, #000 80%); } }

#fundraising .background-images .bg-image-2::before { background-image: linear-gradient(#000, rgba(0, 0, 0, 0.8), #000); }

#fundraising .fundraising { background: #000; }

#fundraising .fundraising-form { position: relative; }

#fundraising .fundraising-hero-images { margin: auto; position: relative; margin-top: 6rem; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-right: 0; margin-bottom: 3rem; }

@media (min-width: 992px) { #fundraising .fundraising-hero-images { margin-right: 200px; margin-top: 11rem; margin-bottom: 7.5rem; } }

#fundraising .fundraising-hero-images img { max-width: 80%; height: auto; display: block; }

@media (min-width: 992px) { #fundraising .fundraising-hero-images img { max-width: 100%; } }

#fundraising .fundraising-header { display: inline-block; width: 1172px; max-width: 85%; text-align: left; margin-inline: auto; }

#fundraising .fundraising-title { font-size: 6.4rem; font-style: normal; font-weight: 800; line-height: 1; letter-spacing: 0em; margin-bottom: 2.6rem; }

@media (min-width: 576px) { #fundraising .fundraising-title { margin-bottom: 0; } }

#fundraising .fundraising-subtitle { font-size: 2.4rem; font-style: italic; font-weight: 700; line-height: 1; letter-spacing: 0em; color: rgba(255, 255, 255, 0.6); text-align: left; margin-bottom: 5.5rem; }

@media (min-width: 576px) { #fundraising .fundraising-subtitle { margin-bottom: 7.7rem; } }

#fundraising .alien-row { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; margin-bottom: 14.8rem; }

@media (min-width: 576px) { #fundraising .alien-row { margin-bottom: 17.3rem; -ms-flex-direction: row; flex-direction: row; padding-inline: 1.6rem; } }

#fundraising .alien-row img { margin-bottom: 2.4rem; margin-right: 4.6rem; }

@media (min-width: 576px) { #fundraising .alien-row img { margin-bottom: 0; } }

#fundraising .alien-row p { font-size: 24px; line-height: 1; font-weight: 800; font-size: 3.6rem; padding-inline: 4.4rem; text-align: left; margin-bottom: 0; }

@media (min-width: 576px) { #fundraising .alien-row p { font-size: 2.4rem; padding-inline: 0; } }

#fundraising .cards { width: 1000px; max-width: 90%; margin-inline: auto; color: #000; gap: 5.9rem; text-align: left; }

@media (min-width: 992px) { #fundraising .cards { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } }

#fundraising .cards .card { background-color: #fff; width: 100%; border-radius: 1.5rem; position: relative; z-index: 1; margin-bottom: 7.2rem; margin-left: -.625rem; margin-top: -.625rem; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }

@media (min-width: 992px) { #fundraising .cards .card { width: 50%; margin-bottom: 10.8rem; position: relative; } }

#fundraising .cards .card::after { content: ''; position: absolute; background-color: transparent; border: 1px solid #fff; inset: 1.25rem -1.25rem -1.25rem 1.25rem; border-radius: 1.5rem; z-index: -1; }

#fundraising .cards .card-head { padding: 3rem; -ms-flex: 1 1 auto; flex: 1 1 auto; }

@media (min-width: 992px) { #fundraising .cards .card-head { padding: 3rem 3rem 0; } }

#fundraising .cards .card-body { padding: 3rem; }

#fundraising .cards .card-title { font-size: 2.4rem; font-weight: 800; line-height: 1; margin-bottom: 3.3rem; position: relative; }

@media (min-width: 992px) { #fundraising .cards .card-title { margin-bottom: 4.2rem; } }

#fundraising .cards .card-title::before { content: ''; width: 6.1rem; height: .1rem; background-color: #000; position: absolute; top: -2rem; left: 0; }

@media (min-width: 992px) { #fundraising .cards .card-title::before { content: ''; width: 7.8rem; height: .1rem; background-color: #000; position: absolute; top: -2.7rem; left: 0; } }

#fundraising .cards .card ul { list-style: none; font-weight: 600; }

#fundraising .cards .card li { font-size: 1.8rem; line-height: 1.22; margin-bottom: 1rem; position: relative; }

#fundraising .cards .card li::before { position: absolute; top: 5px; font-family: 'FontAwesome'; content: '\f111'; font-size: 1rem; left: -3rem; }

#fundraising .cards .card li:last-child { margin-bottom: 0; }

#fundraising .fundraiser-carrier { position: relative; z-index: 1; margin-top: -2rem; }

#fundraising .moonpie-bite { position: absolute; top: -6.5rem; right: -1rem; width: clamp(21rem, 30vw, 31.9rem); }

@media (min-width: 992px) { #fundraising .moonpie-bite { position: absolute; } }

#fundraising .moonpie-packs { max-width: 100%; height: auto; display: block; margin: 2rem auto 0; }

@media (min-width: 992px) { #fundraising .moonpie-packs { margin: 3rem auto 4rem; } }

#fundraising .fundraiser-brochure { max-width: 100%; height: auto; display: block; margin: auto; }

#fundraising .location-title { font-weight: 700; font-size: 3.6rem; margin-bottom: 4.4rem; padding-inline: 2.4rem; text-align: left; line-height: 1; }

@media (min-width: 576px) { #fundraising .location-title { text-align: center; } }

@media (min-width: 768px) { #fundraising .location-title { margin-bottom: 4.9rem; } }

#fundraising .locations { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin-inline: auto; -ms-flex-pack: center; justify-content: center; gap: .5rem; text-align: left; color: rgba(255, 255, 255, 0.6); margin-bottom: 0; padding-left: 10.4rem; }

@media (min-width: 768px) { #fundraising .locations { gap: 11rem; -ms-flex-direction: row; flex-direction: row; padding-left: 0; margin-bottom: 5.3rem; } }

#fundraising .locations .location { font-size: 2.4rem; line-height: 1.9; margin-bottom: 3.3rem; position: relative; }

@media (min-width: 768px) { #fundraising .locations .location { margin-bottom: 0; } }

#fundraising .locations .location::before { content: ''; position: absolute; width: 5.8rem; height: 0.1rem; top: -1.7rem; left: 0; background-color: #fff; }

@media (min-width: 768px) { #fundraising .locations .location::before { content: none; } }

#fundraising .locations .location:last-of-type { margin-bottom: 3.8rem; }

@media (min-width: 768px) { #fundraising .locations .location:last-of-type { margin-bottom: 0; } }

#fundraising .locations .location p { margin-bottom: 0; }

#fundraising .footer { background-color: #fff; display: -ms-flexbox; display: flex; padding-top: 4.9rem; padding-bottom: 3.5rem; }

@media (min-width: 576px) { #fundraising .footer { margin-inline: auto; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; text-align: left; padding-top: 7.7rem; padding-bottom: 12.7rem; } }

#fundraising .footer-title { color: #000; font-size: 3.6rem; padding-left: 2.3rem; padding-bottom: 3.3rem; }

@media (min-width: 576px) { #fundraising .footer-title { padding-left: 0; } }

#fundraising .footer-subtitle { font-size: 1.8rem; color: rgba(0, 0, 0, 0.6); margin-bottom: 3rem; padding-left: 10.4rem; padding-right: 3.7rem; line-height: 1.6; }

@media (min-width: 576px) { #fundraising .footer-subtitle { padding-left: 0; } }

#fundraising .footer-text { font-size: 1.8rem; color: rgba(0, 0, 0, 0.6); padding-left: 10.4rem; padding-right: 3.7rem; line-height: 1.6; margin-bottom: 0; }

@media (min-width: 576px) { #fundraising .footer-text { font-size: 2.4rem; padding-left: 0; } }

#fundraising .footer a { color: rgba(0, 0, 0, 0.6); text-decoration: underline; word-break: break-all; }

#fundraising .btn-youtube { background-color: #f4b906; border-radius: 4px; padding: 14px 20px 14px 76px; box-shadow: 0px 3px 0px 0px #a98004; display: inline-block; margin-top: 2rem; position: relative; z-index: 1; transition: 250ms all ease-in-out; color: black; font-size: 18px; font-weight: bold; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

#fundraising .btn-youtube::before { display: inline-block; content: ""; z-index: 10; vertical-align: -0.125em; background-image: url("data:image/svg+xml,<svg width='43' height='30' viewBox='0 0 43 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M36.6667 0.333374H6.66666C3.16833 0.333374 0.333328 3.16837 0.333328 6.66671V23.3334C0.333328 26.8317 3.16833 29.6667 6.66666 29.6667H36.6667C40.165 29.6667 43 26.8317 43 23.3334V6.66671C43 3.16837 40.165 0.333374 36.6667 0.333374ZM17 21.6667V8.33337L28.3333 15L17 21.6667Z' fill='black'/></svg>"); background-repeat: no-repeat; background-size: 3.6875rem 2.875rem; width: 3.6875rem; height: 2.875rem; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); }

#fundraising .btn-youtube:hover, #fundraising .btn-youtube:focus { background-color: #dba605; text-decoration: none; }

#original-recipe .container.main { background: #fff; overflow: visible; }

#original-recipe .universe.original { overflow: visible; }

#original-recipe .header-stage { min-height: 0; }

#original-recipe .header-stage-mobile { display: none; width: 100%; height: auto; }

#original-recipe .header-title { margin-left: 0; }

#original-recipe .header-title.top { top: 14%; left: 29.5%; width: 18%; }

#original-recipe .header-title.right { top: 9%; left: 46%; width: 33%; }

#original-recipe .header-title.left { top: 30%; left: 25%; width: 50%; }

#original-recipe .header-title.ship { top: 55%; left: 5%; width: 55%; }

#original-recipe .header-title.ship-2 { bottom: 7%; right: 0%; width: 90%; }

@media screen and (max-width: 768px) { #original-recipe .header-title.ship-2 { bottom: 20%; } }

#original-recipe .header-title.header-arrow-recipe-mobile, #original-recipe .header-title.header-real-mobile { display: none; }

@media screen and (max-width: 768px) { #original-recipe .header-stage { display: none; }
  #original-recipe .header-stage-mobile { display: block; }
  #original-recipe .header-title.header-arrow, #original-recipe .header-title.header-recipe-real, #original-recipe .header-title.header-moonpie, #original-recipe .header-title.ship, #original-recipe .header-title.ship-2 { display: none; }
  #original-recipe .header-title.header-arrow-recipe-mobile, #original-recipe .header-title.header-real-mobile { display: block; }
  #original-recipe .header-title.header-arrow-recipe-mobile { width: 75%; top: 25%; left: 4%; }
  #original-recipe .header-title.header-real-mobile { width: 75%; top: 60%; left: 12%; }
  #original-recipe .header-moonpies { display: none; } }

#original-recipe .row.top { margin-top: 70px; margin-top: 7vw; margin-bottom: 100px; }

#original-recipe .row.top p { font-size: 1.2em; line-height: 1.8em; letter-spacing: 0.5px; margin-bottom: 30px; }

#original-recipe .row.top button { margin: 30px auto; }

@media screen and (max-width: 768px) { #original-recipe .row.top { margin: 7vw 20px 100px; } }

#original-recipe .row.form .form-top .form-logo { margin-top: -85px; }

#original-recipe .row.form .form-top .form-header-image { margin-top: 20px; max-width: 100%; }

#original-recipe .row.form .form-top p { font-size: 1.2em; line-height: 1.8em; letter-spacing: 0.5px; }

#original-recipe .bottom-ship { background-color: #f4f7f8; height: 300px\9; height: 26vw; position: relative; }

@media screen and (max-width: 768px) { #original-recipe .bottom-ship { display: none; } }

#original-recipe .content { max-width: 1000px; margin: 0 auto; }

#original-recipe .content h3 { color: #39628c; font-size: 24px; font-weight: 600; margin-bottom: 20px; margin-top: 30px; }

#original-recipe .content hr { border-top: 3px solid #f4b906; border-bottom: none; width: 100px; margin: 40px auto; text-align: center; }

#original-recipe .content * { color: #626262; font-size: 18px; }

#original-recipe .content .error-message { color: #d9534f; }

#original-recipe .content .btn { color: #fff; border-radius: 2px; border-bottom-width: 2px; padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; }

#original-recipe .content .btn.btn-primary { background: #ffb718; color: #071D31; margin: 30px 0 10px; }

#original-recipe .content .btn.btn-primary:hover { background: #EBBA3F; }

@media screen and (max-width: 768px) { #original-recipe .content .btn.btn-primary { width: 60%; margin: 20px 20% 60px; padding-top: 20px; padding-bottom: 20px; } }

#original-recipe .content input[type="text"], #original-recipe .content textarea { background: #fff; border-radius: 2px; border-color: #ebebeb; border-width: 2px; box-shadow: none; padding: 20px 25px; height: auto; }

#original-recipe .content input[type="text"]:active, #original-recipe .content input[type="text"]:focus, #original-recipe .content textarea:active, #original-recipe .content textarea:focus { outline: 0; box-shadow: none; border-color: #f4b906; }

#original-recipe .content input[type="text"].error, #original-recipe .content textarea.error { border: 1px solid #F4B945; }

#original-recipe .content input[type="text"]:focus, #original-recipe .content textarea:focus { outline: 0; box-shadow: 0 0 8px #2d5172; border: 1px solid #2d5172; }

#original-recipe .content .chosen-single, #original-recipe .content .chosen-single.active { background: #fff; border: 0; box-shadow: none; padding: 20px 25px; height: auto; text-align: left; }

#original-recipe .content .chosen-container-single { background: #fff; border-radius: 2px; border-color: #ebebeb; border-width: 2px; box-shadow: none; height: auto; padding: 0; }

#original-recipe .content .chosen-container-single span { font-weight: inherit; text-indent: 0; }

#original-recipe .content .chosen-container-single:active, #original-recipe .content .chosen-container-single:focus { outline: 0; box-shadow: none; border-color: #f4b906; }

#original-recipe .content .chosen-container-single.chosen-with-drop { border: 1px solid #2d5172; box-shadow: 0 0 8px #2d5172; }

#original-recipe .content .form-submit button { width: 250px; }

@media screen and (max-width: 768px) { #original-recipe .content .form-submit button { width: 70%; } }

#original-recipe .content .original_form label { font-size: 14px; letter-spacing: 1px; font-weight: 300; display: block; margin-bottom: 10px; }

#original-recipe .content .original_form label .required, #original-recipe .content .original_form label .error-message { color: #d9534f; font-weight: bold; }

#original-recipe .content .original_form .input-group-btn { text-align: center; }

#original-recipe .content .original_form .input-group-btn button { width: 100%; padding: 10px 0; font-size: 16px; margin-top: 20px; border-radius: 0; border-bottom-width: 1px; font-weight: 600; letter-spacing: 1px; }

#original-recipe .content form#original_recipe_feedback_form { margin-top: 40px; }

#original-recipe .content form#original_recipe_feedback_form .chosen-container { width: 100% !important; }

#original-recipe .content form#original_recipe_feedback_form .chosen-container .chosen-results { margin: 0; padding: 0; max-height: 22vh; }

#original-recipe .content form#original_recipe_feedback_form .chosen-container .chosen-results li { display: inline-block; cursor: pointer; padding: 20px; width: 33.3%; border: 1px solid #ebebeb; height: 11vh; padding: 4vh 0; margin: 0; float: left; }

#original-recipe .content form#original_recipe_feedback_form .chosen-container .chosen-results li:first-child { display: none; }

#original-recipe .content form#original_recipe_feedback_form .chosen-container .chosen-results li.highlighted { background-color: #f4b906; color: #fff; }

#original-recipe .content .legal-text { font-size: 12px; margin: 15px 0; }

#original-recipe .content .legal-text a { font-size: 12px; }

@media screen and (max-width: 992px) { #original-recipe h3 { text-align: center; }
  #original-recipe .btn { display: block; float: none !important; }
  #original-recipe #contact_form input[type=text], #original-recipe #contact_form textarea { width: 95%; }
  #original-recipe #contact_form .form-submit { text-align: center; } }

.form-content { background-color: #f4f7f8; }

#sitemap { background: #fff; }

#sitemap .sitemap { padding-top: 5%; }

#sitemap .sitemap h2 { color: #12314e; border-bottom: 1px solid #0d4c85; font-weight: normal; font-size: 24px; margin: 30px 0 10px 0; padding-bottom: 10px; }

#sitemap .sitemap h2 a { color: #12314e; font-size: 24px; font-style: normal; }

#sitemap .sitemap li, #sitemap .sitemap h3 { font-size: 18px; line-height: 1.7; }

#sitemap .sitemap li a, #sitemap .sitemap h3 a { color: #12314e; font-style: normal; }

.owl-carousel { position: relative; z-index: 1; display: none; width: 100%; background: #F4F7F8; text-align: center; }

.owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; }

.owl-carousel .owl-animated-in { z-index: 0; }

.owl-carousel .owl-animated-out { z-index: 1; }

.owl-carousel .fadeOut { animation-name: fadeOut; }

.owl-carousel .owl-stage { position: relative; }

.owl-carousel .owl-stage:after { line-height: 0; display: block; visibility: hidden; clear: both; height: 0; content: "."; }

.owl-carousel .owl-stage .owl-item { border-left: 1px solid #CCD4D5; }

.owl-carousel .owl-stage .title-wrapper { padding: 20px; text-align: center; }

.owl-carousel .owl-stage .title-wrapper h4 { font-size: 16px; text-transform: uppercase; margin: 0 0 10px; }

.owl-carousel .owl-stage .title-wrapper a { font-size: 12px; color: #676767; }

.owl-carousel .owl-stage-outer { position: relative; background: #FFFFFF; }

.owl-carousel .owl-stage-outer:before { position: absolute; z-index: -1; bottom: 0; left: 0; width: 100%; height: 10px; content: ""; border-radius: 100px / 5px; box-shadow: 0 0 50px 2px rgba(0, 0, 0, 0.6); }

.owl-carousel .owl-controls .owl-nav { position: absolute; top: 50%; left: 50%; float: left; transform: translate(-50%, -50%); }

.owl-carousel .owl-controls .owl-nav .owl-prev { float: left; cursor: hand; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel .owl-controls .owl-nav .owl-next { float: right; cursor: hand; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel .owl-controls .owl-dot { cursor: hand; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel .owl-controls .owl-dots { position: absolute; top: 50%; left: 50%; display: -ms-flexbox; display: flex; transform: translate(-50%, -50%); height: 20px; }

.owl-carousel.owl-loaded { display: block; }

.owl-carousel.owl-loading { display: block; opacity: 0; }

.owl-carousel.owl-hidden { opacity: 0; }

.owl-carousel .owl-item { position: relative; float: left; min-height: 1px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel .owl-item img { display: block; width: 100%; transform-style: preserve-3d; }

.owl-carousel .owl-item .owl-lazy { transition: opacity 400ms ease; opacity: 0; }

.owl-carousel .owl-grab { cursor: -webkit-grab; cursor: grab; }

.owl-carousel.owl-rtl { direction: rtl; }

.owl-carousel.owl-rtl .owl-item { float: right; }

.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000000; }

.owl-carousel .owl-video-play-icon { position: absolute; z-index: 1; top: 50%; left: 50%; width: 80px; height: 80px; margin-top: -40px; margin-left: -40px; cursor: pointer; transition: scale 100ms ease; background: url("owl.video.play.png") no-repeat; }

.owl-carousel .owl-video-play-icon:hover { transition: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn { display: none; }

.owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }

.owl-carousel .owl-video-tn { height: 100%; transition: opacity 400ms ease; opacity: 0; background-repeat: no-repeat; background-position: center center; background-size: contain; }

.owl-carousel .owl-video-frame { position: relative; z-index: 1; }

.owl-carousel .owl-refresh .owl-item { display: none; }

.owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; }

@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

.owl-height { transition: height 500ms ease-in-out; }

.owl-theme .owl-controls { position: relative; padding: 100px; text-align: center; }

.owl-theme .owl-controls.clickable .owl-buttons div:hover { text-decoration: none; opacity: 1; filter: Alpha(Opacity=100); }

.owl-theme .owl-controls.clickable .owl-page:hover span { opacity: 1; filter: Alpha(Opacity=100); }

.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; }

.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; opacity: 0.5; border-radius: 20px; background: #869791; filter: Alpha(Opacity=50); }

.owl-theme .owl-controls .owl-page span.owl-numbers { font-size: 12px; width: auto; height: auto; padding: 2px 10px; color: #FFFFFF; border-radius: 30px; }

.owl-theme .owl-controls .owl-page.active span { opacity: 1; filter: Alpha(Opacity=100); }

.owl-theme .owl-controls .owl-nav [class*=owl-] { font-size: 20px; display: inline-block; cursor: pointer; color: #1d3349; }

.owl-theme .owl-controls .owl-nav [class*=owl-]:hover { text-decoration: none; color: #1d3349; }

.owl-theme .owl-controls .owl-nav .disabled { cursor: default; opacity: 0.5; }

.owl-theme .owl-controls .owl-buttons div { font-size: 12px; display: inline-block; zoom: 1; margin: 5px; padding: 3px 10px; opacity: 0.5; color: #FFFFFF; border-radius: 30px; background: #869791; *display: inline; filter: Alpha(Opacity=50); }

.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; }

.owl-theme .owl-dots .owl-dot span { display: block; width: 15px; height: 15px; margin: 0 10px; transition: opacity 200ms ease; border-radius: 30px; background: #90b9c7; }

.owl-theme .owl-dots .owl-dot.active span { background: #1d3348; }

.owl-theme .owl-dots .owl-dot:hover span { background: #1d3348; }

.no-js .owl-carousel { display: block; }

.owl-item.loading { min-height: 150px; background: url("AjaxLoader.gif") no-repeat center center; }

.screenreader-text { position: absolute; top: -100px; z-index: 9999; padding: .75rem 1.25em; background-color: #000; color: #fff !important; left: 50%; transform: translateX(-50%); transition: 250ms all ease-in-out; }

.screenreader-text:focus { top: 3rem; }