@charset "UTF-8";
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300);

@font-face {
    font-family: FontAwesome;
    src: url(fonts/fontawesome-webfont.eot?v=4.7.0);
    src: url(fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(fonts/fontawesome-webfont.woff2?v=4.7.0) format("woff2"), url(fonts/fontawesome-webfont.woff?v=4.7.0) format("woff"), url(fonts/fontawesome-webfont.ttf?v=4.7.0) format("truetype"), url(fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal
}

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

.fa-lg {
    font-size: 1.33333em;
    line-height: .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: .14286em;
    text-align: center
}

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

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

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

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

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

.pull-right {
    float: right
}

.pull-left {
    float: left
}

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

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

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

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

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

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

.fa-rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1)
}

:root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 {
    -webkit-filter: none;
    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
}

.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-close:before, .fa-remove: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-cog:before, .fa-gear: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-repeat:before, .fa-rotate-right: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-image:before, .fa-photo: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-exclamation-triangle:before, .fa-warning: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-cogs:before, .fa-gears: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-f:before, .fa-facebook:before {
    content: ""
}

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

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

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

.fa-feed:before, .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-floppy-o:before, .fa-save:before {
    content: ""
}

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

.fa-bars:before, .fa-navicon:before, .fa-reorder: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-sort:before, .fa-unsorted:before {
    content: ""
}

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

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

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

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

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

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

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

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

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

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

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

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

.fa-clipboard:before, .fa-paste: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-chain-broken:before, .fa-unlink: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-caret-square-o-down:before, .fa-toggle-down:before {
    content: ""
}

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

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

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

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

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

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

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

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

.fa-krw:before, .fa-won: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, .fa-gratipay: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-caret-square-o-left:before, .fa-toggle-left:before {
    content: ""
}

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

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

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

.fa-try:before, .fa-turkish-lira: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-bank:before, .fa-institution:before, .fa-university:before {
    content: ""
}

.fa-graduation-cap:before, .fa-mortar-board: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-pp: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-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {
    content: ""
}

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

.fa-file-audio-o:before, .fa-file-sound-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-ring:before, .fa-life-saver:before, .fa-support:before {
    content: ""
}

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

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

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

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

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

.fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square:before {
    content: ""
}

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

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

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

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

.fa-paper-plane-o:before, .fa-send-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-futbol-o:before, .fa-soccer-ball-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-ils:before, .fa-shekel:before, .fa-sheqel:before {
    content: ""
}

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

.fa-buysellads:before {
    content: ""
}

.fa-connectdevelop:before {
    content: ""
}

.fa-dashcube:before {
    content: ""
}

.fa-forumbee:before {
    content: ""
}

.fa-leanpub:before {
    content: ""
}

.fa-sellsy:before {
    content: ""
}

.fa-shirtsinbulk:before {
    content: ""
}

.fa-simplybuilt:before {
    content: ""
}

.fa-skyatlas:before {
    content: ""
}

.fa-cart-plus:before {
    content: ""
}

.fa-cart-arrow-down:before {
    content: ""
}

.fa-diamond:before {
    content: ""
}

.fa-ship:before {
    content: ""
}

.fa-user-secret:before {
    content: ""
}

.fa-motorcycle:before {
    content: ""
}

.fa-street-view:before {
    content: ""
}

.fa-heartbeat:before {
    content: ""
}

.fa-venus:before {
    content: ""
}

.fa-mars:before {
    content: ""
}

.fa-mercury:before {
    content: ""
}

.fa-intersex:before, .fa-transgender:before {
    content: ""
}

.fa-transgender-alt:before {
    content: ""
}

.fa-venus-double:before {
    content: ""
}

.fa-mars-double:before {
    content: ""
}

.fa-venus-mars:before {
    content: ""
}

.fa-mars-stroke:before {
    content: ""
}

.fa-mars-stroke-v:before {
    content: ""
}

.fa-mars-stroke-h:before {
    content: ""
}

.fa-neuter:before {
    content: ""
}

.fa-genderless:before {
    content: ""
}

.fa-facebook-official:before {
    content: ""
}

.fa-pinterest-p:before {
    content: ""
}

.fa-whatsapp:before {
    content: ""
}

.fa-server:before {
    content: ""
}

.fa-user-plus:before {
    content: ""
}

.fa-user-times:before {
    content: ""
}

.fa-bed:before, .fa-hotel:before {
    content: ""
}

.fa-viacoin:before {
    content: ""
}

.fa-train:before {
    content: ""
}

.fa-subway:before {
    content: ""
}

.fa-medium:before {
    content: ""
}

.fa-y-combinator:before, .fa-yc:before {
    content: ""
}

.fa-optin-monster:before {
    content: ""
}

.fa-opencart:before {
    content: ""
}

.fa-expeditedssl:before {
    content: ""
}

.fa-battery-4:before, .fa-battery-full:before, .fa-battery:before {
    content: ""
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: ""
}

.fa-battery-2:before, .fa-battery-half:before {
    content: ""
}

.fa-battery-1:before, .fa-battery-quarter:before {
    content: ""
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: ""
}

.fa-mouse-pointer:before {
    content: ""
}

.fa-i-cursor:before {
    content: ""
}

.fa-object-group:before {
    content: ""
}

.fa-object-ungroup:before {
    content: ""
}

.fa-sticky-note:before {
    content: ""
}

.fa-sticky-note-o:before {
    content: ""
}

.fa-cc-jcb:before {
    content: ""
}

.fa-cc-diners-club:before {
    content: ""
}

.fa-clone:before {
    content: ""
}

.fa-balance-scale:before {
    content: ""
}

.fa-hourglass-o:before {
    content: ""
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: ""
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: ""
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: ""
}

.fa-hourglass:before {
    content: ""
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: ""
}

.fa-hand-paper-o:before, .fa-hand-stop-o:before {
    content: ""
}

.fa-hand-scissors-o:before {
    content: ""
}

.fa-hand-lizard-o:before {
    content: ""
}

.fa-hand-spock-o:before {
    content: ""
}

.fa-hand-pointer-o:before {
    content: ""
}

.fa-hand-peace-o:before {
    content: ""
}

.fa-trademark:before {
    content: ""
}

.fa-registered:before {
    content: ""
}

.fa-creative-commons:before {
    content: ""
}

.fa-gg:before {
    content: ""
}

.fa-gg-circle:before {
    content: ""
}

.fa-tripadvisor:before {
    content: ""
}

.fa-odnoklassniki:before {
    content: ""
}

.fa-odnoklassniki-square:before {
    content: ""
}

.fa-get-pocket:before {
    content: ""
}

.fa-wikipedia-w:before {
    content: ""
}

.fa-safari:before {
    content: ""
}

.fa-chrome:before {
    content: ""
}

.fa-firefox:before {
    content: ""
}

.fa-opera:before {
    content: ""
}

.fa-internet-explorer:before {
    content: ""
}

.fa-television:before, .fa-tv:before {
    content: ""
}

.fa-contao:before {
    content: ""
}

.fa-500px:before {
    content: ""
}

.fa-amazon:before {
    content: ""
}

.fa-calendar-plus-o:before {
    content: ""
}

.fa-calendar-minus-o:before {
    content: ""
}

.fa-calendar-times-o:before {
    content: ""
}

.fa-calendar-check-o:before {
    content: ""
}

.fa-industry:before {
    content: ""
}

.fa-map-pin:before {
    content: ""
}

.fa-map-signs:before {
    content: ""
}

.fa-map-o:before {
    content: ""
}

.fa-map:before {
    content: ""
}

.fa-commenting:before {
    content: ""
}

.fa-commenting-o:before {
    content: ""
}

.fa-houzz:before {
    content: ""
}

.fa-vimeo:before {
    content: ""
}

.fa-black-tie:before {
    content: ""
}

.fa-fonticons:before {
    content: ""
}

.fa-reddit-alien:before {
    content: ""
}

.fa-edge:before {
    content: ""
}

.fa-credit-card-alt:before {
    content: ""
}

.fa-codiepie:before {
    content: ""
}

.fa-modx:before {
    content: ""
}

.fa-fort-awesome:before {
    content: ""
}

.fa-usb:before {
    content: ""
}

.fa-product-hunt:before {
    content: ""
}

.fa-mixcloud:before {
    content: ""
}

.fa-scribd:before {
    content: ""
}

.fa-pause-circle:before {
    content: ""
}

.fa-pause-circle-o:before {
    content: ""
}

.fa-stop-circle:before {
    content: ""
}

.fa-stop-circle-o:before {
    content: ""
}

.fa-shopping-bag:before {
    content: ""
}

.fa-shopping-basket:before {
    content: ""
}

.fa-hashtag:before {
    content: ""
}

.fa-bluetooth:before {
    content: ""
}

.fa-bluetooth-b:before {
    content: ""
}

.fa-percent:before {
    content: ""
}

.fa-gitlab:before {
    content: ""
}

.fa-wpbeginner:before {
    content: ""
}

.fa-wpforms:before {
    content: ""
}

.fa-envira:before {
    content: ""
}

.fa-universal-access:before {
    content: ""
}

.fa-wheelchair-alt:before {
    content: ""
}

.fa-question-circle-o:before {
    content: ""
}

.fa-blind:before {
    content: ""
}

.fa-audio-description:before {
    content: ""
}

.fa-volume-control-phone:before {
    content: ""
}

.fa-braille:before {
    content: ""
}

.fa-assistive-listening-systems:before {
    content: ""
}

.fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before {
    content: ""
}

.fa-deaf:before, .fa-deafness:before, .fa-hard-of-hearing:before {
    content: ""
}

.fa-glide:before {
    content: ""
}

.fa-glide-g:before {
    content: ""
}

.fa-sign-language:before, .fa-signing:before {
    content: ""
}

.fa-low-vision:before {
    content: ""
}

.fa-viadeo:before {
    content: ""
}

.fa-viadeo-square:before {
    content: ""
}

.fa-snapchat:before {
    content: ""
}

.fa-snapchat-ghost:before {
    content: ""
}

.fa-snapchat-square:before {
    content: ""
}

.fa-pied-piper:before {
    content: ""
}

.fa-first-order:before {
    content: ""
}

.fa-yoast:before {
    content: ""
}

.fa-themeisle:before {
    content: ""
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
    content: ""
}

.fa-fa:before, .fa-font-awesome:before {
    content: ""
}

.fa-handshake-o:before {
    content: ""
}

.fa-envelope-open:before {
    content: ""
}

.fa-envelope-open-o:before {
    content: ""
}

.fa-linode:before {
    content: ""
}

.fa-address-book:before {
    content: ""
}

.fa-address-book-o:before {
    content: ""
}

.fa-address-card:before, .fa-vcard:before {
    content: ""
}

.fa-address-card-o:before, .fa-vcard-o:before {
    content: ""
}

.fa-user-circle:before {
    content: ""
}

.fa-user-circle-o:before {
    content: ""
}

.fa-user-o:before {
    content: ""
}

.fa-id-badge:before {
    content: ""
}

.fa-drivers-license:before, .fa-id-card:before {
    content: ""
}

.fa-drivers-license-o:before, .fa-id-card-o:before {
    content: ""
}

.fa-quora:before {
    content: ""
}

.fa-free-code-camp:before {
    content: ""
}

.fa-telegram:before {
    content: ""
}

.fa-thermometer-4:before, .fa-thermometer-full:before, .fa-thermometer:before {
    content: ""
}

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
    content: ""
}

.fa-thermometer-2:before, .fa-thermometer-half:before {
    content: ""
}

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
    content: ""
}

.fa-thermometer-0:before, .fa-thermometer-empty:before {
    content: ""
}

.fa-shower:before {
    content: ""
}

.fa-bath:before, .fa-bathtub:before, .fa-s15:before {
    content: ""
}

.fa-podcast:before {
    content: ""
}

.fa-window-maximize:before {
    content: ""
}

.fa-window-minimize:before {
    content: ""
}

.fa-window-restore:before {
    content: ""
}

.fa-times-rectangle:before, .fa-window-close:before {
    content: ""
}

.fa-times-rectangle-o:before, .fa-window-close-o:before {
    content: ""
}

.fa-bandcamp:before {
    content: ""
}

.fa-grav:before {
    content: ""
}

.fa-etsy:before {
    content: ""
}

.fa-imdb:before {
    content: ""
}

.fa-ravelry:before {
    content: ""
}

.fa-eercast:before {
    content: ""
}

.fa-microchip:before {
    content: ""
}

.fa-snowflake-o:before {
    content: ""
}

.fa-superpowers:before {
    content: ""
}

.fa-wpexplorer:before {
    content: ""
}

.fa-meetup:before {
    content: ""
}

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

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

body {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: default;
    background: #fff;
    color: #231f20
}

* {
    outline: 0;
    box-sizing: border-box
}

img, svg {
    max-width: 100%
}

a, button {
    text-decoration: none;
    color: #231f20;
    -webkit-transition: .2s ease-in-out all;
    -moz-transition: .2s ease-in-out all;
    -ms-transition: .2s ease-in-out all;
    -webkit-transform: .2s ease-in-out all;
    transform: .2s ease-in-out all
}

a:active, a:focus, a:hover, button:active, button:focus, button:hover {
    outline: 0;
    text-decoration: none
}

p {
    font-size: 1.25em;
    line-height: 1.2em
}

strong {
    font-weight: 400;
    font-family: conduit_itcbold, Helvetica, sans-serif
}

figure {
    margin: 0
}

.container {
    width: 100%;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto
}

.container:after {
    content: " ";
    display: block;
    clear: both
}

.container.wide {
    max-width: 1550px;
    margin-left: auto;
    margin-right: auto
}

.container.wide:after {
    content: " ";
    display: block;
    clear: both
}

.container.content {
    padding: 4em 1em 0
}

.hidden {
    display: none !important
}

@media only screen and (max-width: 767px) {
    .hidden-mob {
        display: none
    }
}

@media only screen and (min-width: 768px) {
    .crawl {
        -webkit-transition: transform 1s cubic-bezier(0, 0, .18, .93) 0s, 2s ease-in-out opacity;
        -moz-transition: transform 1s cubic-bezier(0, 0, .18, .93) 0s, 2s ease-in-out opacity;
        -ms-transition: transform 1s cubic-bezier(0, 0, .18, .93) 0s, 2s ease-in-out opacity;
        -webkit-transform: transform 1s cubic-bezier(0, 0, .18, .93) 0s, 2s ease-in-out opacity;
        transform: transform 1s cubic-bezier(0, 0, .18, .93) 0s, 2s ease-in-out opacity
    }
}

.herb.drop-left img {
    -webkit-animation: breeze ease-in-out 4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: breeze ease-in-out 4s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -o-animation: breeze ease-in-out 4s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -ms-animation: breeze ease-in-out 4s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
    animation: breeze ease-in-out 4s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%
}

@-webkit-keyframes breeze {
    0% {
        -webkit-transform: translate(0, 0) rotate(-3deg)
    }
    50% {
        -webkit-transform: translate(0, 0) rotate(0)
    }
    100% {
        -webkit-transform: translate(0, 0) rotate(-3deg)
    }
}

@keyframes breeze {
    0% {
        -webkit-transform: translate(0, 0) rotate(-3deg);
        transform: translate(0, 0) rotate(-3deg)
    }
    50% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }
    100% {
        -webkit-transform: translate(0, 0) rotate(-3deg);
        transform: translate(0, 0) rotate(-3deg)
    }
}

.herb.drop-right img {
    -webkit-animation: breeze-reverse ease-in-out 4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: breeze-reverse ease-in-out 4s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -o-animation: breeze-reverse ease-in-out 4s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -ms-animation: breeze-reverse ease-in-out 4s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
    animation: breeze-reverse ease-in-out 4s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%
}

@-webkit-keyframes breeze-reverse {
    0% {
        -webkit-transform: translate(0, 0) rotate(3deg)
    }
    49% {
        -webkit-transform: translate(-3px, 0) rotate(0)
    }
    100% {
        -webkit-transform: translate(0, 0) rotate(3deg)
    }
}

@keyframes breeze-reverse {
    0% {
        -webkit-transform: translate(0, 0) rotate(3deg);
        transform: translate(0, 0) rotate(3deg)
    }
    49% {
        -webkit-transform: translate(-3px, 0) rotate(0);
        transform: translate(-3px, 0) rotate(0)
    }
    100% {
        -webkit-transform: translate(0, 0) rotate(3deg);
        transform: translate(0, 0) rotate(3deg)
    }
}

@font-face {
    font-family: conduit_itcbold;
    src: url(fonts/conduit_itc_bold1-webfont.woff2) format("woff2"), url(fonts/conduit_itc_bold1-webfont.woff) format("woff"), url(fonts/conduit_itc_bold1-webfont.ttf) format("truetype"), url(fonts/conduit_itc_bold1-webfont.svg#conduit_itcbold) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: conduit_itcmedium;
    src: url(fonts/conduit_itc_medium1-webfont.woff2) format("woff2"), url(fonts/conduit_itc_medium1-webfont.woff) format("woff"), url(fonts/conduit_itc_medium1-webfont.ttf) format("truetype"), url(fonts/conduit_itc_medium1-webfont.svg#conduit_itcmedium) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: conduit_itclight;
    src: url(fonts/conduit_itc_light1-webfont.woff2) format("woff2"), url(fonts/conduit_itc_light1-webfont.woff) format("woff"), url(fonts/conduit_itc_light1-webfont.ttf) format("truetype"), url(fonts/conduit_itc_light1-webfont.svg#conduit_itclight) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: trade_gothic_regular;
    src: url(fonts/trade_gothic_reg.woff2) format("woff2"), url(fonts/trade_gothic_reg.woff) format("woff"), url(fonts/trade_gothic_reg.ttf) format("truetype"), url(fonts/trade_gothic_reg) format("eot");
    font-weight: 400;
    font-style: normal
}

body {
    font-family: conduit_itclight, Helvetica, sans-serif;
    color: #231f20
}

a {
    color: #231f20
}

.h1, .h2, .h3, .h4, .hero.full-height .heading, .hero.sm-height .heading, h1, h2, h3, h4 {
    margin: 0;
    text-transform: uppercase;
    line-height: 1em;
    font-weight: 400
}

.h1.line, .h2.line, .h3.line, .h4.line, .h5.line, .h6.line, .hero.full-height .line.heading, .hero.sm-height .line.heading, h1.line, h2.line, h3.line, h4.line, h5.line, h6.line {
    position: relative;
    padding-bottom: .3em;
    margin-bottom: .55em
}

.h1.line::after, .h2.line::after, .h3.line::after, .h4.line::after, .h5.line::after, .h6.line::after, .hero.full-height .line.heading::after, .hero.sm-height .line.heading::after, h1.line::after, h2.line::after, h3.line::after, h4.line::after, h5.line::after, h6.line::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #4ca94d
}

.h1.center, .h2.center, .h3.center, .h4.center, .h5.center, .h6.center, .hero.full-height .center.heading, .hero.sm-height .center.heading, h1.center, h2.center, h3.center, h4.center, h5.center, h6.center {
    display: table;
    margin-left: auto;
    margin-right: auto
}

.h1.green, .h2.green, .h3.green, .h4.green, .h5.green, .h6.green, .hero.full-height .green.heading, .hero.sm-height .green.heading, h1.green, h2.green, h3.green, h4.green, h5.green, h6.green {
    color: #4ca94d
}

.h1, .hero.full-height .heading, h1 {
    font-family: conduit_itcbold, Helvetica, sans-serif;
    font-size: 2.5rem;
    line-height: 1em
}

.h1.shadow, .hero.full-height .shadow.heading, .hero.full-height section:not(.green):not(.white):not(.darker):not(.light):not(.solid-white) .heading, h1.shadow, section:not(.green):not(.white):not(.darker):not(.light):not(.solid-white) .h1, section:not(.green):not(.white):not(.darker):not(.light):not(.solid-white) .hero.full-height .heading, section:not(.green):not(.white):not(.darker):not(.light):not(.solid-white) h1 {
    -webkit-text-shadow: 0 2px 18px rgba(0, 0, 0, .7);
    -moz-text-shadow: 0 2px 18px rgba(0, 0, 0, .7);
    text-shadow: 0 2px 18px rgba(0, 0, 0, .7)
}

@media only screen and (min-width: 768px) {
    .h1, .hero.full-height .heading, h1 {
        font-size: 4rem;
        line-height: .8em
    }
}

.h2, .hero.sm-height .heading, h2 {
    font-family: conduit_itcbold, Helvetica, sans-serif;
    font-size: 2.15rem;
    line-height: 1em
}

@media only screen and (min-width: 768px) {
    .h2, .hero.sm-height .heading, h2 {
        font-size: 3.75rem
    }
}

.h2.shadow, .hero.sm-height .shadow.heading, h2.shadow {
    -webkit-text-shadow: 0 2px 18px rgba(0, 0, 0, .7);
    -moz-text-shadow: 0 2px 18px rgba(0, 0, 0, .7);
    text-shadow: 0 2px 18px rgba(0, 0, 0, .7)
}

.h3, h3 {
    font-family: conduit_itcbold, Helvetica, sans-serif;
    font-size: 2.5rem;
    line-height: 1em
}

@media only screen and (min-width: 768px) {
    .h3, h3 {
        font-size: 2.5rem
    }
}

.h3.shadow, h3.shadow {
    -webkit-text-shadow: 0 2px 18px rgba(0, 0, 0, .7);
    -moz-text-shadow: 0 2px 18px rgba(0, 0, 0, .7);
    text-shadow: 0 2px 18px rgba(0, 0, 0, .7)
}

.h4, h4 {
    font-size: 1.625rem;
    line-height: 1em;
    font-family: conduit_itcmedium, Helvetica, sans-serif
}

.acc-item ul, .section:not(.blog-list):not(.faqs):not(.locations):not(.job-listing) ul:not(.check-list) {
    padding: 0;
    list-style: none
}

.acc-item ul > li, .section:not(.blog-list):not(.faqs):not(.locations):not(.job-listing) ul:not(.check-list) > li {
    font-size: 1.25rem;
    line-height: 1.2rem;
    margin-bottom: .5em;
    position: relative;
    padding-left: .6em
}

.acc-item ul > li::before, .section:not(.blog-list):not(.faqs):not(.locations):not(.job-listing) ul:not(.check-list) > li::before {
    content: '\f111';
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 7px;
    color: #4ca94d
}

.section:not(.blog-list):not(.faqs):not(.locations):not(.job-listing) ol {
    padding: 0 0 0 1em
}

.section:not(.blog-list):not(.faqs):not(.locations):not(.job-listing) ol li {
    font-size: 1.25rem;
    line-height: 1.2rem;
    margin-bottom: .5em;
    padding-left: .6em
}

.section:not(.blog-list):not(.faqs):not(.locations):not(.job-listing) ol ol, .section:not(.blog-list):not(.faqs):not(.locations):not(.job-listing) ol ul, .section:not(.blog-list):not(.faqs):not(.locations):not(.job-listing) ul:not(.check-list) ol, .section:not(.blog-list):not(.faqs):not(.locations):not(.job-listing) ul:not(.check-list) ul {
    margin: 1em 0
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.btn {
    display: inline-block;
    text-align: center;
    color: #fff;
    background: #4ca94d;
    font-family: conduit_itcbold, Helvetica, sans-serif;
    line-height: 1em;
    font-size: 1.25em;
    text-transform: uppercase;
    border: 1px solid #4ca94d;
    min-width: 204px;
    padding: .7em 1em;
    border-radius: 2em
}

@media only screen and (max-width: 767px) {
    .btn {
        font-size: 1em
    }
}

.btn.btn-lg {
    font-size: 1.38em;
    min-width: 12.3em;
    padding: .9em 2.05em
}

@media only screen and (max-width: 767px) {
    .btn.btn-lg {
        font-size: 1.15em
    }
}

.btn.btn-primary {
    color: #fff;
    background: #4ca94d;
    border: 1px solid #4ca94d
}

.btn.btn-primary:hover {
    background: #4cbf4e;
    border-color: #4cbf4e
}

.btn.btn-secondary {
    color: #4ca94d;
    background: #fff;
    border: 1px solid #fff
}

.btn.btn-secondary:hover {
    background: #231f20;
    border-color: #231f20
}

.btn.btn-plain {
    color: #231f20;
    background: 0 0;
    border: 1px solid #231f20
}

.btn.btn-plain:hover {
    background: #231f20;
    color: #fff;
    border-color: #231f20
}

.btn.btn-shadow {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .18)
}

header {
    height: 49px;
    font-size: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    background: #231f20;
    width: 100%;
    z-index: 5
}

@media only screen and (min-width: 768px) {
    header {
        background: #fff
    }
}

header .nav-icon {
    height: 49px;
    width: 50px;
    cursor: pointer;
    background: #231f20;
    display: inline-block;
    vertical-align: top;
    -webkit-transition: .2s ease-in-out background;
    -moz-transition: .2s ease-in-out background;
    -ms-transition: .2s ease-in-out background;
    -webkit-transform: .2s ease-in-out background;
    transform: .2s ease-in-out background;
    position: relative
}

header .nav-icon i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 1.25rem;
    color: #4ca94d
}

header .nav-icon i.fa-arrow-left {
    font-size: 1rem
}

header .nav-icon i.ico-close {
    width: 20px;
    height: 19px
}

header .nav-icon i.ico-close::after, header .nav-icon i.ico-close::before {
    content: '';
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    background: #4ca94d;
    height: 2px;
    margin-top: -2px;
    border-radius: 5px
}

header .nav-icon i.ico-close::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

header .nav-icon i.ico-close::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

header .nav-icon div {
    width: 30px;
    height: 20px;
    position: relative
}

header .nav-icon div span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #4ca94d;
    border-radius: 20%;
    opacity: 1;
    -webkit-transition: .2s ease-in-out background;
    -moz-transition: .2s ease-in-out background;
    -ms-transition: .2s ease-in-out background;
    -webkit-transform: .2s ease-in-out background;
    transform: .2s ease-in-out background
}

header .nav-icon div span:nth-child(1) {
    top: 0
}

header .nav-icon div span:nth-child(2) {
    top: 8px
}

header .nav-icon div span:nth-child(3) {
    top: 17px
}

@media only screen and (min-width: 768px) {
    header .nav-icon:hover {
        background: #4ca94d
    }

    header .nav-icon:hover i {
        color: #fff
    }
}

header .logo {
    background: #231f20;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: .9rem 2.1rem;
    vertical-align: top;
    line-height: .3rem
}

@media only screen and (min-width: 768px) {
    header .logo {
        display: none;
        position: relative;
        left: auto;
        -webkit-transform: none;
        transform: none
    }
}

header .logo svg path {
    -webkit-transition: .2s ease-in-out fill;
    -moz-transition: .2s ease-in-out fill;
    -ms-transition: .2s ease-in-out fill;
    -webkit-transform: .2s ease-in-out fill;
    transform: .2s ease-in-out fill
}

@media only screen and (min-width: 768px) {
    header .logo:hover {
        background: #4ca94d
    }

    header .logo:hover svg path {
        fill: #fff
    }
}

header .search-form {
    display: none;
    font-size: 1em;
    line-height: 44px;
    margin-left: 1.7rem;
    padding: 5px 0 0 1.7rem;
    background: url(images/ico-search.png) no-repeat left center;
    background-size: 16px auto;
    position: relative
}

header .search-form label {
    display: none
}

header .search-form input {
    border: 0;
    font-family: conduit_itcmedium, Helvetica, sans-serif;
    font-size: 1.01rem;
    padding: 0;
    width: 200px;
    top: 2px;
    position: relative
}

@media only screen and (min-width: 768px) {
    header .search-form {
        display: inline-block
    }
}

header #utilities {
    float: right;
    font-family: conduit_itcmedium, Helvetica, sans-serif;
    font-size: 1rem
}

header #utilities .cart-summary {
    float: right;
    display: inline-block;
    padding: 1.04em 1.2em;
    line-height: 1em;
    vertical-align: top;
    color: #fff;
    -webkit-transition: .2s ease-in-out background;
    -moz-transition: .2s ease-in-out background;
    -ms-transition: .2s ease-in-out background;
    -webkit-transform: .2s ease-in-out background;
    transform: .2s ease-in-out background;
    cursor: pointer;
    position: relative;
    height: 49px;
    width: 66px
}

@media only screen and (min-width: 768px) {
    header #utilities .cart-summary {
        background: #4ca94d;
        width: auto
    }
}

header #utilities .cart-summary::after {
    content: '';
    position: absolute;
    top: 15px;
    left: 50%;
    margin-left: -9px;
    width: 18px;
    height: 18px;
    background: url(images/ico-cart.png) no-repeat center top
}

@media only screen and (min-width: 768px) {
    header #utilities .cart-summary::after {
        background-position: center bottom;
        left: 20px;
        margin-left: 0
    }
}

@media only screen and (min-width: 768px) {
    header #utilities .cart-summary:hover {
        background: #4cbf4e
    }

    header #utilities .cart-summary:hover::after {
        background-position: center bottom
    }
}

header #utilities .cart-summary span {
    display: none;
    position: relative
}

@media only screen and (min-width: 768px) {
    header #utilities .cart-summary span {
        display: inline-block;
        margin-left: 30px
    }
}

header #utilities .login-btn {
    float: right;
    text-align: right;
    padding: .955em 1.875em;
    line-height: 1em;
    color: #787676;
    display: none
}

@media only screen and (min-width: 768px) {
    header #utilities .login-btn {
        display: inline-block
    }
}

@media only screen and (min-width: 1200px) {
    header #utilities .login-btn {
        width: 25em;
        padding: .955em 1.875em .955em 0
    }
}

header #utilities .login-btn .cta {
    color: #231f20;
    -webkit-transition: .2s ease-in-out color;
    -moz-transition: .2s ease-in-out color;
    -ms-transition: .2s ease-in-out color;
    -webkit-transform: .2s ease-in-out color;
    transform: .2s ease-in-out color
}

header #utilities .login-btn i {
    color: #4ca94d;
    -webkit-transition: .2s ease-in-out color;
    -moz-transition: .2s ease-in-out color;
    -ms-transition: .2s ease-in-out color;
    -webkit-transform: .2s ease-in-out color;
    transform: .2s ease-in-out color
}

@media only screen and (min-width: 1200px) {
    header #utilities .login-btn i {
        margin-right: .687em;
        margin-left: 2.062em
    }
}

header #utilities .login-btn:hover .cta, header #utilities .login-btn:hover i {
    color: #4cbf4e
}

header #utilities .login-btn span:not(cta) {
    display: none
}

@media only screen and (min-width: 1200px) {
    header #utilities .login-btn span:not(cta) {
        display: inline-block
    }
}

.nav-main {
    background: #231f20;
    z-index: 5;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    min-height: calc(100vh - 49px);
    -webkit-transition: .2s ease-in-out all;
    -moz-transition: .2s ease-in-out all;
    -ms-transition: .2s ease-in-out all;
    -webkit-transform: .2s ease-in-out all;
    transform: .2s ease-in-out all
}

@media only screen and (min-width: 768px) {
    .nav-main {
        height: 100vh;
        padding: 0 1.875em;
        width: 200px;
        position: fixed;
        left: -200px;
        right: auto;
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, .7);
        transition: .2s ease-in-out left;
        -webkit-transform: none;
        transform: none
    }
}

@media only screen and (min-width: 1200px) {
    .nav-main {
        left: 0
    }
}

.nav-main > a:first-child {
    display: none
}

@media only screen and (min-width: 768px) {
    .nav-main > a:first-child {
        display: block
    }
}

.nav-main.open {
    -webkit-transform: translateY(49px);
    transform: translateY(49px)
}

@media only screen and (min-width: 768px) {
    .nav-main.open {
        left: 0;
        -webkit-transform: none;
        transform: none
    }
}

.nav-main a {
    padding: 1.5rem 0;
    display: block
}

@media only screen and (min-width: 768px) {
    .nav-main a {
        padding: 3.125rem 0
    }
}

@media screen and (min-width: 768px) and (max-height: 910px) {
    .nav-main a {
        padding: 3.3vh 0
    }
}

.nav-main ul {
    margin: 0 0 9.6875em;
    padding: 0 1em;
    list-style: none;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .nav-main ul {
        padding: 0
    }
}

.nav-main ul > li {
    text-transform: uppercase;
    font-family: conduit_itcmedium, Helvetica, sans-serif;
    font-size: 1.25rem;
    border-top: 1px solid #5b5859
}

@media only screen and (min-width: 768px) {
    .nav-main ul > li.active {
        border-color: #fff
    }
}

.nav-main ul > li > a {
    color: #fff
}

@media only screen and (min-width: 768px) {
    .nav-main ul > li:hover > a {
        color: #4ca94d
    }
}

.nav-main ul > li ul {
    display: none
}

.nav-main ul > li ul .close-sub {
    font-size: 1rem
}

.nav-main ul > li ul ul {
    display: none
}

@media only screen and (max-width: 991px) {
    .nav-main ul > li ul {
        margin: -.7em 0 0
    }

    .nav-main ul > li ul li {
        font-size: 1.125rem;
        border: 0
    }

    .nav-main ul > li ul li a {
        color: #928e8f;
        padding: .3em 0
    }

    .nav-main ul > li.has-submenu.active ul {
        padding: 0 0 1.1rem
    }
}

.nav-main .social {
    text-align: center;
    text-transform: uppercase;
    font-family: conduit_itcmedium, Helvetica, sans-serif;
    font-size: 1.25em;
    position: absolute;
    bottom: 3.525rem;
    right: 0;
    left: 0;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .nav-main .social {
        bottom: 1.875em
    }
}

.nav-main .social .contact-us {
    display: block;
    padding: 0;
    color: #fff;
    margin-bottom: 1em
}

.nav-main .social .contact-us i {
    margin-right: .5em
}

.nav-main .social a:hover {
    color: #4ca94d
}

.nav-main .social a.icon {
    display: inline-block;
    color: #fff;
    padding: 0;
    margin-right: .6em;
    font-size: 1.4em
}

.nav-main .social a.icon:nth-child(3) {
    font-size: 1.35em
}

@media only screen and (min-width: 768px) {
    .nav-main .social a.icon {
        font-size: 1.625em
    }

    .nav-main .social a.icon:nth-child(3) {
        font-size: 1.55em
    }
}

.nav-main .social a.icon:last-child {
    margin-right: 0
}

.nav-main .social a.icon span {
    display: none
}

.nav-main .social a.icon:hover {
    color: #4ca94d
}

.menu-open .site {
    height: 100vh;
    overflow: hidden
}

@media only screen and (min-width: 768px) {
    body {
        overflow: auto;
        overflow-x: hidden
    }

    .locations .list, .locations .search-panel:not(.top), .locations .store-info, .nav-sub, .site section, .sticky-key .inner.stuck, footer, header {
        left: 0;
        transition: .2s ease-in-out all
    }

    .menu-open .nav-sub, .menu-open .nav-sub.stuck, .menu-open .site section, .menu-open .sticky-key .inner.stuck, .menu-open footer, .menu-open header {
        left: 200px
    }

    .menu-open .site {
        overflow-y: auto;
        height: auto
    }
}

@media only screen and (min-width: 1200px) {
    .site section:not(.sticky-nav), .sticky-key .inner.stuck, footer, header {
        margin-left: 200px;
        left: 0
    }

    .site section:not(.sticky-nav).page-content, .sticky-key .inner.stuck.page-content, footer.page-content, header.page-content {
        padding-left: 230px
    }

    .sticky-nav {
        left: 0 !important
    }

    .sticky-nav .nav-sub {
        left: 0;
        padding-left: 200px
    }

    .menu-open .site section:not(.sticky-nav), .menu-open footer, .menu-open header {
        margin-left: 200px;
        left: 0
    }

    .menu-open .site section:not(.sticky-nav).page-content, .menu-open footer.page-content, .menu-open header.page-content {
        padding-left: 230px
    }

    .menu-open .sticky-key .inner.stuck {
        margin-left: 100px;
        left: 0
    }

    .menu-open .sticky-nav {
        left: 0 !important
    }

    .menu-open .sticky-nav .nav-sub {
        left: 0;
        padding-left: 200px
    }

    .menu-close .site section:not(.sticky-nav), .menu-close .sticky-key .inner.stuck, .menu-close footer, .menu-close header {
        margin-left: 0
    }

    .menu-close .site section:not(.sticky-nav).page-content, .menu-close .sticky-key .inner.stuck.page-content, .menu-close footer.page-content, .menu-close header.page-content {
        padding-left: 0
    }

    .menu-close .site section:not(.sticky-nav).locations .list, .menu-close .site section:not(.sticky-nav).locations .search-panel:not(.top), .menu-close .site section:not(.sticky-nav).locations .store-info, .menu-close .sticky-key .inner.stuck.locations .list, .menu-close .sticky-key .inner.stuck.locations .search-panel:not(.top), .menu-close .sticky-key .inner.stuck.locations .store-info, .menu-close footer.locations .list, .menu-close footer.locations .search-panel:not(.top), .menu-close footer.locations .store-info, .menu-close header.locations .list, .menu-close header.locations .search-panel:not(.top), .menu-close header.locations .store-info {
        left: 0
    }

    .menu-close .sticky-nav {
        left: 0 !important
    }

    .menu-close .sticky-nav .nav-sub {
        left: 0;
        padding-left: 0
    }
}

.nav-sub {
    background: #121212
}

.nav-sub ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .nav-sub ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (max-width: 767px) {
    .nav-sub ul {
        font-size: 0;
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
}

.nav-sub ul li {
    display: inline-block;
    color: #fff;
    font-size: 1rem;
    text-transform: uppercase
}

@media only screen and (min-width: 768px) {
    .nav-sub ul li {
        font-size: 1.25em;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 10.25em
    }
}

@media only screen and (max-width: 767px) {
    .nav-sub ul li {
        min-width: 14em
    }
}

.nav-sub ul li a {
    color: #fff;
    background: #231f20;
    display: block;
    padding: 1.2em;
    border: 1px solid #121212;
    border-top-width: 2px;
    border-bottom-width: 2px;
    position: relative;
    text-align: center;
    height: 60px
}

@media only screen and (min-width: 768px) {
    .nav-sub ul li a {
        height: 87px;
        padding: .6em;
        border-top: 0;
        border-bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .nav-sub ul li a:hover {
        background: #4ca94d
    }
}

.nav-sub ul li.active a::after {
    content: '';
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #4ca94d
}

.sticky-nav {
    background: #121212;
    position: relative;
    z-index: 4;
    height: 60px
}

@media only screen and (min-width: 768px) {
    .sticky-nav {
        height: 87px
    }
}

.sticky-nav .stuck {
    position: fixed;
    top: 49px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 4
}

.full-height + .sticky-nav {
    margin-top: -60px
}

@media only screen and (min-width: 768px) {
    .full-height + .sticky-nav {
        margin-top: -87px
    }
}

footer {
    text-align: center;
    position: relative
}

footer .social {
    padding: 2.75em 1.88em
}

footer .social span {
    display: inline-block;
    text-transform: uppercase;
    font-family: conduit_itcmedium, Helvetica, sans-serif;
    color: #231f20;
    font-size: 2.9em;
    vertical-align: middle;
    margin-right: .76em
}

footer .social a {
    display: inline-block;
    vertical-align: middle;
    color: #231f20;
    font-size: 2em;
    margin-right: .5em
}

footer .social a:last-child {
    margin-right: 0
}

footer .social a:hover {
    color: #4ca94d
}

footer .social a:nth-child(3) {
    font-size: 1.85em
}

footer .social a span {
    display: none
}

@media only screen and (max-width: 767px) {
    footer .social span {
        display: block;
        margin: 0 0 .5em
    }
}

footer .navigation {
    padding: 0 1.88em;
    font-family: conduit_itcmedium, Helvetica, sans-serif;
    padding: 0 0 4em;
    text-transform: uppercase;
    font-size: 1em
}

@media only screen and (min-width: 768px) {
    footer .navigation {
        background: #f5f5f5;
        padding-top: 3.125em
    }
}

footer .navigation .country-select {
    cursor: pointer;
    line-height: 1.5em;
    display: inline-block;
    padding: 0 1em
}

footer .navigation .country-select i {
    font-size: 1.5em
}

footer .navigation .country-select ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: auto
}

footer .navigation .country-select ul li {
    display: none
}

footer .navigation .country-select ul li a {
    color: #aaa
}

footer .navigation .country-select ul li a:hover {
    color: #231f20
}

footer .navigation .country-select ul li.current {
    display: block
}

footer .navigation .country-select ul li.current a {
    color: #231f20
}

footer .navigation nav {
    max-width: 650px;
    width: 100%;
    margin: 1.25em auto 0
}

footer .navigation nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

footer .navigation nav ul li {
    display: inline-block;
    margin-bottom: .5em
}

@media only screen and (max-width: 767px) {
    footer .navigation nav ul li:not(.mob) {
        display: none
    }
}

footer .navigation nav ul li a {
    padding: .5em .3em;
    margin: 0 .4em;
    display: block
}

footer .navigation nav.mob ul li {
    display: none
}

@media only screen and (max-width: 767px) {
    footer .navigation nav.mob ul li {
        display: inline-block
    }
}

footer .navigation .copyright {
    margin-top: .45em
}

section {
    position: relative
}

.section {
    background: top center repeat-y #231f20;
    background-size: 100% auto;
    position: relative
}

.section:first-child {
    margin-top: 49px
}

.section.dark {
    color: #fff;
    background-image: url(images/bg-timber_black.jpg)
}

.section.darker {
    color: #fff;
    background-color: #121212
}

.section.light {
    color: #231f20;
    background-color: #f5f5f5;
    background-image: url(images/bg-timber_pale.jpg)
}

.section.white {
    color: #231f20;
    background-color: #fff;
    background-image: url(images/bg-timber_white.jpg)
}

.section.light-hessian {
    color: #231f20;
    background-color: #fff;
    background-image: url(images/bg-hessian.jpg);
    background-size: auto;
    background-repeat: repeat
}

.section.green {
    color: #fff;
    background: #4ca94d
}

.section.green .down-icon:hover i {
    color: #231f20 !important
}

.section.solid-white {
    color: #231f20;
    background-color: #fff
}

.section.light-grey {
    color: #231f20;
    background-color: #f5f5f5
}

.section.image {
    background: center center no-repeat;
    background-size: cover
}

@media only screen and (min-width: 992px) {
    .section.image {
        background-attachment: fixed
    }
}

@media only screen and (min-width: 1200px) {
    .menu-open .section.image {
        background-position-x: 100px
    }
}

.section.image:not(.blog-hero)::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: linear-gradient(to bottom, #000 0, rgba(0, 0, 0, .68) 50%, rgba(0, 0, 0, .36) 100%);
    opacity: .75
}

.section.full-height {
    min-height: calc(100vh - 49px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 767px) {
    .section.full-height .inner {
        top: 43%
    }
}

@media only screen and (min-width: 768px) {
    .section.md-height {
        min-height: 720px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.section.md-height .inner {
    padding-top: 8.07em;
    padding-bottom: 8.07em
}

.section.sm-height .inner {
    padding-top: 7.5em;
    padding-bottom: 7.5em
}

@media only screen and (min-width: 768px) {
    .section.sm-height .inner {
        padding-top: 11em;
        padding-bottom: 11em
    }
}

.section.xs-height .inner {
    padding-top: 4em;
    padding-bottom: 4em
}

@media only screen and (min-width: 768px) {
    .section.xs-height.more-padding .inner {
        padding-top: 7.25em;
        padding-bottom: 7.25em
    }
}

.section > .inner {
    text-align: center;
    z-index: 2;
    padding: 3.8em 1.88em;
    position: relative
}

.section > .inner.menu-container {
    padding-top: 2em;
    padding-bottom: 2em
}

@media only screen and (min-width: 768px) {
    .section > .inner.menu-container {
        padding-left: 3em;
        padding-right: 3em
    }
}

@media only screen and (min-width: 768px) {
    .section > .inner {
        padding: 7.1em 1.88em 5.4em
    }
}

@media only screen and (max-width: 767px) {
    .section > .inner.wide {
        padding-left: .95em;
        padding-right: .95em
    }
}

.section > .inner lead, .section > .inner p.narrow {
    width: 555px;
    max-width: 100%;
    margin: .5em auto 0;
    display: block;
    font-size: 1.25em;
    line-height: 1.2em;
    text-align: center
}

.section > .inner .narrow-large {
    width: 1150px;
    max-width: 100%;
    margin: .5em auto 1.5em;
    display: block;
    font-size: 1.5em;
    line-height: 1.1em;
    text-align: center;
    font-family: conduit_itcbold, Helvetica, sans-serif
}

@media only screen and (min-width: 768px) {
    .section > .inner .narrow-large {
        font-size: 2.25em
    }
}

.section > .inner .content {
    display: block;
    margin: 0 auto;
    width: 745px;
    max-width: 100%
}

.section > .inner .content p {
    margin: 0 0 .8em;
    font-size: 1.25em;
    line-height: 1.2em;
    text-align: left
}

.section > .inner .byline {
    font-family: conduit_itcbold, Helvetica, sans-serif;
    font-size: 1.5em;
    margin-top: .75em
}

.section > .inner .byline.green {
    color: #4ca94d
}

.section > .inner .content-box {
    background: #fff;
    padding: 4.6em 6em;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .18)
}

@media only screen and (min-width: 992px) {
    .section > .inner .content-box {
        padding-left: 12.2em;
        padding-right: 12.2em
    }
}

@media only screen and (max-width: 767px) {
    .section > .inner .content-box {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

.section > .inner .logo {
    margin-bottom: 1.625em
}

.section > .inner .btn {
    margin-top: 1.3em;
    display: inline-block
}

@media only screen and (min-width: 768px) {
    .section > .inner .btn {
        margin: 2em .75em 0 .75em
    }
}

.section > .inner .sub-links {
    margin-top: 1.2em;
    font-size: 1.37em
}

@media only screen and (min-width: 768px) {
    .section > .inner .sub-links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.section > .inner .sub-links a {
    display: block;
    color: #fff;
    line-height: .9em;
    padding: .15em 0
}

@media only screen and (min-width: 768px) {
    .section > .inner .sub-links a {
        display: inline-block;
        padding: 0 11px;
        border-right: 2px solid #4ca94d
    }
}

.section > .inner .sub-links a:hover {
    color: #4ca94d
}

.section > .inner .sub-links a:last-child {
    border-right: 0
}

.section > .inner .float {
    -webkit-transition: 1s ease-in-out transform;
    -moz-transition: 1s ease-in-out transform;
    -ms-transition: 1s ease-in-out transform;
    -webkit-transform: 1s ease-in-out transform;
    transform: 1s ease-in-out transform
}

.section > .inner .bounce-in.hide, .section > .inner .fade-in.hide {
    opacity: 0
}

.section > .inner .bounce-in.show, .section > .inner .fade-in.show {
    opacity: 1
}

.section .down-icon {
    position: absolute;
    z-index: 3;
    bottom: 1em;
    left: 50%;
    width: 2em;
    height: 2em;
    line-height: 2em;
    margin-left: -1em;
    cursor: pointer;
    font-size: 1.38em;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .section .down-icon {
        display: none
    }
}

.section .down-icon i {
    -webkit-transition: .2s ease-in-out all;
    -moz-transition: .2s ease-in-out all;
    -ms-transition: .2s ease-in-out all;
    -webkit-transform: .2s ease-in-out all;
    transform: .2s ease-in-out all
}

.section .down-icon:hover i {
    color: #4ca94d
}

.section .herb {
    display: none
}

@media only screen and (min-width: 768px) {
    .section .herb {
        display: block;
        position: absolute;
        z-index: 4;
        max-width: 230px;
        max-height: 450px;
        overflow: hidden
    }

    .section .herb img {
        position: relative
    }

    .section .herb.drop-right, .section .herb.right {
        right: 0
    }

    .section .herb.drop-right img, .section .herb.right img {
        right: -1em
    }

    .section .herb.drop-left, .section .herb.left {
        left: 0
    }

    .section .herb.drop-left img, .section .herb.left img {
        left: -1em
    }

    .section .herb.left, .section .herb.right {
        top: 30px
    }
}

.hero.sm-height .section .range-cat-title .heading, .section .range-cat-title .hero.sm-height .heading, .section .range-cat-title h2 {
    margin-top: .5em
}

article {
    overflow-x: hidden
}

.hero.sm-height article .heading, article .h2, article .hero.sm-height .heading, article h2 {
    color: #4ca94d;
    font-family: conduit_itclight, Helvetica, sans-serif;
    font-size: 2.25em;
    margin: .8em 0 -.1em
}

article .h3, article h3 {
    color: #5b5859;
    font-family: conduit_itcmedium, Helvetica, sans-serif;
    font-size: 1.5em;
    margin: 1.1em 0 -.3em
}

article .h4, article h4 {
    color: #4ca94d;
    font-family: conduit_itcmedium, Helvetica, sans-serif;
    font-size: 1.25em;
    margin: 1.2em 0 -.3em
}

article .h5, article h5 {
    text-transform: uppercase;
    font-family: conduit_itcbold, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1.125em;
    margin: 1.2em 0 -.45em
}

article .h6, article h6 {
    text-transform: uppercase;
    font-family: conduit_itcbold, Helvetica, sans-serif;
    font-weight: 400;
    color: #5b5859;
    font-size: 1em;
    margin: 1.2em 0 -.45em
}

article figure {
    margin: 2.5em 0 2em
}

@media only screen and (min-width: 768px) {
    article figure {
        margin: 3.5em 0
    }
}

article figure figcaption {
    color: #4ca94d;
    text-transform: uppercase;
    font-family: conduit_itcbold, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1.25em
}

article .img-full {
    position: relative;
    width: calc(100% + 60px);
    max-width: none;
    left: -30px;
    height: auto;
    margin: 1em 0 .6em
}

@media only screen and (min-width: 768px) {
    article .img-full {
        width: calc(100% + 273.92px);
        left: -136.96px;
        margin: 2em 0
    }
}

article a {
    border-bottom: 2px solid #4ca94d
}

article a:hover {
    color: #4cbf4e;
    border-color: #4cbf4e
}

article a:visited {
    color: #231f20;
    border-color: #928e8f
}

article blockquote {
    color: #4ca94d;
    font-family: conduit_itclight, Helvetica, sans-serif;
    font-style: italic;
    font-size: 1.625em;
    line-height: 1.15em;
    text-align: center;
    margin: 1.54em 0
}

@media only screen and (min-width: 768px) {
    article blockquote {
        font-size: 2.25em;
        line-height: 1.22em;
        position: relative;
        width: calc(100% + 136.96px);
        left: -68.48px
    }
}

.page-content {
    padding: 3.75em 1.875em
}

@media only screen and (min-width: 768px) {
    .page-content {
        padding: 7.25em 1.875em 9.25em
    }
}

@media only screen and (min-width: 768px) {
    aside {
        float: left;
        width: 35%;
        padding-right: 6%
    }
}

aside .h3, aside h3 {
    margin: 1.6em 0 .7em
}

aside .h3:first-child, aside h3:first-child {
    margin-top: 0
}

aside nav {
    margin-bottom: 1.5em
}

aside nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: none
}

@media only screen and (min-width: 768px) {
    aside nav ul {
        display: block;
        max-width: 16.5em
    }
}

aside nav ul li {
    font-size: 1.25em;
    line-height: 1em;
    font-family: conduit_itcbold, Helvetica, sans-serif;
    text-transform: uppercase;
    margin-bottom: .5em
}

aside nav ul li a {
    display: block;
    color: #4ca94d;
    border: 2px solid #4ca94d;
    padding: .4em .8em .17em;
    border-radius: 2em
}

@media only screen and (min-width: 768px) {
    aside nav ul li a {
        border-color: transparent
    }

    aside nav ul li a:hover {
        border-color: #4ca94d
    }
}

@media only screen and (min-width: 768px) {
    aside nav ul li.active a {
        background: #4ca94d;
        color: #fff
    }
}

aside nav .dropdown-label {
    display: block;
    color: #4ca94d;
    font-size: 1.25em;
    line-height: 1em;
    font-family: conduit_itcbold, Helvetica, sans-serif;
    text-transform: uppercase;
    border: 2px solid #4ca94d;
    padding: .4em .8em .35em;
    border-radius: 2em;
    position: relative;
    margin-bottom: .5em;
    -webkit-transition: .2s ease-in-out all;
    -moz-transition: .2s ease-in-out all;
    -ms-transition: .2s ease-in-out all;
    -webkit-transform: .2s ease-in-out all;
    transform: .2s ease-in-out all
}

@media only screen and (min-width: 768px) {
    aside nav .dropdown-label {
        display: none
    }
}

aside nav .dropdown-label::after {
    content: '\f0d7';
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 1.1em;
    transition: all .2s linear
}

aside nav .dropdown-label.active {
    background: #4ca94d;
    color: #fff
}

@media only screen and (min-width: 768px) {
    aside + article {
        float: right;
        width: 65%
    }
}

.grid {
    margin: 1.68em -1.5% 0;
    text-align: center
}

.grid .grid-item {
    position: relative;
    top: 1px;
    max-width: 500px;
    margin: 0 auto
}

.grid .grid-item .card, .grid .grid-item a {
    display: block;
    overflow: hidden;
    color: #231f20;
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .18);
    height: auto !important
}

@media only screen and (min-width: 768px) {
    .grid .grid-item {
        display: inline-block;
        width: 31%;
        margin: 0 1% 3em;
        position: relative;
        max-width: none;
        -webkit-transition: transform 1s cubic-bezier(0, 0, .18, .93) 0s, 2s ease-in-out translate, 2s ease-in-out box-shadow;
        -moz-transition: transform 1s cubic-bezier(0, 0, .18, .93) 0s, 2s ease-in-out translate, 2s ease-in-out box-shadow;
        -ms-transition: transform 1s cubic-bezier(0, 0, .18, .93) 0s, 2s ease-in-out translate, 2s ease-in-out box-shadow;
        -webkit-transform: transform 1s cubic-bezier(0, 0, .18, .93) 0s, 2s ease-in-out translate, 2s ease-in-out box-shadow;
        transform: transform 1s cubic-bezier(0, 0, .18, .93) 0s, 2s ease-in-out translate, 2s ease-in-out box-shadow;
        vertical-align: top
    }

    .grid .grid-item a:hover {
        box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .25);
        -webkit-transform: translateY(-.625em) !important;
        transform: translateY(-.625em) !important
    }

    .grid .grid-item a:hover h4 {
        color: #4ca94d
    }
}

@media only screen and (max-width: 767px) {
    .grid .grid-item {
        display: block;
        margin-bottom: 2em
    }
}

.grid .grid-item .grid-img {
    position: relative;
    overflow: hidden
}

@media only screen and (min-width: 768px) {
    .grid .grid-item .grid-img {
        height: 17vw;
        max-height: 280px;
        width: 101%
    }
}

.grid .grid-item .grid-img img {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .grid .grid-item .grid-img img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: .2s ease-in-out all;
        -moz-transition: .2s ease-in-out all;
        -ms-transition: .2s ease-in-out all;
        -webkit-transform: .2s ease-in-out all;
        transform: .2s ease-in-out all;
        height: 101%;
        min-width: 101%;
        max-width: none;
        width: auto
    }
}

.grid .grid-item .grid-info {
    padding: 2.19em;
    position: relative;
    text-align: center
}

.grid .grid-item .grid-info h4 {
    margin-bottom: .5em;
    -webkit-transition: .2s ease-in-out color;
    -moz-transition: .2s ease-in-out color;
    -ms-transition: .2s ease-in-out color;
    -webkit-transform: .2s ease-in-out color;
    transform: .2s ease-in-out color
}

.grid .grid-item .grid-info p {
    font-size: 1.25em;
    line-height: 1.2em;
    margin: 0
}

.grid .grid-item .grid-info .icons {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.grid .grid-item .grid-info .icons span {
    font-size: 0
}

.grid .grid-item .grid-info .icons span:after {
    margin-left: .2em
}

* + .grid {
    margin-top: 3.5em
}

.gf, .v, .vg {
    position: relative
}

.gf::after, .v::after, .vg::after {
    border-radius: 50%;
    height: 22px;
    width: 22px;
    text-align: center;
    background: #4ca94d;
    color: #fff;
    font-style: normal;
    font-size: 13px;
    font-family: conduit_itcmedium, Helvetica, sans-serif;
    display: inline-block;
    line-height: 22px
}

.gf:after {
    background: #231f20;
    content: 'GF'
}

.vg:after {
    background: #d6a702;
    content: 'VG'
}

.v:after {
    content: 'V'
}

.icon-key {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    font-family: conduit_itcmedium, Helvetica, sans-serif;
    margin: -.5em 0 -.5em
}

.icon-key span {
    margin-left: 1em
}

@media only screen and (max-width: 480px) {
    .icon-key span {
        display: block;
        margin: 0 0 1em
    }
}

@media only screen and (min-width: 768px) {
    .icon-key {
        text-align: right;
        margin: 0 0 -.5em
    }
}

.icon-key i {
    margin-right: 5px;
    position: relative;
    top: -1px
}

@media only screen and (min-width: 768px) and (max-width: 1600px) {
    .menu-call-out.bottom-right ~ .icon-key {
        text-align: left
    }
}

:not(.herb) + .column-container {
    padding-top: 4em
}

.row.two-col {
    text-align: left
}

.row.two-col::after {
    display: block;
    content: "";
    clear: both
}

@media only screen and (min-width: 768px) {
    .row.two-col {
        padding: 0 0 2.95em
    }
}

@media only screen and (min-width: 768px) {
    .row.two-col .sm-col {
        width: 50%;
        float: left;
        margin-right: 5.26316%;
        margin: 0
    }

    .row.two-col .big-col {
        width: 50%;
        float: left;
        margin-right: 5.26316%;
        margin: 0
    }
}

@media only screen and (max-width: 768px) {
    .row.two-col {
        max-width: 500px;
        margin: 0 auto
    }
}

@media only screen and (min-width: 900px) {
    .row.two-col .sm-col {
        width: 42%;
        float: left;
        margin-right: 5.26316%;
        margin: 0
    }

    .row.two-col .big-col {
        width: 58%;
        float: left;
        margin-right: 5.26316%;
        margin: 0
    }
}

.row.two-col .image {
    margin-bottom: 2.2em;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .row.two-col .image img {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg);
        position: relative;
        max-width: 80%
    }

    .row.two-col .image img.tilt-right {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }
}

@media only screen and (min-width: 1200px) {
    .row.two-col .image img {
        max-width: 90%
    }
}

.row.two-col .text {
    margin-bottom: 3.6em;
    position: relative
}

.row.two-col .text h3 {
    line-height: 1em;
    font-size: 2.15em
}

@media only screen and (min-width: 992px) {
    .row.two-col .text h3 {
        font-size: 2.5em
    }
}

.row.two-col .text p {
    font-size: 1.25em;
    line-height: 1.2em;
    margin: 0
}

.row.two-col .text .btn {
    margin-top: 1.5em
}

@media only screen and (min-width: 768px) {
    .row.two-col .text .btn {
        margin-top: 2em
    }
}

@media only screen and (min-width: 900px) {
    .row.two-col .text:not(.big-col) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .row.two-col .text:not(.big-col) .text-inner {
        width: 100%
    }
}

.row.two-col:last-child .text {
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    .row.two-col:nth-child(even) .text {
        float: left;
        text-align: right
    }

    .row.two-col:nth-child(even) .image {
        float: right
    }

    .row.two-col:nth-child(even) .image img {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
        position: relative;
        right: -4em;
        left: auto
    }

    .row.two-col:nth-child(even) .image img.tilt-left {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg)
    }
}

@media only screen and (min-width: 768px) {
    .row.two-col.image-right .text {
        float: left;
        text-align: right
    }

    .row.two-col.image-right .image {
        float: right
    }

    .row.two-col.image-right .image img {
        right: -4em;
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
        position: relative
    }
}

@media only screen and (min-width: 768px) and (min-width: 900px) {
    .row.two-col.image-right .image img {
        right: -4em;
        left: auto
    }
}

@media only screen and (min-width: 768px) {
    .row.two-col.image-right .image img.tilt-left {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg)
    }

    .row.two-col.image-left .text {
        float: right;
        text-align: left !important
    }

    .row.two-col.image-left .image {
        float: left
    }

    .row.two-col.image-left .image img {
        left: -4em
    }
}

@media only screen and (min-width: 768px) {
    .row.two-col.two-col-min {
        padding-bottom: 0
    }
}

.row.two-col.two-col-min .image, .row.two-col.two-col-min .text {
    text-align: center
}

@media only screen and (min-width: 768px) {
    .row.two-col.two-col-min .image, .row.two-col.two-col-min .text {
        text-align: left;
        margin-bottom: 0
    }
}

.row.two-col.two-col-min .image p, .row.two-col.two-col-min .text p {
    font-size: 1.5em;
    line-height: 1.2em;
    margin-bottom: 2em;
    padding-bottom: 0
}

@media only screen and (min-width: 992px) {
    .row.two-col.two-col-min .image, .row.two-col.two-col-min .text {
        margin-bottom: 0
    }
}

@media only screen and (max-width: 767px) {
    .row.two-col.two-col-min .image br, .row.two-col.two-col-min .text br {
        display: none
    }
}

@media only screen and (min-width: 768px) {
    .row.two-col.two-col-min:nth-child(even) .text {
        text-align: right
    }
}

.row.two-panel-full {
    text-align: left
}

.row.two-panel-full::after {
    display: block;
    content: "";
    clear: both
}

.row.two-panel-full .panel {
    position: relative
}

@media only screen and (min-width: 768px) {
    .row.two-panel-full .panel {
        width: 50%;
        float: left;
        margin-right: 5.26316%;
        margin: 0;
        height: 50em
    }
}

@media only screen and (min-width: 768px) {
    .row.two-panel-full .panel.panel-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.row.two-panel-full .panel.panel-text .inner {
    padding: 3.8em 1.88em;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .row.two-panel-full .panel.panel-text .inner {
        width: 29.35em;
        max-width: 100%;
        padding: 3.76em 1.88em;
        text-align: left
    }
}

.row.two-panel-full .panel.panel-text .inner h3:not(.line) {
    margin-bottom: .1em;
    font-size: 2.875em
}

.row.two-panel-full .panel.panel-text .inner h4 {
    font-size: 1.5em;
    font-family: conduit_itcbold, Helvetica, sans-serif;
    margin-bottom: .9em
}

.row.two-panel-full .panel.panel-text .inner figure {
    margin: 0 0 1.875em
}

.row.two-panel-full .panel.panel-text .inner p {
    font-size: 1.25em;
    line-height: 1.2em;
    margin: .7em 0;
    text-align: left
}

.row.two-panel-full .panel.panel-text .inner .btn {
    margin-top: 1.1em
}

.row.two-panel-full .panel.panel-text .inner .logo {
    max-height: 158px;
    margin-bottom: 1.75em
}

@media only screen and (max-width: 767px) {
    .row.two-panel-full .panel.panel-text.badge {
        padding-bottom: 5.8em
    }
}

.row.two-panel-full .panel.panel-text.badge::after {
    content: '';
    background: url(images/badge.png) no-repeat;
    background-size: contain;
    width: 130px;
    height: 150px;
    position: absolute;
    bottom: -75px;
    left: 0;
    z-index: 1
}

@media only screen and (min-width: 768px) {
    .row.two-panel-full .panel.panel-text.badge::after {
        top: 29px;
        bottom: auto
    }
}

@media only screen and (min-width: 1200px) {
    .row.two-panel-full .panel.panel-text.badge::after {
        width: 189px;
        height: 218px
    }
}

.row.two-panel-full .panel.panel-image {
    background: #231f20;
    overflow: hidden
}

@media only screen and (max-width: 767px) {
    .row.two-panel-full .panel.panel-image {
        height: 35em
    }
}

.row.two-panel-full .panel.panel-image img {
    max-width: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%
}

@media only screen and (max-width: 500px) {
    .row.two-panel-full .panel.panel-image img {
        height: 100%
    }
}

@media only screen and (min-width: 768px) {
    .row.two-panel-full:nth-child(even) .panel-text {
        float: right
    }

    .row.two-panel-full:nth-child(even) .panel-image {
        float: left
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .herb.left + .column-container .two-panel-full .panel-text .inner, .herb.right + .column-container .two-panel-full .panel-text .inner {
        padding-top: 16em
    }
}

.feature-grid-container {
    margin-bottom: 5em
}

.feature-grid-container .grid-item {
    margin: 3.437em 0 0;
    padding: 0 30px
}

@media only screen and (min-width: 768px) {
    .feature-grid-container .grid-item {
        display: inline-block;
        width: 33.4%;
        margin-right: 10.6%;
        vertical-align: top;
        padding: 0
    }

    .feature-grid-container .grid-item:nth-child(2n+2) {
        margin-right: 0
    }

    .feature-grid-container .grid-item p {
        padding: 0 1em
    }
}

@media only screen and (min-width: 992px) {
    .feature-grid-container .grid-item {
        width: 31.4%;
        margin-right: 2.6%
    }

    .feature-grid-container .grid-item:nth-child(3n+3) {
        margin-right: 0
    }
}

.feature-grid-container .grid-item img {
    max-width: 10.635em;
    height: 10.635em;
    margin-bottom: .9375em
}

.feature-grid-container .grid-item p {
    margin: 0
}

.video.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: center center no-repeat;
    background-size: cover;
    color: #fff;
    pointer-events: none
}

.video.overlay::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .18) 50%, rgba(0, 0, 0, .35) 100%)
}

.video.overlay.playing::after {
    background: 0 0
}

.video.overlay .fa-play-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: .2s ease-in-out color;
    -moz-transition: .2s ease-in-out color;
    -ms-transition: .2s ease-in-out color;
    -webkit-transform: .2s ease-in-out color;
    transform: .2s ease-in-out color;
    font-size: 5.1em;
    cursor: pointer;
    z-index: 1
}

@media only screen and (min-width: 768px) {
    .video.overlay .fa-play-circle {
        font-size: 9.4em
    }
}

.video.overlay .fa-play-circle:hover {
    color: #4ca94d
}

.video.overlay .title {
    text-align: center;
    padding: 0 1.88em;
    width: 100%;
    position: absolute;
    bottom: 2.75em;
    z-index: 1
}

@media only screen and (min-width: 992px) {
    .video.overlay .title {
        bottom: 7.75em
    }
}

@media only screen and (max-width: 767px) {
    .video.overlay .title {
        display: none
    }
}

.video.overlay .title .byline {
    display: block;
    margin-top: 1em;
    font-size: 1.25em
}

@media only screen and (min-width: 768px) {
    .video.overlay .title .byline {
        margin-top: 1.2em
    }
}

section.background-video {
    overflow: hidden
}

section.background-video .youtube-player {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.flapper-container {
    text-transform: uppercase;
    font-size: 1.375em;
    height: auto;
    line-height: 1.2em
}

.flapper-container.home-hero {
    position: absolute;
    z-index: 1;
    bottom: 2.25em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center
}

.flapper-container div.flapper-display {
    margin: 1.25rem 0
}

.flapper-container .flapper .digit {
    border-color: transparent;
    background-color: transparent;
    position: relative;
    font-family: trade_gothic_regular, Helvetica, sans-serif;
    font-size: .8em !important
}

.flapper-container .flapper .digit div {
    background: #272727;
    background: linear-gradient(to right, #272727 0, #444 100%);
    line-height: 1.35em !important
}

.flapper-container .flapper .digit:nth-child(3n+3) {
    margin-right: 12px
}

.flapper-container .flapper .digit:nth-child(3n+3)::after {
    content: ',';
    display: block;
    clear: both;
    color: #fff;
    position: absolute;
    top: -9px;
    right: -13px;
    font-size: .8em
}

.flapper-container .flapper .digit:last-child {
    margin-right: 0
}

.flapper-container .flapper .digit:last-child::after {
    content: none
}

.flapper-container .flapper.L .digit:nth-child(3n+3) {
    margin-right: 10px
}

.flapper-container .flapper.XXL .digit:nth-child(3n+3)::after {
    right: -20px
}

.section.solid-white .flapper-container .flapper .digit:nth-child(3n+3)::after, section.light .flapper-container .flapper .digit:nth-child(3n+3)::after, section.light-hessian .flapper-container .flapper .digit:nth-child(3n+3)::after, section.white .flapper-container .flapper .digit:nth-child(3n+3)::after {
    color: #231f20
}

.graphic .inner {
    padding-left: 0;
    padding-right: 0;
    text-align: left
}

.graphic .inner .hero.sm-height .heading, .graphic .inner h2, .hero.sm-height .graphic .inner .heading {
    text-align: center;
    padding-left: 1.88rem;
    padding-right: 1.88rem;
    font-size: 2.5em
}

.graphic .inner p {
    padding-left: 1.88rem;
    padding-right: 1.88rem;
    width: 530px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 768px) {
    .graphic .inner p {
        padding: 0;
        margin: 0
    }
}

.graphic .inner .graphic-item {
    position: relative;
    width: 530px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.graphic .inner .graphic-item img, .graphic .inner .graphic-item span {
    position: absolute
}

.graphic .inner .graphic-item span {
    font-size: 1.9em;
    text-transform: uppercase;
    font-family: conduit_itcbold, Helvetica, sans-serif;
    text-align: center;
    line-height: 1em
}

@media only screen and (max-width: 1100px) {
    .graphic .graphic-container {
        margin: 0 auto;
        max-width: 480px
    }

    .graphic .graphic-item {
        height: 13.875em;
        margin: 2em 0
    }

    .graphic .graphic-item img:first-child {
        height: 13.875em
    }

    .graphic .graphic-item img.graphic-bowl {
        height: 15em
    }

    .graphic .graphic-item.align-left .graphic {
        right: 187.5px
    }

    .graphic .graphic-item.align-left .arrow {
        top: 3.75em;
        right: 97px
    }

    .graphic .graphic-item.align-left .text {
        width: 3.5em;
        top: 139px;
        right: 57px
    }

    .graphic .graphic-item.align-right .graphic {
        left: 187.5px
    }

    .graphic .graphic-item.align-right .arrow {
        top: 3.75em;
        left: 6.25em;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        -webkit-filter: FlipH;
        filter: FlipH;
        -ms-filter: FlipH
    }

    .graphic .graphic-item.align-right .text {
        width: 3.5em;
        top: 139px;
        left: 30px
    }

    .graphic .graphic-item.align-center {
        text-align: center
    }

    .graphic .graphic-item.align-center .graphic {
        position: relative;
        margin: 0 auto
    }

    .graphic .graphic-item .arrow {
        width: 81px;
        height: 71px
    }

    .graphic .graphic-item .arrow:not(.sm) {
        display: none
    }
}

@media only screen and (min-width: 1101px) {
    .graphic .graphic-container {
        margin-top: 2.25em;
        height: 662px;
        position: relative
    }

    .graphic .graphic-container p {
        width: 100%;
        position: absolute
    }

    .graphic .graphic-container .graphic-item {
        position: absolute
    }

    .graphic .graphic-container .graphic-item .text {
        text-align: left
    }

    .graphic .range-design1 .graphic-item.graphic-item-1 {
        width: 704px;
        height: 272px
    }

    .graphic .range-design1 .graphic-item.graphic-item-1 .graphic {
        width: 272px;
        left: -14px;
        top: 0
    }

    .graphic .range-design1 .graphic-item.graphic-item-1 .arrow {
        left: 279px;
        top: 25px
    }

    .graphic .range-design1 .graphic-item.graphic-item-1 .text {
        top: 45px;
        left: 525px;
        width: 255px
    }

    .graphic .range-design1 .graphic-item.graphic-item-2 {
        width: 709px;
        height: 385px;
        top: 52px;
        right: 0
    }

    .graphic .range-design1 .graphic-item.graphic-item-2 .graphic {
        width: 320px;
        right: -52px
    }

    .graphic .range-design1 .graphic-item.graphic-item-2 .arrow {
        right: 244px;
        bottom: 19px
    }

    .graphic .range-design1 .graphic-item.graphic-item-2 .text {
        right: 412px;
        bottom: 62px
    }

    .graphic .range-design1 .graphic-item.graphic-item-misc {
        left: -50px;
        bottom: 0;
        width: 442px;
        height: 338px
    }

    .graphic .range-design1 .graphic-item.graphic-item-misc .graphic {
        width: 442px;
        height: 338px;
        left: 0;
        bottom: 0
    }

    .graphic .range-design1 p.para-1 {
        width: 360px;
        top: 133px;
        left: 292.5px
    }

    .graphic .range-design1 p.para-2 {
        width: 555px;
        bottom: 97px;
        right: 97.5px
    }

    .graphic .range-design2 {
        height: 836px;
        max-width: 950px;
        margin-left: auto;
        margin-right: auto
    }

    .graphic .range-design2 .graphic-item.graphic-item-2 {
        width: 640px;
        height: 266px;
        top: 293px;
        right: 0
    }

    .graphic .range-design2 .graphic-item.graphic-item-2 .graphic {
        width: 267px;
        right: 0;
        bottom: 0
    }

    .graphic .range-design2 .graphic-item.graphic-item-2 .arrow {
        -webkit-transform: rotate(166deg);
        transform: rotate(166deg);
        bottom: 48px;
        left: 128px
    }

    .graphic .range-design2 .graphic-item.graphic-item-2 .text {
        width: 180px;
        bottom: 47px;
        left: -81px
    }

    .graphic .range-design2 .graphic-item.graphic-item-1 {
        width: 750px;
        top: 0;
        right: 0
    }

    .graphic .range-design2 .graphic-item.graphic-item-1 .graphic {
        right: -43px
    }

    .graphic .range-design2 .graphic-item.graphic-item-1 .arrow {
        width: 168px;
        right: 400px;
        top: 61px;
        -webkit-transform: rotate(158deg);
        transform: rotate(158deg)
    }

    .graphic .range-design2 .graphic-item.graphic-item-1 .text {
        top: 46px
    }

    .graphic .range-design2 .graphic-item.graphic-item-misc {
        left: 0;
        bottom: -65px;
        width: 457px;
        height: 376px
    }

    .graphic .range-design2 .graphic-item.graphic-item-misc .graphic {
        width: 457px;
        right: 0;
        bottom: 0
    }

    .graphic .range-design2 p.para-1 {
        width: 367px;
        top: 240px;
        left: 1.88em
    }

    .graphic .range-design2 p.para-2 {
        width: 400px;
        right: 1.88em;
        bottom: 98px
    }

    .graphic .range-design3 {
        height: 860px;
        max-width: 950px;
        margin-left: auto;
        margin-right: auto
    }

    .graphic .range-design3 .graphic-item.graphic-item-1 {
        width: 800px;
        height: 275px;
        left: -23px;
        top: 0
    }

    .graphic .range-design3 .graphic-item.graphic-item-1 .arrow {
        width: 263px;
        left: 313px;
        top: 33px;
        -webkit-transform: rotate(198deg);
        transform: rotate(198deg)
    }

    .graphic .range-design3 .graphic-item.graphic-item-1 .text {
        width: 183px;
        right: 20px;
        top: 100px
    }

    .graphic .range-design3 .graphic-item.graphic-item-2 {
        width: 653px;
        height: 290px;
        left: 0;
        bottom: 0
    }

    .graphic .range-design3 .graphic-item.graphic-item-2 .graphic {
        width: 292px;
        right: 0;
        top: 0
    }

    .graphic .range-design3 .graphic-item.graphic-item-2 .text {
        width: 165px;
        top: 72px;
        left: 20px
    }

    .graphic .range-design3 .graphic-item.graphic-item-2 .arrow {
        width: 152px;
        top: 88px;
        left: 161px;
        -webkit-transform: rotate(155deg);
        transform: rotate(155deg)
    }

    .graphic .range-design3 .graphic-item.graphic-item-misc {
        top: 222px;
        right: -155px
    }

    .graphic .range-design3 p.para-1 {
        width: 360px;
        left: 292px;
        top: 182px
    }

    .graphic .range-design3 p.para-2 {
        width: 450px;
        left: 20px;
        bottom: 328px
    }

    .graphic .arrow.sm {
        display: none
    }
}

@media only screen and (min-width: 1210px) {
    .graphic .range-design2 {
        height: 700px;
        max-width: none
    }

    .graphic .range-design2 .graphic-item.graphic-item-2 {
        top: 236px;
        left: 85px;
        right: auto
    }

    .graphic .range-design2 .graphic-item.graphic-item-misc {
        left: auto;
        right: -65px;
        bottom: 0
    }

    .graphic .range-design2 p.para-1 {
        width: 370px;
        left: 0;
        bottom: 383px;
        top: auto
    }

    .graphic .range-design2 p.para-2 {
        width: 555px;
        bottom: 39px;
        right: 410px;
        left: auto
    }

    .graphic .range-design3 {
        height: 697px;
        max-width: none
    }

    .graphic .range-design3 .graphic-item.graphic-item-1 .text {
        left: 619px;
        right: auto;
        top: 69px
    }

    .graphic .range-design3 .graphic-item.graphic-item-2 .text {
        left: 0
    }

    .graphic .range-design3 .graphic-item.graphic-item-misc {
        top: 106px;
        right: -130px
    }

    .graphic .range-design3 p.para-2 {
        right: 0;
        bottom: 58px;
        left: auto
    }
}

@media only screen and (min-width: 1350px) {
    .graphic .range-design2 .graphic-item.graphic-item-2 {
        left: 0
    }
}

.form, .mailchimp-form {
    width: 555px;
    max-width: 100%;
    margin: 3em auto 0
}

.form.no-side-margin, .mailchimp-form.no-side-margin {
    margin-left: 0;
    margin-right: 0;
    width: auto
}

.form a, .mailchimp-form a {
    color: #4ca94d
}

.form a:hover, .mailchimp-form a:hover {
    text-decoration: underline
}

.form label.error, .mailchimp-form label.error {
    text-align: right !important;
    color: #c00 !important;
    display: block;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important;
    font-size: 13px !important;
    position: absolute;
    font-family: conduit_itcmedium, Helvetica, sans-serif
}

.form .white-bg, .mailchimp-form .white-bg {
    background: #fff;
    position: relative;
    z-index: 0
}

.form .h3, .form h3, .mailchimp-form .h3, .mailchimp-form h3 {
    color: #4ca94d;
    font-size: 1.25em;
    text-transform: none;
    text-align: left;
    margin-bottom: .8em
}

.form .field-group, .mailchimp-form .field-group {
    margin-bottom: 2.8em;
    text-align: left;
    position: relative
}

@media only screen and (min-width: 768px) {
    .form .field-group, .mailchimp-form .field-group {
        padding-top: 1.25em;
        margin-bottom: 1.55em
    }
}

.form .field-group.select, .mailchimp-form .field-group.select {
    margin-top: 3em
}

.form .field-group .select, .form .field-group.select, .mailchimp-form .field-group .select, .mailchimp-form .field-group.select {
    background: #fff;
    padding-top: 0;
    position: relative
}

.form .field-group .half, .form .field-group .one-third, .form .field-group .two-third, .mailchimp-form .field-group .half, .mailchimp-form .field-group .one-third, .mailchimp-form .field-group .two-third {
    position: relative;
    margin-bottom: 2.8em;
    vertical-align: top
}

.form .field-group .half.valign-bottom, .form .field-group .one-third.valign-bottom, .form .field-group .two-third.valign-bottom, .mailchimp-form .field-group .half.valign-bottom, .mailchimp-form .field-group .one-third.valign-bottom, .mailchimp-form .field-group .two-third.valign-bottom {
    vertical-align: bottom
}

@media only screen and (min-width: 768px) {
    .form .field-group .half, .mailchimp-form .field-group .half {
        width: 47%;
        display: inline-block;
        margin: 0 5% 0 0
    }

    .form .field-group .half:last-child, .mailchimp-form .field-group .half:last-child {
        margin-right: 0
    }

    .form .field-group .one-third, .mailchimp-form .field-group .one-third {
        width: 29.4%;
        display: inline-block;
        margin: 0 5% 0 0
    }

    .form .field-group .one-third:last-child, .mailchimp-form .field-group .one-third:last-child {
        margin-right: 0
    }

    .form .field-group .two-third, .mailchimp-form .field-group .two-third {
        width: 64.9%;
        display: inline-block;
        margin: 0 5% 0 0
    }

    .form .field-group .two-third:last-child, .mailchimp-form .field-group .two-third:last-child {
        margin-right: 0
    }

    .form .field-group .store-selector, .mailchimp-form .field-group .store-selector {
        margin-right: 0
    }
}

.form .field-group input[type=email], .form .field-group input[type=password], .form .field-group input[type=text], .form .field-group textarea, .mailchimp-form .field-group input[type=email], .mailchimp-form .field-group input[type=password], .mailchimp-form .field-group input[type=text], .mailchimp-form .field-group textarea {
    outline: 0
}

.form .field-group input[type=email]::-webkit-input-placeholder, .form .field-group input[type=password]::-webkit-input-placeholder, .form .field-group input[type=text]::-webkit-input-placeholder, .form .field-group textarea::-webkit-input-placeholder, .mailchimp-form .field-group input[type=email]::-webkit-input-placeholder, .mailchimp-form .field-group input[type=password]::-webkit-input-placeholder, .mailchimp-form .field-group input[type=text]::-webkit-input-placeholder, .mailchimp-form .field-group textarea::-webkit-input-placeholder {
    opacity: 1;
    color: #231f20
}

.form .field-group input[type=email]::-moz-placeholder, .form .field-group input[type=password]::-moz-placeholder, .form .field-group input[type=text]::-moz-placeholder, .form .field-group textarea::-moz-placeholder, .mailchimp-form .field-group input[type=email]::-moz-placeholder, .mailchimp-form .field-group input[type=password]::-moz-placeholder, .mailchimp-form .field-group input[type=text]::-moz-placeholder, .mailchimp-form .field-group textarea::-moz-placeholder {
    opacity: 1;
    color: #231f20
}

.form .field-group input[type=email]:-ms-input-placeholder, .form .field-group input[type=password]:-ms-input-placeholder, .form .field-group input[type=text]:-ms-input-placeholder, .form .field-group textarea:-ms-input-placeholder, .mailchimp-form .field-group input[type=email]:-ms-input-placeholder, .mailchimp-form .field-group input[type=password]:-ms-input-placeholder, .mailchimp-form .field-group input[type=text]:-ms-input-placeholder, .mailchimp-form .field-group textarea:-ms-input-placeholder {
    opacity: 1;
    color: #231f20
}

.form .field-group input[type=email]:-moz-placeholder, .form .field-group input[type=password]:-moz-placeholder, .form .field-group input[type=text]:-moz-placeholder, .form .field-group textarea:-moz-placeholder, .mailchimp-form .field-group input[type=email]:-moz-placeholder, .mailchimp-form .field-group input[type=password]:-moz-placeholder, .mailchimp-form .field-group input[type=text]:-moz-placeholder, .mailchimp-form .field-group textarea:-moz-placeholder {
    opacity: 1;
    color: #231f20
}

.form .field-group input[type=email], .form .field-group input[type=password], .form .field-group input[type=text], .form .field-group textarea, .mailchimp-form .field-group input[type=email], .mailchimp-form .field-group input[type=password], .mailchimp-form .field-group input[type=text], .mailchimp-form .field-group textarea {
    border: 0;
    border-bottom: 2px solid #4ca94d;
    background: 0 0;
    border-radius: 0;
    width: 100%;
    font-size: 1.25em;
    font-family: conduit_itclight, Helvetica, sans-serif;
    color: #231f20;
    line-height: 1.6em;
    box-shadow: none;
    padding: 0
}

.form .field-group input[type=email] ~ label, .form .field-group input[type=password] ~ label, .form .field-group input[type=text] ~ label, .form .field-group textarea ~ label, .mailchimp-form .field-group input[type=email] ~ label, .mailchimp-form .field-group input[type=password] ~ label, .mailchimp-form .field-group input[type=text] ~ label, .mailchimp-form .field-group textarea ~ label {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    transition: .2s ease-in-out all;
    z-index: -1
}

.form .field-group input[type=email].has-content ~ label, .form .field-group input[type=email]:focus ~ label, .form .field-group input[type=password].has-content ~ label, .form .field-group input[type=password]:focus ~ label, .form .field-group input[type=text].has-content ~ label, .form .field-group input[type=text]:focus ~ label, .form .field-group textarea.has-content ~ label, .form .field-group textarea:focus ~ label, .mailchimp-form .field-group input[type=email].has-content ~ label, .mailchimp-form .field-group input[type=email]:focus ~ label, .mailchimp-form .field-group input[type=password].has-content ~ label, .mailchimp-form .field-group input[type=password]:focus ~ label, .mailchimp-form .field-group input[type=text].has-content ~ label, .mailchimp-form .field-group input[type=text]:focus ~ label, .mailchimp-form .field-group textarea.has-content ~ label, .mailchimp-form .field-group textarea:focus ~ label {
    -webkit-transform: translateY(-1.875em);
    transform: translateY(-1.875em);
    font-size: .9em;
    color: #4ca94d;
    font-family: conduit_itcmedium, Helvetica, sans-serif
}

@media only screen and (min-width: 768px) {
    .form .field-group input[type=email].level, .form .field-group input[type=password].level, .form .field-group input[type=text].level, .form .field-group textarea.level, .mailchimp-form .field-group input[type=email].level, .mailchimp-form .field-group input[type=password].level, .mailchimp-form .field-group input[type=text].level, .mailchimp-form .field-group textarea.level {
        height: 60px;
        padding-top: 25px
    }
}

.form .field-group input[type=file] ~ label, .form .field-group input[type=text].datepicker, .form .field-group textarea, .mailchimp-form .field-group input[type=file] ~ label, .mailchimp-form .field-group input[type=text].datepicker, .mailchimp-form .field-group textarea {
    border-radius: 0;
    border: 1px solid #4ca94d;
    width: 100%;
    font-size: 1.25em;
    line-height: 1em;
    font-family: conduit_itclight, Helvetica, sans-serif;
    color: #231f20;
    box-shadow: none
}

.form .field-group input[type=file] ~ label ~ label, .form .field-group input[type=text].datepicker ~ label, .form .field-group textarea ~ label, .mailchimp-form .field-group input[type=file] ~ label ~ label, .mailchimp-form .field-group input[type=text].datepicker ~ label, .mailchimp-form .field-group textarea ~ label {
    top: 0;
    padding-top: .65em;
    padding-left: 1em
}

.form .field-group input[type=file] ~ label ~ label.error, .form .field-group input[type=text].datepicker ~ label.error, .form .field-group textarea ~ label.error, .mailchimp-form .field-group input[type=file] ~ label ~ label.error, .mailchimp-form .field-group input[type=text].datepicker ~ label.error, .mailchimp-form .field-group textarea ~ label.error {
    top: -2.5em
}

.form .field-group textarea, .mailchimp-form .field-group textarea {
    height: 9em;
    padding: .888em 1em
}

.form .field-group textarea.has-content, .form .field-group textarea:focus, .mailchimp-form .field-group textarea.has-content, .mailchimp-form .field-group textarea:focus {
    padding: 1.488em 1em .488em
}

.form .field-group textarea.has-content ~ label, .form .field-group textarea:focus ~ label, .mailchimp-form .field-group textarea.has-content ~ label, .mailchimp-form .field-group textarea:focus ~ label {
    -webkit-transform: translate(.4em, -.1em);
    transform: translate(.4em, -.1em)
}

.form .field-group input[type=text].datepicker, .mailchimp-form .field-group input[type=text].datepicker {
    background: url(images/ico-calendar.png) no-repeat right 1em center;
    cursor: pointer;
    padding: .886em 3.3125em .886em 1em
}

.form .field-group input[type=text].datepicker ~ label, .mailchimp-form .field-group input[type=text].datepicker ~ label {
    padding-top: .7em
}

.form .field-group input[type=text].datepicker.has-content, .form .field-group input[type=text].datepicker:focus, .mailchimp-form .field-group input[type=text].datepicker.has-content, .mailchimp-form .field-group input[type=text].datepicker:focus {
    padding: 1.425em 3.3125em .35em 1em
}

.form .field-group input[type=text].datepicker.has-content ~ label, .form .field-group input[type=text].datepicker:focus ~ label, .mailchimp-form .field-group input[type=text].datepicker.has-content ~ label, .mailchimp-form .field-group input[type=text].datepicker:focus ~ label {
    -webkit-transform: translate(.4em, -.2em);
    transform: translate(.4em, -.2em)
}

.form .field-group input[type=file], .mailchimp-form .field-group input[type=file] {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.form .field-group input[type=file] ~ label, .mailchimp-form .field-group input[type=file] ~ label {
    background: url(images/ico-link.png) no-repeat right 1em center;
    cursor: pointer;
    padding: .886em 3.3125em .886em 1em;
    display: block
}

.form .field-group input[type=file] ~ label span, .mailchimp-form .field-group input[type=file] ~ label span {
    white-space: nowrap;
    display: block;
    overflow-x: hidden;
    position: relative
}

.form .field-group input[type=file] ~ label span:after, .mailchimp-form .field-group input[type=file] ~ label span:after {
    content: '';
    width: 30px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .65) 60%, #fff 93%, #fff 100%)
}

.form .field-group select, .mailchimp-form .field-group select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: 0;
    border-radius: 0;
    border: 1px solid #4ca94d;
    background: #fff url(images/ico-dropdown.gif) no-repeat right 1em center;
    width: 100%;
    font-size: 1.25em;
    line-height: 1em;
    font-family: conduit_itclight, Helvetica, sans-serif;
    color: #231f20;
    box-shadow: none;
    padding: .9375em 2.3125em .9375em 1em
}

.form .field-group select::-ms-expand, .mailchimp-form .field-group select::-ms-expand {
    display: none
}

.form .field-group select + label, .mailchimp-form .field-group select + label {
    display: none
}

.form .field-group .selectric-wrapper + label, .mailchimp-form .field-group .selectric-wrapper + label {
    position: absolute;
    left: 1em;
    top: .6em;
    transition: .2s ease-in-out all
}

.form .field-group .selectric-wrapper + label.has-content, .mailchimp-form .field-group .selectric-wrapper + label.has-content {
    -webkit-transform: translate(.4em, -.1em);
    transform: translate(.4em, -.1em);
    font-size: .9em !important;
    color: #4ca94d
}

.form .field-group .selectric-wrapper.selectric-disabled + label, .mailchimp-form .field-group .selectric-wrapper.selectric-disabled + label {
    opacity: .5
}

.form .field-group .selectric-items, .mailchimp-form .field-group .selectric-items {
    background: #fff !important
}

.form .field-group .selectric-items ul li, .mailchimp-form .field-group .selectric-items ul li {
    padding: .5em 1em !important;
    font-size: 1em;
    margin: 0 !important
}

.form .field-group .selectric-items ul li:first-child, .mailchimp-form .field-group .selectric-items ul li:first-child {
    display: none
}

.form .field-group .selectric-items ul li:before, .mailchimp-form .field-group .selectric-items ul li:before {
    content: none !important
}

.form .field-group .selectric .label, .mailchimp-form .field-group .selectric .label {
    position: relative;
    top: 10px
}

.form .field-group .selectric .label:after, .mailchimp-form .field-group .selectric .label:after {
    content: '';
    width: 10px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .65) 60%, #fff 93%, #fff 100%)
}

.form .field-group [type=checkbox]:checked, .form .field-group [type=checkbox]:not(:checked), .form .field-group [type=radio]:checked, .form .field-group [type=radio]:not(:checked), .mailchimp-form .field-group [type=checkbox]:checked, .mailchimp-form .field-group [type=checkbox]:not(:checked), .mailchimp-form .field-group [type=radio]:checked, .mailchimp-form .field-group [type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}

.form .field-group [type=checkbox]:checked + label, .form .field-group [type=checkbox]:not(:checked) + label, .form .field-group [type=radio]:checked + label, .form .field-group [type=radio]:not(:checked) + label, .mailchimp-form .field-group [type=checkbox]:checked + label, .mailchimp-form .field-group [type=checkbox]:not(:checked) + label, .mailchimp-form .field-group [type=radio]:checked + label, .mailchimp-form .field-group [type=radio]:not(:checked) + label {
    position: relative;
    padding-left: 1.8em;
    cursor: pointer
}

.form .field-group [type=checkbox]:checked + label:before, .form .field-group [type=checkbox]:not(:checked) + label:before, .form .field-group [type=radio]:checked + label:before, .form .field-group [type=radio]:not(:checked) + label:before, .mailchimp-form .field-group [type=checkbox]:checked + label:before, .mailchimp-form .field-group [type=checkbox]:not(:checked) + label:before, .mailchimp-form .field-group [type=radio]:checked + label:before, .mailchimp-form .field-group [type=radio]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    width: 22px;
    height: 22px;
    border: 1px solid #4ca94d;
    background: 0 0
}

.form .field-group [type=checkbox]:checked + label:before, .mailchimp-form .field-group [type=checkbox]:checked + label:before {
    background: #4ca94d
}

.form .field-group [type=checkbox]:checked + label:after, .form .field-group [type=checkbox]:not(:checked) + label:after, .mailchimp-form .field-group [type=checkbox]:checked + label:after, .mailchimp-form .field-group [type=checkbox]:not(:checked) + label:after {
    content: '\f00c';
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: -1px;
    right: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    font-size: .9em;
    text-align: center;
    line-height: 24px;
    color: #fff;
    transition: all .2s
}

.form .field-group [type=checkbox]:not(:checked) + label:after, .form .field-group [type=radio]:not(:checked) + label:after, .mailchimp-form .field-group [type=checkbox]:not(:checked) + label:after, .mailchimp-form .field-group [type=radio]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.form .field-group [type=checkbox]:checked + label:after, .form .field-group [type=radio]:checked + label:after, .mailchimp-form .field-group [type=checkbox]:checked + label:after, .mailchimp-form .field-group [type=radio]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.form .field-group [type=radio]:checked + label:before, .form .field-group [type=radio]:not(:checked) + label:before, .mailchimp-form .field-group [type=radio]:checked + label:before, .mailchimp-form .field-group [type=radio]:not(:checked) + label:before {
    border-radius: 50%
}

.form .field-group [type=radio]:checked + label:after, .form .field-group [type=radio]:not(:checked) + label:after, .mailchimp-form .field-group [type=radio]:checked + label:after, .mailchimp-form .field-group [type=radio]:not(:checked) + label:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 4px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #4ca94d;
    line-height: 24px;
    transition: all .2s
}

.form .field-group .check-option, .mailchimp-form .field-group .check-option {
    display: inline-block;
    margin-right: 1.875em
}

@media only screen and (min-width: 768px) {
    .form .field-group .checklist-hz, .mailchimp-form .field-group .checklist-hz {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }
}

.form .field-group .checklist-hz label, .mailchimp-form .field-group .checklist-hz label {
    display: block
}

@media only screen and (min-width: 768px) {
    .form .field-group .checklist-hz label, .mailchimp-form .field-group .checklist-hz label {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.form .field-group .checklist-hz label.error, .mailchimp-form .field-group .checklist-hz label.error {
    position: absolute
}

.form .field-group .checklist-hz label [type=checkbox]:checked + span, .mailchimp-form .field-group .checklist-hz label [type=checkbox]:checked + span {
    background: #4ca94d;
    color: #fff
}

.form .field-group .checklist-hz label span, .mailchimp-form .field-group .checklist-hz label span {
    display: block;
    border: 1px solid #4ca94d;
    text-align: center;
    text-transform: uppercase;
    padding: .6em 0 .4em;
    -webkit-transition: .2s ease-in-out all;
    -moz-transition: .2s ease-in-out all;
    -ms-transition: .2s ease-in-out all;
    -webkit-transform: .2s ease-in-out all;
    transform: .2s ease-in-out all;
    cursor: pointer
}

@media only screen and (min-width: 768px) {
    .form .field-group .checklist-hz label span:hover, .mailchimp-form .field-group .checklist-hz label span:hover {
        background: #deeede
    }
}

.form .field-group.hours-select > div, .mailchimp-form .field-group.hours-select > div {
    margin-top: 1.4em;
    display: none
}

.form .field-group.hours-select .one-third, .form .field-group.hours-select .two-third, .mailchimp-form .field-group.hours-select .one-third, .mailchimp-form .field-group.hours-select .two-third {
    margin-bottom: 0
}

.form .field-group.hours-select .one-third h3, .form .field-group.hours-select .two-third h3, .mailchimp-form .field-group.hours-select .one-third h3, .mailchimp-form .field-group.hours-select .two-third h3 {
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    .form .field-group.hours-select .one-third h3, .form .field-group.hours-select .two-third h3, .mailchimp-form .field-group.hours-select .one-third h3, .mailchimp-form .field-group.hours-select .two-third h3 {
        margin-top: 2.2em
    }
}

@media only screen and (min-width: 768px) {
    .form .field-group.hours-select .one-third, .mailchimp-form .field-group.hours-select .one-third {
        width: 24.4%
    }

    .form .field-group.hours-select .two-third, .mailchimp-form .field-group.hours-select .two-third {
        width: 69.9%
    }
}

.form .field-group.hours-select .half, .mailchimp-form .field-group.hours-select .half {
    width: 47%;
    display: inline-block;
    margin: 0 5% 0 0
}

.form .field-group.hours-select .half:last-child, .mailchimp-form .field-group.hours-select .half:last-child {
    margin-right: 0
}

.form .field-group.hours-select .half p, .mailchimp-form .field-group.hours-select .half p {
    margin-bottom: 0
}

.form .field-group label, .mailchimp-form .field-group label {
    font-size: 1.25em;
    line-height: 1.8em;
    color: #231f20;
    text-align: left
}

.form .field-group label em, .mailchimp-form .field-group label em {
    color: #928e8f
}

.form .field-group p, .mailchimp-form .field-group p {
    margin: 0 0 .4em
}

.form .field-group p em, .mailchimp-form .field-group p em {
    color: #5b5859
}

.form .field-group .fa, .mailchimp-form .field-group .fa {
    color: #4ca94d;
    position: absolute;
    font-size: 1.25em;
    line-height: 1em
}

.form .field-group .fa.fa-calendar-o, .mailchimp-form .field-group .fa.fa-calendar-o {
    top: 1em;
    right: 1em
}

@media only screen and (max-width: 767px) {
    .form .btn, .mailchimp-form .btn {
        margin-left: auto;
        margin-right: auto
    }
}

.content-box .form .field-group input[type=email] ~ label, .content-box .form .field-group input[type=password] ~ label, .content-box .form .field-group input[type=text] ~ label, .content-box .form .field-group textarea ~ label {
    z-index: 0
}

body .ui-widget {
    font-family: conduit_itcmedium, Helvetica, sans-serif
}

body .ui-widget.ui-widget-content {
    border: 1px solid #4ca94d !important;
    border-radius: 0;
    margin-top: -4px
}

body .ui-widget-header {
    border: 0;
    background: #d9edd9;
    color: #4ca94d;
    border-radius: 0
}

body .ui-state-default, body .ui-widget-content .ui-state-default {
    background: #fff;
    border: 1px solid #e6e6e6;
    color: #231f20
}

body .ui-state-highlight, body .ui-widget-content .ui-state-highlight {
    background: #d9edd9;
    border-color: #d9edd9;
    color: #4ca94d
}

body .ui-button.ui-state-active:hover, body .ui-button:active, body .ui-state-active, body .ui-widget-content .ui-state-active, body .ui-widget-header .ui-state-active, body .ui-widget-header .ui-state-highlight, body a.ui-button:active {
    background: #4ca94d;
    border-color: #4ca94d;
    color: #fff
}

body .ui-datepicker .ui-datepicker-next, body .ui-datepicker .ui-datepicker-prev {
    border: 0;
    background: 0 0
}

body .ui-datepicker .ui-datepicker-next .ui-icon, body .ui-datepicker .ui-datepicker-prev .ui-icon {
    background: 0 0
}

body .ui-datepicker .ui-datepicker-next .ui-icon::after, body .ui-datepicker .ui-datepicker-prev .ui-icon::after {
    content: '\f054';
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    z-index: 2;
    color: #4ca94d;
    font-size: 16px
}

body .ui-datepicker .ui-datepicker-prev .ui-icon::after {
    content: '\f053'
}

.mailchimp-form {
    width: auto
}

.mailchimp-form .field-group [type=checkbox]:not(:checked) ~ label.error, .mailchimp-form .field-group input[type=text] ~ label.error {
    z-index: 0;
    position: absolute;
    right: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.mailchimp-form .field-group input[type=text] ~ label.error {
    bottom: -25px
}

.mailchimp-form .field-group [type=checkbox]:not(:checked) ~ label.error {
    bottom: 5px
}

.event-modal .mailchimp-form label.error {
    display: none
}

.mailchimp-form .error-summary {
    color: #c00;
    font-family: conduit_itcmedium, Helvetica, sans-serif;
    font-size: 13px
}

.check-list {
    list-style: none;
    margin: 3em 0 0;
    padding: 0 0 3em;
    text-align: left;
    position: relative
}

.check-list::after {
    width: 658px;
    height: 168px;
    background: url(images/pen.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    bottom: -9.5em;
    right: -17em;
    z-index: 2
}

@media only screen and (min-width: 768px) {
    .check-list::after {
        content: ''
    }
}

.check-list li {
    text-align: center;
    font-size: 1.25em;
    line-height: 1.2em;
    margin-bottom: 2.25rem
}

@media only screen and (min-width: 992px) {
    .check-list li {
        text-align: left;
        clear: both;
        padding: .4em 0 .4em 4.5em;
        margin-bottom: 1.9em;
        background: url(images/ico-checklist.png) no-repeat left top
    }
}

.check-list li strong {
    display: block;
    font-size: 1.5em;
    line-height: 1em;
    font-family: conduit_itcbold, Helvetica, sans-serif;
    margin-bottom: .29em;
    text-transform: uppercase
}

@media only screen and (min-width: 992px) {
    .check-list li strong {
        position: relative;
        top: 1px
    }
}

.check-list li span {
    display: inline-block;
    color: #4ca94d;
    font-family: conduit_itcbold, Helvetica, sans-serif;
    position: relative;
    font-size: 3.75rem;
    line-height: 1em;
    background: url(images/ico-checklist.png) no-repeat left top;
    background-size: 46px 52px;
    padding-left: 3.75rem;
    margin-bottom: .875rem
}

@media only screen and (min-width: 992px) {
    .check-list li span {
        background: 0 0;
        font-size: 3.75em;
        float: left;
        font-size: 4.7em;
        line-height: .84em;
        top: -3px;
        width: .85em;
        padding-left: 0;
        margin-bottom: 0
    }
}

.faqs .hero.sm-height .heading, .faqs h2, .hero.sm-height .faqs .heading {
    text-align: center
}

@media only screen and (min-width: 768px) {
    .faqs .hero.sm-height .heading, .faqs h2, .hero.sm-height .faqs .heading {
        text-align: left
    }
}

.faqs .sidebar {
    margin-top: -2em
}

@media only screen and (min-width: 768px) {
    .faqs .sidebar {
        margin-top: 0
    }
}

.faqs .h3, .faqs h3 {
    color: #231f20;
    font-family: conduit_itcmedium, Helvetica, sans-serif;
    font-size: 2.25em
}

.hero.sm-height .page-content .accordion .heading, .page-content .accordion .hero.sm-height .heading, .page-content .accordion h2 {
    margin: 1.6em 0 .7em
}

@media only screen and (min-width: 768px) {
    .hero.sm-height .page-content .accordion .heading:first-child, .page-content .accordion .hero.sm-height .heading:first-child, .page-content .accordion h2:first-child {
        margin-top: 0
    }
}

.page-content .accordion .acc-item {
    margin-bottom: 1.25em;
    -webkit-transition: .2s ease-in-out box-shadow;
    -moz-transition: .2s ease-in-out box-shadow;
    -ms-transition: .2s ease-in-out box-shadow;
    -webkit-transform: .2s ease-in-out box-shadow;
    transform: .2s ease-in-out box-shadow
}

.page-content .accordion .acc-item:last-child {
    margin-bottom: 0
}

.page-content .accordion .acc-item h4 {
    display: block;
    font-size: 1.25em;
    line-height: 1.25em;
    color: #fff;
    background: #4ca94d;
    font-family: conduit_itcmedium, Helvetica, sans-serif;
    text-transform: none;
    padding: .8em 2.75em .8em 1.1em;
    margin: 0;
    position: relative;
    transition: all .2s linear
}

@media only screen and (min-width: 768px) {
    .page-content .accordion .acc-item h4 {
        cursor: pointer;
        font-size: 1.5em;
        padding: .6em 2.55em .6em .9em
    }

    .page-content .accordion .acc-item h4:hover {
        background: #4cbf4e;
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .18)
    }
}

.page-content .accordion .acc-item h4::after {
    content: '\f0d7';
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 1.1em;
    transition: all .2s linear
}

.page-content .accordion .acc-item > div {
    display: none;
    background: #fff;
    padding: 1em 1.38em 2em
}

.page-content .accordion .acc-item > div > p:first-child {
    margin-top: 0
}

.page-content .accordion .acc-item > div > p:last-child {
    margin-bottom: 0
}

.page-content .accordion .acc-item.active {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .18)
}

.page-content .accordion .acc-item.active h4:hover {
    box-shadow: none
}

.page-content .accordion .acc-item.active h4::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: -.6em
}

.blog-hero .container {
    text-align: center;
    position: relative;
    min-height: calc(100vh - 49px);
    max-width: 1580px
}

@media only screen and (min-width: 768px) {
    .blog-hero .container {
        text-align: left
    }
}

.blog-hero .container .news-label {
    color: #4ca94d;
    text-transform: uppercase;
    font-size: 1.625em;
    line-height: 1em;
    font-family: conduit_itcmedium, Helvetica, sans-serif;
    background: rgba(255, 255, 255, .9);
    display: inline-block;
    margin: .625em auto 0;
    padding: .24em .58em .24em
}

@media only screen and (min-width: 768px) {
    .blog-hero .container .news-label {
        font-size: 2.25em;
        font-family: conduit_itcbold, Helvetica, sans-serif;
        margin: 1.12em 0 0 .5em;
        padding: .08em .8em .08em
    }
}

.blog-hero .container .preview {
    margin: 2.5em 1.125em 1.125em
}

@media only screen and (min-width: 768px) {
    .blog-hero .container .preview {
        position: absolute;
        left: 1.125em;
        right: auto;
        bottom: 2.5em;
        width: 66.125em;
        margin: 0;
        max-width: calc(100% - 2.25em)
    }
}

@media only screen and (max-width: 1200px) {
    .blog-hero .container .preview {
        left: 1.125em
    }
}

.blog-hero .container .preview .title {
    background: rgba(76, 169, 77, .9);
    padding: 1em 2.5em
}

@media only screen and (min-width: 768px) {
    .blog-hero .container .preview .title {
        padding-top: 1.1em
    }
}

.blog-hero .container .preview .title .hero.full-height .heading, .blog-hero .container .preview .title h1, .hero.full-height .blog-hero .container .preview .title .heading {
    text-shadow: none;
    font-size: 2.25em;
    line-height: 1.05em;
    margin: 0 0 .05em
}

@media only screen and (min-width: 768px) {
    .blog-hero .container .preview .title .hero.full-height .heading, .blog-hero .container .preview .title h1, .hero.full-height .blog-hero .container .preview .title .heading {
        font-size: 5.625em;
        margin: .07em 0 0;
        line-height: .8em
    }
}

.blog-hero .container .preview .title span {
    font-size: 1.25em;
    line-height: 1.5em;
    margin: 0 .7em;
    text-transform: uppercase;
    display: inline-block
}

@media only screen and (min-width: 768px) {
    .blog-hero .container .preview .title span {
        margin: 0 1.4em 0 0
    }

    .blog-hero .container .preview .title span:last-child {
        margin-right: 0
    }
}

.blog-hero .container .preview .title span a {
    color: #fff
}

.blog-hero .container .preview .title span a:hover {
    color: #231f20
}

.blog-hero .container .preview .intro {
    background: rgba(255, 255, 255, .9);
    text-align: left;
    color: #231f20;
    padding: 1em 1.875em;
    margin-top: 2px
}

.blog-hero .container .preview .intro p {
    margin: 0
}

.blog-hero .container .preview .intro .read-more {
    color: #4ca94d;
    font-size: 1.25em;
    line-height: 1.5em;
    margin-top: .2em;
    display: inline-block
}

.blog-hero.blog-feature {
    min-height: 66vh
}

.blog-hero.blog-feature .container {
    min-height: 66vh
}

@media only screen and (min-width: 768px) {
    .blog-hero.blog-feature .container .preview {
        width: 48.44em
    }

    .blog-hero.blog-feature .container .preview .title {
        padding: 1.37em 1.875em .8em
    }

    .blog-hero.blog-feature .container .preview .title .hero.full-height .heading, .blog-hero.blog-feature .container .preview .title h1, .hero.full-height .blog-hero.blog-feature .container .preview .title .heading {
        font-size: 3.75em
    }

    .blog-hero.blog-feature .container .preview .intro {
        padding-top: 1.56em;
        padding-bottom: 1.3em
    }
}

.nav-categories {
    text-align: center
}

@media only screen and (min-width: 768px) {
    .nav-categories #category-select {
        display: none
    }
}

.nav-categories ul.desktop {
    margin: 0 0 4em;
    padding: 0;
    list-style: none;
    display: none
}

@media only screen and (min-width: 768px) {
    .nav-categories ul.desktop {
        display: block
    }
}

.nav-categories ul.desktop li {
    font-size: 1.125em;
    line-height: 1em;
    font-family: conduit_itcbold, Helvetica, sans-serif;
    text-transform: uppercase;
    margin-bottom: .5em
}

@media only screen and (min-width: 768px) {
    .nav-categories ul.desktop li {
        margin: 0 .1em 0
    }
}

.nav-categories ul.desktop li a {
    display: block;
    color: #4ca94d;
    border: 2px solid #4ca94d;
    padding: .4em .8em .3em;
    border-radius: 2em
}

@media only screen and (min-width: 768px) {
    .nav-categories ul.desktop li a {
        border-color: transparent
    }

    .nav-categories ul.desktop li a:hover {
        border-color: #4ca94d
    }
}

@media only screen and (min-width: 768px) {
    .nav-categories ul.desktop li {
        display: inline-block
    }

    .nav-categories ul.desktop li.active a {
        background: #4ca94d;
        color: #fff
    }
}

.nav-categories .selectric {
    border: 2px solid #4ca94d;
    padding: .05em .8em .05em;
    border-radius: 2em;
    background: 0 0
}

@media only screen and (min-width: 768px) {
    .nav-categories .selectric {
        display: none
    }
}

.nav-categories .selectric .button, .nav-categories .selectric .label {
    height: 36px;
    line-height: 36px
}

.nav-categories .selectric .button {
    line-height: 42px;
    background: 0 0
}

.nav-categories .selectric .label {
    font-family: conduit_itcbold, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #4ca94d;
    font-size: 1.25em;
    text-align: left;
    position: relative;
    top: 3px
}

.nav-categories .selectric-items {
    border-width: 2px;
    margin-top: 7px
}

.nav-categories .dropdown-label {
    display: block;
    color: #4ca94d;
    font-size: 1.25em;
    line-height: 1em;
    font-family: conduit_itcbold, Helvetica, sans-serif;
    text-transform: uppercase;
    border: 2px solid #4ca94d;
    padding: .4em .8em .35em;
    border-radius: 2em;
    position: relative;
    margin: 1em 0 .5em;
    -webkit-transition: .2s ease-in-out all;
    -moz-transition: .2s ease-in-out all;
    -ms-transition: .2s ease-in-out all;
    -webkit-transform: .2s ease-in-out all;
    transform: .2s ease-in-out all
}

@media only screen and (min-width: 768px) {
    .nav-categories .dropdown-label {
        display: none
    }
}

.nav-categories .dropdown-label::after {
    content: '\f0d7';
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 1.1em;
    transition: all .2s linear
}

.nav-categories .dropdown-label.active {
    background: #4ca94d;
    color: #fff
}

.blog.blog-list .container .grid {
    margin-top: 2.8em
}

@media only screen and (min-width: 768px) {
    .blog.blog-list .container .grid {
        margin-top: 0
    }
}

@media only screen and (min-width: 768px) {
    .blog.blog-list .container .grid .grid-item {
        width: 47.8%
    }

    .blog.blog-list .container .grid .grid-item .post-container .grid-img {
        height: 30vw !important
    }
}

@media only screen and (min-width: 1200px) {
    .blog.blog-list .container .grid .grid-item {
        width: 31%
    }

    .blog.blog-list .container .grid .grid-item .post-container .grid-img {
        height: 17vw !important
    }
}

.blog .container {
    padding: 1em;
    max-width: 1580px
}

@media only screen and (min-width: 768px) {
    .blog .container {
        padding-top: 2.5em;
        padding-bottom: 2.5em
    }
}

.blog .container article {
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .18);
    padding: .5em 1.875em
}

@media only screen and (min-width: 1200px) {
    .blog .container article {
        width: 66%;
        float: left
    }
}

@media only screen and (min-width: 768px) {
    .blog .container article {
        padding: 2.8em 8.56em
    }
}

.blog .container .sidebar {
    margin-top: 4em
}

@media only screen and (min-width: 1200px) {
    .blog .container .sidebar {
        width: 32%;
        float: right
    }
}

@media only screen and (min-width: 768px) {
    .blog .container .sidebar {
        margin-top: 3.12em
    }
}

.blog .container .sidebar .h3, .blog .container .sidebar h3 {
    font-size: 2.25em;
    text-align: center;
    margin: 0 0 .66em
}

@media only screen and (min-width: 768px) {
    .blog .container .sidebar .h3, .blog .container .sidebar h3 {
        text-align: left;
        margin-bottom: .9em
    }
}

@media only screen and (min-width: 1200px) {
    .blog .container .sidebar .h3, .blog .container .sidebar h3 {
        font-size: 2.875em
    }
}

.blog .container .sidebar .grid {
    margin: 0
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .blog .container .sidebar .grid {
        margin: 0 -1.5% 0;
        text-align: center
    }
}

.blog .container .sidebar .grid .grid-item {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0
}

@media only screen and (min-width: 768px) {
    .blog .container .sidebar .grid .grid-item {
        margin: 0 0 1.9em
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .blog .container .sidebar .grid .grid-item {
        display: inline-block;
        width: 47.8%;
        margin: 0 1% 1.3em;
        text-align: left
    }

    .blog .container .sidebar .grid .grid-item .post-container .grid-img {
        height: 280px !important
    }

    .blog .container .sidebar .grid .grid-item .post-container .grid-img img {
        width: auto
    }
}

.blog .container .grid-item {
    margin-bottom: 1.25em;
    vertical-align: top
}

.blog .container .grid-item .post-container {
    display: block;
    overflow: hidden;
    color: #231f20;
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .18);
    height: auto !important
}

@media only screen and (min-width: 768px) {
    .blog .container .grid-item .post-container {
        transition: .2s ease-in-out all;
        position: relative
    }

    .blog .container .grid-item .post-container:hover {
        box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .25);
        -webkit-transform: translateY(-.625em) !important;
        transform: translateY(-.625em) !important
    }
}

.blog .container .grid-item .post-container .grid-img {
    height: auto !important
}

@media only screen and (min-width: 992px) {
    .blog .container .grid-item .post-container .grid-img {
        height: 17vw !important
    }
}

.blog .container .grid-item .post-container h4 {
    text-align: center;
    margin-bottom: .4em
}

.blog .container .grid-item .post-container .meta {
    text-align: center;
    margin-bottom: .55em
}

.blog .container .grid-item .post-container .meta span {
    font-size: 1.25em;
    color: #928e8f;
    display: inline-block;
    line-height: 1.5em;
    text-transform: uppercase;
    margin: 0 .4em
}

.blog .container .grid-item .post-container .meta span a {
    display: inline;
    color: #928e8f
}

@media only screen and (min-width: 768px) {
    .blog .container .grid-item .post-container .meta span a:hover {
        color: #231f20
    }
}

.blog .container .grid-item .post-container .grid-info {
    text-align: left
}

.blog .container .grid-item .post-container a {
    background: 0 0;
    box-shadow: none
}

.blog .container .grid-item .post-container a:hover {
    -webkit-transform: none !important;
    transform: none !important
}

.blog .container .grid-item .post-container .read-more {
    color: #4ca94d;
    font-size: 1.25em;
    line-height: 1em;
    margin-top: .55em
}

@media only screen and (min-width: 768px) {
    .blog .container .grid-item .post-container .read-more:hover {
        color: #231f20
    }
}

.pagination {
    text-align: center;
    margin: 1.875em 0
}

.pagination::after {
    display: block;
    content: "";
    clear: both
}

@media only screen and (min-width: 768px) {
    .pagination {
        margin: 5em 0
    }
}

.pagination .btn {
    min-width: auto;
    padding-left: 1.5em;
    padding-right: 1.5em;
    margin-top: 0 !important
}

@media only screen and (max-width: 767px) {
    .pagination .btn {
        border-radius: 50%;
        width: 2.25em;
        height: 2.25em;
        padding: 0;
        line-height: 2.25em;
        text-align: center
    }
}

.pagination .btn i {
    font-size: .8em;
    position: relative;
    top: 2px
}

@media only screen and (min-width: 768px) {
    .pagination .btn i {
        top: 0
    }
}

.pagination .btn span {
    display: none
}

@media only screen and (min-width: 768px) {
    .pagination .btn span {
        display: inline
    }
}

.pagination .btn-next {
    float: left
}

@media only screen and (min-width: 768px) {
    .pagination .btn-next {
        margin-left: 1.75em
    }
}

.pagination .btn-next i {
    left: -2px
}

@media only screen and (min-width: 768px) {
    .pagination .btn-next i {
        left: auto;
        margin-right: 1em
    }
}

.pagination .btn-prev {
    float: right
}

@media only screen and (min-width: 768px) {
    .pagination .btn-prev {
        margin-right: 1.75em
    }
}

.pagination .btn-prev i {
    right: -2px
}

@media only screen and (min-width: 768px) {
    .pagination .btn-prev i {
        right: auto;
        margin-left: 1em
    }
}

.pagination > span {
    font-family: conduit_itcbold, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #4ca94d;
    font-size: 1.25em;
    position: relative;
    top: .5em
}

@media only screen and (min-width: 768px) {
    .pagination > span {
        font-size: 1.625em
    }
}

.hero.sm-height .plate4plate .inner .heading, .plate4plate .inner .hero.sm-height .heading, .plate4plate .inner h2 {
    margin: 0 0 .6em
}

.plate4plate .inner .btn {
    margin-top: 1.7em
}

.neon-graphic {
    margin: 2em auto 2.25em
}

.hero.sm-height .legal .heading, .legal .h2, .legal .hero.sm-height .heading, .legal h2 {
    font-size: 2.25em;
    font-family: conduit_itcmedium, Helvetica, sans-serif;
    margin: 0 0 .655em;
    color: #231f20
}

@media only screen and (min-width: 768px) {
    .hero.sm-height .legal .heading, .legal .h2, .legal .hero.sm-height .heading, .legal h2 {
        font-size: 2.875em
    }
}

.legal .h3, .legal h3 {
    color: #231f20;
    font-size: 2.25em;
    font-family: conduit_itcmedium, Helvetica, sans-serif;
    margin: 0 0 .85em
}

.legal .h4, .legal h4 {
    color: #231f20;
    font-size: 1.5em;
    font-family: conduit_itcmedium, Helvetica, sans-serif;
    margin: .95em 0 .67em
}

.menu-call-out {
    width: 191px;
    height: 169px;
    position: absolute;
    top: -4.8em;
    right: .95em;
    z-index: 1
}

.menu-call-out img:first-child {
    position: absolute;
    width: 126px;
    height: 127px;
    bottom: -11px;
    left: -6px
}

.menu-call-out img:last-child {
    position: absolute;
    width: 167px;
    height: 168px;
    top: -22px;
    right: -22px
}

.menu-call-out.bottom-left, .menu-call-out.top-left {
    left: .95em;
    right: auto
}

.menu-call-out.bottom-left img:first-child, .menu-call-out.top-left img:first-child {
    left: auto;
    right: -6px
}

.menu-call-out.bottom-left img:last-child, .menu-call-out.top-left img:last-child {
    top: -22px;
    left: -22px
}

@media only screen and (min-width: 768px) {
    .menu-call-out {
        width: 15.937em;
        height: 15.813em;
        top: -12.5em;
        right: 1.88em
    }

    .menu-call-out img:first-child {
        width: 179px;
        height: 179px;
        top: -1.625em;
        bottom: auto;
        left: auto;
        right: -1.625em
    }

    .menu-call-out img:last-child {
        width: 237px;
        height: 237px;
        top: auto;
        bottom: -1.125em;
        left: -1.125em;
        right: auto
    }

    .menu-call-out.top-left {
        left: 1.88em;
        right: auto
    }

    .menu-call-out.top-left img:first-child {
        left: -1.625em;
        right: auto
    }

    .menu-call-out.top-left img:last-child {
        top: auto;
        bottom: -1.125em;
        left: auto;
        right: -1.125em
    }

    .menu-call-out.bottom-left {
        top: auto;
        bottom: 0;
        left: 0;
        right: auto
    }

    .menu-call-out.bottom-left img:first-child {
        top: auto;
        bottom: -1.625em;
        right: -1.625em
    }

    .menu-call-out.bottom-left img:last-child {
        top: -1.125em;
        bottom: auto
    }

    .menu-call-out.bottom-right {
        top: auto;
        bottom: 0;
        right: 0
    }

    .menu-call-out.bottom-right img:first-child {
        top: auto;
        bottom: -1.625em;
        left: -1.625em;
        right: auto
    }

    .menu-call-out.bottom-right img:last-child {
        top: -1.125em;
        bottom: auto;
        left: auto;
        right: -1.125em
    }
}

.product-modal {
    position: fixed;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    background: #fff
}

.product-modal .content-wrap {
    height: 100%;
    padding-top: 112px
}

@media only screen and (min-width: 768px) {
    .product-modal .content-wrap {
        padding-top: 129px
    }
}

.product-modal .content-container {
    height: 100%;
    overflow-y: auto
}

.product-modal .section {
    margin-top: 0
}

@media only screen and (min-width: 1600px) {
    .menu-call-out.bottom-left {
        left: 2.5em;
        bottom: 5.875em
    }

    .menu-call-out.bottom-right {
        right: 2.5em;
        bottom: 5.875em
    }
}

.infobar {
    background: #121212;
    position: absolute;
    top: 49px;
    left: 0;
    right: 0;
    z-index: 4;
    color: #fff;
    text-transform: uppercase
}

.infobar > div {
    vertical-align: top
}

.infobar .title {
    font-family: conduit_itcbold, Helvetica, sans-serif;
    padding: 1.31em .85em 1.34em .7em;
    font-size: 1.5em;
    line-height: 1.625em;
    float: left;
    line-height: 1em;
    white-space: nowrap;
    position: relative
}

@media only screen and (min-width: 768px) {
    .infobar .title {
        padding: .76em 1.4em .69em;
        font-size: 2.25em
    }

    .infobar .title::after {
        content: none
    }
}

.infobar .back-btn {
    background: #231f20;
    float: right;
    border-top: 1px solid #121212;
    border-bottom: 1px solid #121212;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0
}

@media only screen and (min-width: 768px) {
    .infobar .back-btn {
        border: none
    }

    .infobar .back-btn br {
        display: none
    }
}

.infobar .back-btn::after {
    content: '';
    width: 75px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -75px;
    background: linear-gradient(to right, rgba(18, 18, 18, 0) 0, rgba(18, 18, 18, .65) 60%, #121212 93%, #121212 100%)
}

.infobar .back-btn a {
    display: block;
    color: #fff;
    font-size: 1em;
    line-height: 1em;
    padding: 1.7em 2.8em 1.7em 1.5em;
    position: relative
}

@media only screen and (min-width: 768px) {
    .infobar .back-btn a {
        padding: 1.7em 1.4em 1.7em 74px;
        font-size: 1.25em
    }
}

.infobar .back-btn a .ico-close {
    width: 20px;
    height: 19px;
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -10px
}

@media only screen and (min-width: 768px) {
    .infobar .back-btn a .ico-close {
        right: auto;
        left: 42px;
        margin-top: -9px
    }
}

.infobar .back-btn a .ico-close::after, .infobar .back-btn a .ico-close::before {
    content: '';
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    background: #fff;
    height: 2px;
    margin-top: -2px;
    border-radius: 5px
}

.infobar .back-btn a .ico-close::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.infobar .back-btn a .ico-close::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.infobar .back-btn a:hover {
    background: #4ca94d
}

.prod-options .inner {
    padding-left: 1.187em;
    padding-right: 1.187em
}

.prod-options .inner .row {
    margin-bottom: 3.3em
}

@media only screen and (min-width: 768px) {
    .prod-options .inner .row {
        margin-bottom: 5em
    }
}

.prod-options .inner .row h3 {
    font-size: 2.25em
}

@media only screen and (min-width: 768px) {
    .prod-options .inner .row h3 {
        margin-bottom: .3em
    }

    .prod-options .inner .row h3.line-thru {
        text-align: center;
        width: 555px;
        position: relative;
        margin-left: auto;
        margin-right: auto
    }

    .prod-options .inner .row h3.line-thru::before {
        content: '';
        width: 100%;
        background: #231f20;
        height: 2px;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        margin-top: -1px;
        z-index: 0
    }

    .prod-options .inner .row h3.line-thru span {
        display: inline-block;
        background: #f5f5f5;
        position: relative;
        z-index: 1;
        padding: 0 .8em
    }
}

.prod-options .inner .row .split-at {
    display: none
}

@media only screen and (min-width: 562px) and (max-width: 737px) {
    .prod-options .inner .row .split-at.cols3 {
        display: block
    }
}

@media only screen and (min-width: 738px) and (max-width: 767px) {
    .prod-options .inner .row .split-at.cols4 {
        display: block
    }
}

@media only screen and (min-width: 768px) and (max-width: 1751px) {
    .prod-options .inner .row .split-at.cols5 {
        display: block
    }
}

@media only screen and (min-width: 1552px) and (max-width: 2010px) {
    .prod-options .inner .row .split-at.cols6 {
        display: block
    }
}

@media only screen and (min-width: 1790px) and (max-width: 2260px) {
    .prod-options .inner .row .split-at.cols7 {
        display: block
    }
}

@media only screen and (min-width: 2055px) and (max-width: 2520px) {
    .prod-options .inner .row .split-at.cols8 {
        display: block
    }
}

@media only screen and (min-width: 2310px) and (max-width: 2765px) {
    .prod-options .inner .row .split-at.cols9 {
        display: block
    }
}

@media only screen and (min-width: 2545px) and (max-width: 3035px) {
    .prod-options .inner .row .split-at.cols10 {
        display: block
    }
}

.prod-options .inner .row .prod-option {
    display: inline-block;
    width: 159px;
    margin: 1.9em .432em 0;
    vertical-align: top;
    position: relative
}

@media only screen and (min-width: 768px) {
    .prod-options .inner .row .prod-option {
        width: 220px;
        max-width: 15%;
        margin-left: .9375em;
        margin-right: .9375em
    }
}

.prod-options .inner .row .prod-option .image {
    position: relative;
    margin-bottom: 3px
}

.prod-options .inner .row .prod-option .image .icons {
    position: absolute;
    bottom: 10px;
    right: 0;
    left: 0
}

.prod-options .inner .row .prod-option .image .icons span {
    font-size: 0
}

.prod-options .inner .row .prod-option .image .icons span:after {
    margin-left: .2em
}

.prod-options .inner .row .prod-option .image img {
    height: auto !important
}

.prod-options .inner .row .prod-option .name {
    margin-top: 15px;
    text-transform: uppercase;
    font-family: conduit_itcbold, Helvetica, sans-serif;
    font-size: 1.25em;
    text-align: center;
    line-height: 1em
}

@media only screen and (min-width: 768px) {
    .prod-options .inner .row.small .prod-option {
        width: 191px;
        margin-left: .4375em;
        margin-right: .4375em
    }
}

.prod-options .inner p {
    margin: 1.4em auto;
    font-size: 1.25em;
    line-height: 1.2em;
    width: 37.5em;
    max-width: 100%
}

@media only screen and (min-width: 768px) {
    .prod-options .inner p {
        margin: 2em auto
    }
}

.locations {
    position: relative;
    background: #fff
}

@media only screen and (min-width: 992px) {
    .locations {
        overflow: hidden;
        border-bottom: 1px solid #f5f5f5
    }
}

.locations .search-panel {
    background: #121212;
    padding: 5.625em 1.875em;
    color: #fff
}

@media only screen and (min-width: 992px) {
    .locations .search-panel {
        height: calc(100vh - 44px);
        position: absolute;
        width: 46%;
        top: 0;
        left: 0;
        z-index: 1;
        box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .5);
        padding: 0
    }
}

@media only screen and (min-width: 1600px) {
    .locations .search-panel {
        width: 33%
    }
}

.hero.full-height .locations .search-panel .heading, .locations .search-panel .hero.full-height .heading, .locations .search-panel h1 {
    color: #fff;
    font-family: conduit_itcbold, Helvetica, sans-serif;
    font-size: 1.5em;
    text-align: center;
    margin-bottom: 1em
}

.hero.full-height .locations .search-panel .heading i, .locations .search-panel .hero.full-height .heading i, .locations .search-panel h1 i {
    color: #4ca94d;
    font-size: 1.333em;
    margin-right: .4em;
    vertical-align: middle
}

.locations .search-panel .form {
    font-family: conduit_itcbold, Helvetica, sans-serif;
    text-transform: uppercase;
    width: auto;
    margin: 0
}

@media only screen and (min-width: 992px) {
    .locations .search-panel .form {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
        padding: 0 5.125em
    }
}

.locations .search-panel .form .field-group {
    margin-bottom: 2em
}

@media only screen and (min-width: 768px) {
    .locations .search-panel .form .field-group {
        margin-bottom: 1.15em
    }
}

.locations .search-panel .form .field-group:last-child {
    margin-bottom: 0
}

.locations .search-panel .form .field-group input[type=text] {
    color: #fff;
    position: relative;
    z-index: 1;
    background: url(images/ico-search-white.png) no-repeat right top 5px;
    font-family: conduit_itcbold, Helvetica, sans-serif;
    text-transform: uppercase
}

.locations .search-panel .form .field-group input[type=text] ~ label {
    color: #fff;
    z-index: 0;
    font-family: conduit_itcbold, Helvetica, sans-serif;
    text-transform: uppercase
}

.locations .search-panel .form .field-group input[type=text].has-content ~ label, .locations .search-panel .form .field-group input[type=text]:focus ~ label {
    color: #4ca94d;
    font-size: .9em
}

.locations .search-panel .form .field-group .selectric {
    background: 0 0;
    border: 0;
    border-bottom: 2px solid #4ca94d
}

.locations .search-panel .form .field-group .selectric .label {
    margin-left: 0;
    color: #fff;
    line-height: 32px;
    height: 30px
}

.locations .search-panel .form .field-group .selectric .label:after {
    background: linear-gradient(to right, rgba(18, 18, 18, 0) 0, rgba(18, 18, 18, .65) 60%, #121212 93%, #121212 100%)
}

.locations .search-panel .form .field-group .selectric .button {
    background: 0 0;
    color: #fff;
    width: 10px;
    line-height: 32px;
    height: 32px
}

.locations .search-panel .form .field-group select {
    background: transparent url(images/ico-dropdown-white.png) no-repeat right bottom 10px;
    border: none;
    border-bottom: 2px solid #4ca94d;
    height: 35px;
    position: relative;
    top: -3px;
    padding: 0;
    color: #fff;
    font-family: conduit_itcbold, Helvetica, sans-serif;
    text-transform: uppercase
}

.locations .search-panel .form .field-group .selectric-wrapper + label {
    color: #fff;
    left: 0;
    top: -.2em
}

@media only screen and (min-width: 768px) {
    .locations .search-panel .form .field-group .selectric-wrapper + label {
        top: .9em
    }
}

.locations .search-panel .form .field-group .selectric-wrapper + label.has-content {
    color: #4ca94d;
    left: -.3em;
    top: -.75em;
    font-family: conduit_itcbold, Helvetica, sans-serif;
    -webkit-transform: translate(.4em, -.57em);
    transform: translate(.4em, -.57em)
}

@media only screen and (min-width: 768px) {
    .locations .search-panel .form .field-group .selectric-wrapper + label.has-content {
        top: .5em
    }
}

.locations .search-panel .form .field-group .selectric .label {
    position: relative;
    top: -.1em
}

.locations .search-panel .form .current-location {
    display: block;
    margin-top: 2.9em;
    text-align: center;
    font-size: 1.125em;
    cursor: pointer;
    -webkit-transition: .2s ease-in-out color;
    -moz-transition: .2s ease-in-out color;
    -ms-transition: .2s ease-in-out color;
    -webkit-transform: .2s ease-in-out color;
    transform: .2s ease-in-out color
}

.locations .search-panel .form .current-location:hover {
    color: #4ca94d
}

.locations .search-panel .form .current-location i {
    margin-right: 6px
}

@media only screen and (min-width: 768px) {
    .locations .search-panel.top {
        box-shadow: none;
        padding: 2.313em 1.875em 3.813em
    }
}

@media only screen and (min-width: 768px) and (min-width: 992px) {
    .locations .search-panel.top {
        position: relative;
        height: auto;
        width: 100%;
        padding-bottom: 2.813em;
        z-index: 2
    }
}

@media only screen and (min-width: 768px) and (min-width: 1450px) {
    .locations .search-panel.top {
        padding-bottom: 3.813em
    }
}

@media only screen and (min-width: 768px) {
    .hero.full-height .locations .search-panel.top .heading, .locations .search-panel.top .hero.full-height .heading, .locations .search-panel.top h1 {
        margin-bottom: .5em
    }
}

@media only screen and (min-width: 768px) and (min-width: 1450px) {
    .hero.full-height .locations .search-panel.top .heading, .locations .search-panel.top .hero.full-height .heading, .locations .search-panel.top h1 {
        display: inline-block;
        margin: .85em 0 0
    }
}

@media only screen and (min-width: 768px) and (min-width: 992px) {
    .locations .search-panel.top .form {
        position: relative;
        top: auto;
        -webkit-transform: none;
        transform: none;
        padding: 0 3.5em
    }
}

@media only screen and (min-width: 768px) {
    .locations .search-panel.top .form .field-container {
        text-align: center
    }
}

@media only screen and (min-width: 768px) and (min-width: 992px) {
    .locations .search-panel.top .form .field-container {
        max-width: 100%;
        text-align: center
    }
}

@media only screen and (min-width: 768px) and (min-width: 1450px) {
    .locations .search-panel.top .form .field-container {
        float: right;
        text-align: right;
        width: 70%
    }
}

@media only screen and (min-width: 768px) {
    .locations .search-panel.top .form .field-container .field-group {
        margin: 0 .8em 0 0;
        width: 40%;
        display: inline-block;
        vertical-align: top;
        margin-right: 3em
    }

    .locations .search-panel.top .form .field-container .field-group:first-child {
        margin-right: 4.8em;
        position: relative
    }

    .locations .search-panel.top .form .field-container .field-group:first-child::after {
        content: 'or';
        position: absolute;
        right: -49px;
        top: 27px;
        text-transform: uppercase;
        color: #928e8f;
        font-family: conduit_itcbold, Helvetica, sans-serif;
        font-size: 1.25em
    }

    .locations .search-panel.top .form .field-container .field-group:nth-child(2) {
        margin-right: 0
    }
}

@media only screen and (min-width: 768px) and (min-width: 992px) {
    .locations .search-panel.top .form .field-container .field-group {
        width: 27%;
        max-width: 316px
    }

    .locations .search-panel.top .form .field-container .field-group:nth-child(2) {
        margin-right: 3em
    }
}

@media only screen and (min-width: 768px) {
    .locations .search-panel.top .form .field-container .field-group label {
        font-size: 1.2em
    }

    .locations .search-panel.top .form .field-container .field-group .selectric .label {
        height: 33px
    }

    .locations .search-panel.top .form .field-container .field-group .selectric-wrapper + label {
        top: 1.1em
    }

    .locations .search-panel.top .form .field-container .field-group .selectric-wrapper + label.has-content {
        top: .7em
    }

    .locations .search-panel.top .form .current-location {
        margin-top: 2.3em
    }
}

@media only screen and (min-width: 768px) and (min-width: 992px) {
    .locations .search-panel.top .form .current-location {
        display: inline-block;
        margin-top: 1.8em
    }
}

.locations .view-toggle {
    background: #fff;
    padding: 1.875em 3em
}

@media only screen and (min-width: 992px) {
    .locations .view-toggle {
        display: none
    }
}

.locations .view-toggle ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.locations .view-toggle ul li {
    width: 50%;
    display: inline-block
}

.locations .view-toggle ul li:first-child a {
    border-top-left-radius: 2em;
    border-bottom-left-radius: 2em
}

.locations .view-toggle ul li:last-child a {
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em
}

.locations .view-toggle ul li a {
    display: block;
    color: #4ca94d;
    font-family: conduit_itcbold, Helvetica, sans-serif;
    line-height: 100%;
    font-size: 1.125em;
    padding: .75em .75em .5em;
    -webkit-transition: .2s ease-in-out all;
    -moz-transition: .2s ease-in-out all;
    -ms-transition: .2s ease-in-out all;
    -webkit-transform: .2s ease-in-out all;
    transform: .2s ease-in-out all;
    text-transform: uppercase;
    border: 1px solid #4ca94d
}

.locations .view-toggle ul li a:hover, .locations .view-toggle ul li.active a {
    background: #4ca94d;
    color: #fff
}

.locations #view-container {
    min-height: 450px
}

@media only screen and (min-width: 992px) {
    .locations #view-container {
        min-height: auto
    }
}

.locations .list.view-type {
    background: #fff;
    padding: 0 3em;
    display: none
}

@media only screen and (min-width: 992px) {
    .locations .list.view-type {
        display: block;
        position: absolute;
        width: 33%;
        min-width: 570px;
        left: 0;
        z-index: 1;
        box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .5);
        padding: 0 1.812em 0 3.625em;
        overflow-y: hidden
    }

    .locations .list.view-type .scroll-pane {
        height: calc(110vh - 136px)
    }

    .locations .list.view-type .scroll-pane .jspContainer {
        padding-bottom: 2.2em
    }

    .locations .list.view-type .scroll-pane .jspContainer .jspVerticalBar {
        padding-top: 2.2em
    }
}

.locations .list.view-type .list-item {
    border-top: 2px solid #928e8f;
    padding: 1.69em 0
}

.locations .list.view-type .list-item::after {
    display: block;
    content: "";
    clear: both
}

@media only screen and (min-width: 992px) {
    .locations .list.view-type .list-item {
        margin-right: 1.812em
    }
}

.locations .list.view-type .list-item:last-child {
    border-bottom: 2px solid #928e8f
}

@media only screen and (min-width: 992px) {
    .locations .list.view-type .list-item:first-child {
        border-top: none;
        margin-top: 2.2em
    }
}

@media only screen and (min-width: 768px) {
    .locations .list.view-type .list-item .info {
        display: inline-block;
        width: 67%;
        vertical-align: top;
        margin-right: 2%
    }
}

.locations .list.view-type .list-item .info h4 {
    font-size: 1.4em;
    font-family: conduit_itcbold, Helvetica, sans-serif;
    margin-bottom: .63em
}

.locations .list.view-type .list-item .info .address {
    font-family: conduit_itcmedium, Helvetica, sans-serif;
    font-size: 1.25em;
    line-height: 1.2em;
    color: #231f20;
    display: block;
    margin-bottom: .8em
}

.locations .list.view-type .list-item .info .distance, .locations .list.view-type .list-item .info .status {
    color: #5b5859;
    font-size: 1em;
    font-family: conduit_itcmedium, Helvetica, sans-serif;
    margin-bottom: 1.6em;
    display: inline-block
}

@media only screen and (min-width: 992px) {
    .locations .list.view-type .list-item .info .distance, .locations .list.view-type .list-item .info .status {
        margin-bottom: 0
    }
}

.locations .list.view-type .list-item .info .status {
    font-family: conduit_itcbold, Helvetica, sans-serif;
    text-transform: uppercase;
    margin-left: 2.6em
}

@media only screen and (min-width: 992px) {
    .locations .list.view-type .list-item .info .status {
        margin-left: 3.6em
    }
}

@media only screen and (min-width: 768px) {
    .locations .list.view-type .list-item .buttons {
        display: inline-block;
        width: 30%;
        vertical-align: top;
        text-align: right;
        float: right
    }
}

@media only screen and (min-width: 992px) {
    .locations .list.view-type .list-item .buttons {
        max-width: 130px
    }
}

.locations .list.view-type .list-item .buttons .btn {
    display: inline-block;
    width: 48%;
    margin: 0 3% 0 0
}

.locations .list.view-type .list-item .buttons .btn:last-child {
    margin-right: 0
}

@media only screen and (max-width: 550px) {
    .locations .list.view-type .list-item .buttons .btn {
        display: block;
        margin: 0 0 .7em;
        width: 100%
    }
}

@media only screen and (min-width: 768px) {
    .locations .list.view-type .list-item .buttons .btn {
        min-width: auto;
        width: 128px;
        font-size: 1.125em;
        padding-top: .6em;
        padding-bottom: .55em;
        display: inline-block;
        margin: 0 0 1.1em
    }
}

.locations .list.view-type .list-item .buttons .btn:last-child {
    margin-bottom: 0
}

.locations .store-info {
    background: #fff
}

@media only screen and (min-width: 992px) {
    .locations .store-info {
        min-height: calc(100vh - 44px);
        position: absolute;
        width: 46%;
        min-width: 570px;
        top: 0;
        left: 0;
        z-index: 1;
        box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .5)
    }

    .locations .store-info.ajax {
        top: initial
    }
}

.locations .store-info .close-store {
    position: absolute;
    padding: .5em;
    top: 1em;
    right: 1em;
    z-index: 1;
    color: #fff;
    cursor: pointer;
    width: 20px;
    height: 19px
}

.locations .store-info .close-store::after, .locations .store-info .close-store::before {
    content: '';
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    background: #fff;
    height: 2px;
    margin-top: -2px;
    border-radius: 5px;
    -webkit-transition: .2s ease-in-out background;
    -moz-transition: .2s ease-in-out background;
    -ms-transition: .2s ease-in-out background;
    -webkit-transform: .2s ease-in-out background;
    transform: .2s ease-in-out background
}

.locations .store-info .close-store::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.locations .store-info .close-store::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media only screen and (min-width: 768px) {
    .locations .store-info .close-store:hover::after, .locations .store-info .close-store:hover::before {
        background: #4ca94d
    }
}

.locations .store-info.ico-close {
    width: 20px;
    height: 19px
}

.locations .store-info .hero {
    text-align: center;
    color: #fff;
    min-height: 380px;
    background: center center no-repeat;
    background-size: cover;
    position: relative
}

.locations .store-info .hero::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: linear-gradient(to bottom, #000 0, rgba(0, 0, 0, .68) 50%, rgba(0, 0, 0, .36) 100%);
    opacity: .75
}

.locations .store-info .hero .inner {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    z-index: 1;
    padding: 1.88em
}

@media only screen and (min-width: 992px) {
    .locations .store-info .hero .inner {
        padding: 3.75em
    }
}

.locations .store-info .hero .inner h2, .locations .store-info .hero.sm-height .inner .heading {
    margin-bottom: .9em;
    font-size: 2.25em
}

.locations .store-info .hero .inner .btn {
    width: 270px
}

.locations .store-info .info {
    text-align: center;
    padding: 1.88em
}

@media only screen and (min-width: 992px) {
    .locations .store-info .info {
        padding: 3.75em 1.812em 3.75em 3.75em;
        overflow-y: hidden
    }

    .locations .store-info .info .scroll-pane {
        height: calc(110vh - 640px)
    }

    .locations .store-info .info .scroll-pane .info-inner {
        margin-right: 1.812em
    }
}

.locations .store-info .info h3 {
    font-size: 1.5em;
    font-family: conduit_itcmedium, Helvetica, sans-serif;
    margin-bottom: .5em
}

.locations .store-info .info .address {
    font-family: conduit_itcmedium, Helvetica, sans-serif;
    font-size: 1.25em;
    line-height: 1.2em;
    color: #231f20;
    display: block;
    margin-bottom: 1em
}

.locations .store-info .info .phone {
    font-size: 1.5em;
    display: inline-block;
    margin-bottom: 1.166em;
    position: relative
}

.locations .store-info .info .phone i {
    margin-right: .3em;
    position: relative;
    top: 2px
}

.locations .store-info .info .phone span {
    position: absolute;
    top: 0;
    left: 0;
    width: 12.5em;
    text-align: right;
    font-size: .66em;
    font-family: conduit_itcmedium, Helvetica, sans-serif;
    color: #4ca94d;
    height: 1.71em;
    line-height: 1.71em;
    display: block;
    z-index: 2;
    padding-left: 6.5em;
    -webkit-transition: .2s ease-in-out all;
    -moz-transition: .2s ease-in-out all;
    -ms-transition: .2s ease-in-out all;
    -webkit-transform: .2s ease-in-out all;
    transform: .2s ease-in-out all
}

.locations .store-info .info .phone span:hover {
    color: #4cbf4e
}

.locations .store-info .info .phone::after {
    content: '';
    width: 75px;
    height: 1.71em;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 30%, #fff 100%);
    -webkit-transition: .2s ease-in-out opacity;
    -moz-transition: .2s ease-in-out opacity;
    -ms-transition: .2s ease-in-out opacity;
    -webkit-transform: .2s ease-in-out opacity;
    transform: .2s ease-in-out opacity
}

.locations .store-info .info .phone.show span, .locations .store-info .info .phone.show::after {
    opacity: 0
}

.locations .store-info .info .directions {
    color: #5b5859;
    font-family: conduit_itcbold, Helvetica, sans-serif;
    display: block;
    margin-bottom: 1.88em
}

.locations .store-info .info .directions a {
    text-transform: uppercase;
    margin-left: 1em;
    color: #5b5859;
    display: inline-block
}

.locations .store-info .info .directions a:hover {
    color: #4ca94d
}

.locations .store-info .info .btn-contact {
    font-family: conduit_itclight, Helvetica, sans-serif;
    font-size: 1.125em;
    padding: .6em 1.2em;
    min-width: auto;
    margin-bottom: 1.9em
}

.locations .store-info .info .btn-contact i {
    margin-right: 5px
}

.locations .store-info .info .hours {
    font-size: 1.125em;
    line-height: 1.33em;
    color: #5b5859
}

.locations .store-info .info .hours span.day.active {
    text-transform: uppercase
}

.locations .store-info .info .hours span.active {
    color: #4ca94d;
    font-family: conduit_itcmedium, Helvetica, sans-serif
}

.locations .map.view-type {
    height: 450px;
    background: #f5f5f5
}

@media only screen and (min-width: 992px) {
    .locations .map.view-type {
        min-height: calc(100vh - 44px);
        position: relative;
        width: 54%;
        float: right;
        z-index: 0
    }
}

@media only screen and (min-width: 1600px) {
    .locations .map.view-type {
        width: 67%
    }
}

.locations .map.view-type .window {
    width: 207px;
    padding: .6em 0 .6em .6em
}

.locations .map.view-type .window h4 {
    font-size: 1.85em;
    font-family: conduit_itcbold, Helvetica, sans-serif;
    margin-bottom: .63em;
    color: #4ca94d
}

.locations .map.view-type .window .address {
    font-family: conduit_itcmedium, Helvetica, sans-serif;
    font-size: 1.4em;
    line-height: 1.2em;
    color: #231f20;
    display: block;
    margin-bottom: .8em
}

.locations .map.view-type .window .directions, .locations .map.view-type .window .status {
    color: #5b5859;
    font-size: 1.25em;
    display: block;
    font-family: conduit_itcbold, Helvetica, sans-serif;
    text-transform: uppercase;
    margin-bottom: .5em
}

.locations .map.view-type .window .buttons {
    display: block;
    width: 100%;
    margin-top: 1.5em
}

.locations .map.view-type .window .buttons a {
    min-width: auto;
    width: 48%;
    padding: .3em .4em .4em
}

.locations .map.view-type .window .buttons a:last-child {
    float: right
}

.sticky-key ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.sticky-key .dots {
    padding: 1.88em;
    font-size: 1.25em;
    font-family: conduit_itcbold, Helvetica, sans-serif;
    text-transform: uppercase
}

@media only screen and (min-width: 768px) {
    .sticky-key .dots {
        float: left;
        vertical-align: bottom;
        width: 34%;
        padding: 0 0 1em;
        margin-top: 106px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1350px) {
    .sticky-key .dots {
        padding-left: 1em
    }
}

.sticky-key .dots li {
    margin-bottom: .35em
}

.sticky-key .dots li:last-child {
    margin-bottom: 0
}

.sticky-key .dots i {
    font-size: 1.3em;
    display: inline-block;
    vertical-align: middle;
    margin-right: .2em
}

.sticky-key .key {
    display: none;
    height: 190px;
    float: right;
    vertical-align: bottom;
    width: 66%;
    font-family: conduit_itcbold, Helvetica, sans-serif;
    font-size: 1.125em;
    text-transform: uppercase;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width: 768px) {
    .sticky-key .key {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.sticky-key .key li {
    display: inline-block;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    text-align: left;
    position: relative
}

.sticky-key .key li .label {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
    bottom: 3.5em;
    display: block;
    width: 100%;
    text-align: left
}

.sticky-key .key li .abb {
    display: none
}

.sticky-key .key li.allergen-vegetarian {
    color: #4ca94d
}

.sticky-key .key li.allergen-vegan {
    color: #d6a702
}

@media only screen and (min-width: 768px) {
    .sticky-key {
        height: 190px
    }

    .sticky-key .inner.stuck {
        position: fixed;
        top: 49px;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 4;
        background: #f7f7f7;
        padding: .687em 0
    }

    .sticky-key .inner.stuck .dots {
        font-size: 1em;
        margin: 0;
        padding: 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 1350px) {
    .sticky-key .inner.stuck .dots {
        padding-left: 1em
    }
}

@media only screen and (min-width: 768px) {
    .sticky-key .inner.stuck .dots li {
        display: inline-block;
        margin: 0 1.88em 0 0
    }

    .sticky-key .inner.stuck .dots li:last-child {
        margin: 0
    }

    .sticky-key .inner.stuck .key {
        font-size: 1em;
        color: #5b5859;
        height: auto
    }

    .sticky-key .inner.stuck .key li {
        text-align: center
    }

    .sticky-key .inner.stuck .key li .label {
        display: none
    }

    .sticky-key .inner.stuck .key li .abb {
        display: block
    }
}

.allergens .hero.sm-height .heading, .allergens h2, .hero.sm-height .allergens .heading {
    display: block;
    background: #5b5859;
    color: #fff;
    font-size: 1.125em;
    padding: .77em 1.111em .66em;
    position: relative;
    top: -1px
}

.allergens table {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .allergens table {
        border-bottom: 1px solid #928e8f
    }
}

.allergens table tr td, .allergens table tr th {
    display: block;
    box-sizing: border-box;
    clear: both;
    font-size: 1em;
    text-transform: uppercase;
    font-family: conduit_itcbold, Helvetica, sans-serif
}

@media only screen and (min-width: 768px) {
    .allergens table tr td, .allergens table tr th {
        display: table-cell;
        font-size: 1.25em
    }
}

@media only screen and (min-width: 768px) {
    .allergens table thead {
        display: inline-block;
        vertical-align: top;
        width: 34%
    }
}

.allergens table thead tr {
    display: block
}

.allergens table thead th {
    padding: .56em 1.25em;
    font-weight: 400;
    position: relative;
    text-align: left;
    border-bottom: 1px solid #928e8f
}

@media only screen and (min-width: 768px) {
    .allergens table thead th {
        padding: .55em 0;
        display: block;
        border: 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 1350px) {
    .allergens table thead th {
        padding-left: 1em
    }
}

.allergens table thead th span {
    display: table-cell;
    vertical-align: middle
}

.allergens table thead th img {
    max-height: 60px;
    max-width: 60px;
    display: table-cell;
    vertical-align: middle;
    margin-right: 1.25em
}

@media only screen and (min-width: 768px) {
    .allergens table thead th img {
        max-width: 80px;
        max-height: 80px
    }
}

.allergens table thead th::after {
    font-family: FontAwesome;
    content: '\f078';
    right: 1em;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1.1em;
    line-height: 1em;
    height: 1.1em;
    color: #ccc9ca;
    transition: all .2s linear
}

@media only screen and (min-width: 768px) {
    .allergens table thead th::after {
        content: ''
    }
}

.allergens table thead th table.name {
    border-bottom: 0
}

.allergens table thead th table.name tbody {
    width: 100%
}

.allergens table thead th table.name tbody tr {
    height: auto;
    width: 100%;
    display: block
}

.allergens table thead th table.name tbody tr td {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    text-align: left;
    background: 0 0 !important;
    padding: 0;
    display: table-cell
}

.allergens table thead th table.name tbody tr td:last-child {
    border-bottom: 0;
    padding-right: 1em
}

@media only screen and (min-width: 768px) {
    .allergens table thead th table.name tbody tr td:last-child {
        padding-right: 0
    }
}

.allergens table thead.active th::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: -.5em
}

.allergens table .tbody {
    display: none
}

@media only screen and (min-width: 768px) {
    .allergens table tbody {
        display: inline-block;
        vertical-align: top;
        width: 66%
    }
}

.allergens table tbody tr {
    display: block
}

@media only screen and (min-width: 768px) {
    .allergens table tbody tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 102px
    }
}

.allergens table tbody td {
    padding: .8em 1.5em
}

@media only screen and (min-width: 768px) {
    .allergens table tbody td {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        text-align: center;
        padding: 0;
        height: 100%;
        position: relative
    }
}

.allergens table tbody td:nth-child(even) {
    background: #f7f7f7
}

.allergens table tbody td:last-child {
    border-bottom: 1px solid #928e8f
}

@media only screen and (min-width: 768px) {
    .allergens table tbody td:last-child {
        border: 0
    }
}

.allergens table tbody td i {
    font-size: 1.3em;
    float: right
}

@media only screen and (min-width: 768px) {
    .allergens table tbody td i {
        float: none;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.allergens table tbody td.allergen-vegetarian i {
    color: #4ca94d
}

.allergens table tbody td.allergen-vegan i {
    color: #d6a702
}

@media only screen and (min-width: 768px) {
    .allergens table tbody td span {
        display: none
    }
}

.allergens .base-info {
    padding: 3.75em 1.88em
}

.allergens .base-info h4 {
    font-size: 1.25em;
    text-align: center;
    margin: 0 0 2.43em;
    line-height: 1.2em
}

.allergens .base-info p {
    margin: 0
}

.story-graphic {
    position: relative;
    height: 39.5em;
    margin: 5em auto 5em;
    width: 23.45em
}

@media only screen and (min-width: 1150px) {
    .story-graphic {
        width: auto
    }
}

.story-graphic img {
    position: absolute
}

.story-graphic .line1 {
    top: 110.29px;
    left: 202px
}

@media only screen and (max-width: 1149px) {
    .story-graphic .line1 {
        display: none
    }
}

.story-graphic .line2 {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 160px
}

@media only screen and (min-width: 1150px) {
    .story-graphic .line2 {
        display: none
    }
}

.story-graphic .food1 {
    top: 0;
    left: 162px
}

@media only screen and (min-width: 1150px) {
    .story-graphic .food1 {
        left: 296px
    }
}

.story-graphic .food2 {
    top: 256px;
    right: 173px
}

@media only screen and (min-width: 1150px) {
    .story-graphic .food2 {
        top: 134.29px;
        right: 260px
    }
}

.story-graphic .food3 {
    top: 390px;
    right: 54px
}

@media only screen and (min-width: 1150px) {
    .story-graphic .food3 {
        top: 362.29px;
        left: 78px;
        right: auto
    }
}

.story-graphic .food4 {
    bottom: -32px;
    left: -67px
}

@media only screen and (min-width: 1150px) {
    .story-graphic .food4 {
        bottom: 0;
        right: 330px;
        left: auto
    }
}

.story-graphic .text1, .story-graphic .text2, .story-graphic .text3 {
    font-size: 1.125em;
    width: 160px;
    text-align: center;
    position: absolute
}

@media only screen and (min-width: 1150px) {
    .story-graphic .text1, .story-graphic .text2, .story-graphic .text3 {
        width: 262px;
        font-size: 1.375em
    }
}

.story-graphic .text1 {
    top: 38px;
    left: -16px
}

@media only screen and (min-width: 1150px) {
    .story-graphic .text1 {
        top: 50px;
        left: auto
    }
}

.story-graphic .text2 {
    top: 297px;
    right: 16px
}

@media only screen and (min-width: 1150px) {
    .story-graphic .text2 {
        top: 205px;
        right: 0
    }
}

.story-graphic .text3 {
    top: 596px;
    right: 25px
}

@media only screen and (min-width: 1150px) {
    .story-graphic .text3 {
        top: 503px;
        right: 40px
    }
}

.story-graphic-base::after {
    display: block;
    content: "";
    clear: both
}

.story-graphic-base div.img {
    text-align: center;
    display: inline-block;
    position: relative;
    vertical-align: middle
}

@media only screen and (min-width: 768px) {
    .story-graphic-base div.img:first-child {
        margin-right: 5em
    }

    .story-graphic-base div.img:last-child {
        margin-left: 5em
    }
}

@media only screen and (min-width: 768px) {
    .story-graphic-base p {
        display: inline-block;
        width: 27%;
        vertical-align: middle
    }
}

@media only screen and (min-width: 1400px) {
    .story-graphic-base p {
        width: 565px
    }
}

.hero.sm-height .jobs .heading, .jobs .hero.sm-height .heading, .jobs h2 {
    text-align: center;
    margin-bottom: .4em;
    font-family: conduit_itcmedium, Helvetica, sans-serif
}

@media only screen and (min-width: 768px) {
    .hero.sm-height .jobs .heading, .jobs .hero.sm-height .heading, .jobs h2 {
        font-size: 2.875em
    }
}

.jobs .job-list {
    margin-top: 1.25em
}

.jobs .job-list .job-item {
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .18);
    padding: 1.875em;
    text-align: left;
    margin-bottom: 1.25em
}

@media only screen and (min-width: 768px) {
    .jobs .job-list .job-item {
        padding: 2.5em
    }
}

@media only screen and (min-width: 768px) {
    .jobs .job-list .job-item .description p:first-child {
        margin-top: 0
    }
}

.jobs .job-list .job-item .btn.btn-primary, .jobs .job-list .job-item .btn.btn-secondary {
    border-width: 2px;
    border-color: #4ca94d;
    display: block;
    margin: 1em 0 0
}

@media only screen and (min-width: 768px) {
    .jobs .job-list .job-item .btn.btn-primary, .jobs .job-list .job-item .btn.btn-secondary {
        display: inline-block;
        min-width: 197px
    }
}

.jobs .job-list .job-item .btn.btn-primary:hover, .jobs .job-list .job-item .btn.btn-secondary:hover {
    border-color: #4cbf4e;
    background: #4cbf4e;
    color: #fff
}

@media only screen and (min-width: 650px) and (max-width: 767px) {
    .jobs .job-list .job-item .actions .col {
        display: inline-block;
        width: 45%;
        margin-right: 5%
    }

    .jobs .job-list .job-item .actions .col:last-child {
        margin-right: 0
    }
}

@media only screen and (min-width: 768px) {
    .jobs .job-list .job-item > div .col {
        display: inline-block;
        vertical-align: top
    }

    .jobs .job-list .job-item > div .col:first-child {
        width: 38%;
        margin-right: 5%
    }

    .jobs .job-list .job-item > div .col:last-child {
        width: 55%
    }
}

.jobs .category {
    font-family: conduit_itcbold, Helvetica, sans-serif;
    font-size: 1.125em;
    display: block;
    margin-bottom: .7em
}

@media only screen and (min-width: 768px) {
    .jobs .category {
        margin-bottom: 1.4em
    }
}

.jobs .category a {
    text-transform: uppercase;
    color: #4ca94d
}

.jobs .title {
    font-size: 2.25em;
    line-height: 1em;
    margin: 0 0 .3em
}

@media only screen and (min-width: 768px) {
    .jobs .title {
        margin-bottom: .5em
    }
}

.jobs .type {
    display: block;
    font-family: conduit_itcmedium, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 1.25em
}

.jobs .type a {
    color: #5b5859
}

.jobs.job-single {
    padding-top: 7.8em
}

.jobs.job-single .category {
    margin-bottom: 1.4em
}

@media only screen and (min-width: 768px) {
    .jobs.job-single .category {
        font-size: 1.5em;
        margin-bottom: 1.5em
    }
}

.jobs.job-single .title {
    margin-bottom: .7em
}

@media only screen and (min-width: 768px) {
    .jobs.job-single .title {
        font-size: 5.625em;
        margin-bottom: .25em;
        line-height: .8em
    }
}

.jobs.job-single .type {
    margin-bottom: 1.4em
}

@media only screen and (min-width: 768px) {
    .jobs.job-single .type {
        font-size: 1.5em;
        margin-bottom: 2.2em
    }
}

.jobs.job-single .content-box {
    text-align: left;
    padding: 1.875em 1.875em 5em
}

.jobs.job-single .content-box .full-description {
    margin-bottom: 3em
}

@media only screen and (min-width: 768px) {
    .jobs.job-single .content-box .full-description {
        margin-bottom: 5em
    }
}

@media only screen and (min-width: 768px) {
    .jobs.job-single .content-box .full-description {
        width: 750px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }
}

.hero.sm-height .jobs.job-single .content-box .full-description .heading, .jobs.job-single .content-box .full-description .h2, .jobs.job-single .content-box .full-description .hero.sm-height .heading, .jobs.job-single .content-box .full-description h2 {
    color: #4ca94d;
    font-family: conduit_itcmedium, Helvetica, sans-serif;
    text-align: left;
    margin-top: 1em
}

@media only screen and (min-width: 768px) {
    .hero.sm-height .jobs.job-single .content-box .full-description .heading, .jobs.job-single .content-box .full-description .h2, .jobs.job-single .content-box .full-description .hero.sm-height .heading, .jobs.job-single .content-box .full-description h2 {
        font-size: 2.25em
    }
}

.jobs.job-single .content-box .form {
    width: 750px
}

.hero.sm-height .jobs.job-single .content-box .form > .heading, .jobs.job-single .content-box .form > h2, .jobs.job-single .content-box .hero.sm-height .form > .heading {
    margin-bottom: 1em
}

@media only screen and (min-width: 768px) {
    .hero.sm-height .jobs.job-single .content-box .form > .heading, .jobs.job-single .content-box .form > h2, .jobs.job-single .content-box .hero.sm-height .form > .heading {
        margin-bottom: 0
    }
}

.event-item {
    text-align: center;
    padding: 0 .88em 4em
}

@media only screen and (min-width: 768px) {
    .event-item {
        text-align: left;
        padding-bottom: 2.5em
    }

    .event-item:last-child {
        padding-bottom: 4em
    }
}

@media only screen and (min-width: 768px) {
    .event-item .event-info {
        display: inline-block;
        width: 60%;
        vertical-align: middle
    }
}

.event-item .event-info h3 {
    color: #4ca94d
}

.event-item .event-btn {
    margin-top: 1.7em
}

@media only screen and (min-width: 768px) {
    .event-item .event-btn {
        display: inline-block;
        width: 30%;
        margin-left: 9%;
        vertical-align: middle;
        text-align: right;
        margin-top: 0
    }
}

.event-modal {
    display: none;
    position: fixed;
    z-index: 5;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0, 0, 0, .4)
}

.event-modal .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: 700;
    position: absolute;
    top: .8em;
    right: 1em
}

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

.event-modal-content {
    background-color: #fefefe;
    margin: 5% auto;
    padding: 1.88em;
    width: 700px;
    max-width: 90%;
    text-align: left;
    position: relative
}

@media only screen and (min-width: 768px) {
    .event-modal-content {
        max-width: 70%;
        padding: 3.5em 4em
    }
}

.event-modal-content h3 {
    color: #4ca94d
}

@media only screen and (max-width: 767px) {
    .event-modal-content h3 {
        font-size: 2em
    }
}

.event-modal-content .mailchimp-form {
    max-width: 100%;
    margin-top: 1em
}

.event-modal-content .mailchimp-form .field-group {
    margin-bottom: 2em
}

.event-modal-content .mailchimp-form input[type=submit] {
    display: inline-block;
    text-align: center;
    color: #fff;
    background: #4ca94d;
    font-family: conduit_itcbold, Helvetica, sans-serif;
    line-height: 1em;
    font-size: 1.25em;
    text-transform: uppercase;
    border: 1px solid #4ca94d;
    min-width: 204px;
    padding: .7em 1em;
    border-radius: 2em
}

@media only screen and (max-width: 767px) {
    .event-modal-content .mailchimp-form input[type=submit] {
        font-size: 1em
    }
}

.event-modal-content .mailchimp-form input[type=submit]:hover {
    background: #4cbf4e;
    border-color: #4cbf4e
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

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

.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounce {
    20%, 53%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {
    20%, 53%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    50%, from, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@keyframes flash {
    50%, from, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    11.1%, from, to {
        -webkit-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.39062deg) skewY(.39062deg);
        transform: skewX(.39062deg) skewY(.39062deg)
    }
    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

@keyframes jello {
    11.1%, from, to {
        -webkit-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.39062deg) skewY(.39062deg);
        transform: skewX(.39062deg) skewY(.39062deg)
    }
    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes bounceIn {
    20%, 40%, 60%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    20%, 40%, 60%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUpSmall {
    -webkit-animation-name: fadeInUpSmall;
    animation-name: fadeInUpSmall
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@keyframes rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.flapper {
    font-family: Roboto Condensed, sans-serif;
    font-weight: 300;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

.flapper .digit {
    position: relative;
    display: inline-block;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

.flapper .digit div {
    position: absolute;
    text-align: center;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

.flapper .digit .top {
    top: 0;
    left: 0;
    overflow: hidden
}

.flapper .digit .bottom {
    bottom: 0;
    left: 0;
    overflow: hidden
}

.flapper {
    font-size: 28px;
    line-height: 39px;
    height: 44px
}

.flapper .digit {
    border-radius: 4px;
    margin: 0 0 0 2px
}

.flapper .digit:first-child {
    margin: 0
}

.flapper .digit div {
    border-radius: 2px
}

.flapper .digit, .flapper .digit div {
    height: 30px;
    width: 20px;
    font-size: inherit;
    line-height: inherit
}

.flapper .digit .top {
    clip: rect(0, 20px, 14px, 0)
}

.flapper .digit .bottom {
    clip: rect(15px, 20px, 30px, 0)
}

@media only screen and (min-width: 992px) {
    .flapper.XXL {
        font-size: 116px;
        line-height: 123px;
        height: 132px
    }

    .flapper.XXL .digit {
        border-radius: 8px
    }

    .flapper.XXL .digit div {
        border-radius: 6px
    }

    .flapper.XXL .digit, .flapper.XXL .digit div {
        height: 128px;
        width: 96px;
        font-size: inherit;
        line-height: inherit
    }

    .flapper.XXL .digit .top {
        clip: rect(0, 96px, 64px, 0)
    }

    .flapper.XXL .digit .bottom {
        clip: rect(65px, 96px, 128px, 0)
    }

    .flapper.XL {
        font-size: 89px;
        line-height: 92px;
        height: 100px
    }

    .flapper.XL .digit {
        border-radius: 7px;
        margin: 0 0 0 4px
    }

    .flapper.XL .digit:first-child {
        margin: 0
    }

    .flapper.XL .digit div {
        border-radius: 5px
    }

    .flapper.XL .digit, .flapper.XL .digit div {
        height: 96px;
        width: 72px;
        font-size: inherit;
        line-height: inherit
    }

    .flapper.XL .digit .top {
        clip: rect(0, 72px, 47px, 0)
    }

    .flapper.XL .digit .bottom {
        clip: rect(48px, 72px, 96px, 0)
    }

    .flapper.L {
        font-size: 66px;
        line-height: 70px;
        height: 76px
    }

    .flapper.L .digit {
        border-radius: 6px;
        margin: 0 0 0 4px
    }

    .flapper.L .digit:first-child {
        margin: 0
    }

    .flapper.L .digit div {
        border-radius: 4px
    }

    .flapper.L .digit, .flapper.L .digit div {
        height: 72px;
        width: 54px;
        font-size: inherit;
        line-height: inherit
    }

    .flapper.L .digit .top {
        clip: rect(0, 54px, 35px, 0)
    }

    .flapper.L .digit .bottom {
        clip: rect(36px, 54px, 72px, 0)
    }
}

@media only screen and (min-width: 768px) {
    .flapper {
        font-size: 51px;
        line-height: 52px;
        height: 58px
    }

    .flapper .digit {
        border-radius: 5px;
        margin: 0 0 0 4px
    }

    .flapper .digit:first-child {
        margin: 0
    }

    .flapper .digit div {
        border-radius: 3px
    }

    .flapper .digit, .flapper .digit div {
        height: 54px;
        width: 40px;
        font-size: inherit;
        line-height: inherit
    }

    .flapper .digit .top {
        clip: rect(0, 40px, 26px, 0)
    }

    .flapper .digit .bottom {
        clip: rect(27px, 40px, 54px, 0)
    }

    .flapper.S {
        font-size: 36px;
        line-height: 39px;
        height: 44px
    }

    .flapper.S .digit {
        border-radius: 4px;
        margin: 0 0 0 2px
    }

    .flapper.S .digit:first-child {
        margin: 0
    }

    .flapper.S .digit div {
        border-radius: 2px
    }

    .flapper.S .digit, .flapper.S .digit div {
        height: 40px;
        width: 30px;
        font-size: inherit;
        line-height: inherit
    }

    .flapper.S .digit .top {
        clip: rect(0, 30px, 19px, 0)
    }

    .flapper.S .digit .bottom {
        clip: rect(20px, 30px, 40px, 0)
    }

    .flapper.XS {
        font-size: 28px;
        line-height: 30px;
        height: 34px
    }

    .flapper.XS .digit {
        border-radius: 3px;
        margin: 0 0 0 2px
    }

    .flapper.XS .digit:first-child {
        margin: 0
    }

    .flapper.XS .digit div {
        border-radius: 1px
    }

    .flapper.XS .digit, .flapper.XS .digit div {
        height: 30px;
        width: 24px;
        font-size: inherit;
        line-height: inherit
    }

    .flapper.XS .digit .top {
        clip: rect(0, 24px, 14px, 0)
    }

    .flapper.XS .digit .bottom {
        clip: rect(15px, 24px, 30px, 0)
    }
}

.flapper .digit {
    background-color: #222;
    border: 1px solid #333
}

.flapper .digit div {
    color: #f0f0f0;
    padding: 0;
    background-color: #000
}

.flapper.light .digit {
    border: 1px solid #ddd;
    background-color: #eee
}

.flapper.light .digit div {
    color: #222;
    padding: 0;
    background-color: #f6f6f6
}

/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
    display: none
}

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

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after, .ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu .ui-state-active, .ui-menu .ui-state-focus {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible
}

.ui-button, .ui-button:active, .ui-button:hover, .ui-button:link, .ui-button:visited {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-button-icon-only {
    text-indent: 0
}

.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em
}

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

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block
}

.ui-controlgroup > .ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0
}

.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus, .ui-controlgroup > .ui-controlgroup-item:focus {
    z-index: 9999
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none
}

.ui-controlgroup-vertical .ui-spinner-input {
    width: 75%;
    width: calc(100% - 2.4em)
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid
}

.ui-checkboxradio-disabled {
    pointer-events: none
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td a, .ui-datepicker td span {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: 0 0;
    overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0
}

.ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw, .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw {
    width: 7px;
    height: 7px
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
    background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);
    height: 100%;
    opacity: .25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.5;
    padding: 2px .4em;
    margin: .5em 0 0 0;
    height: auto;
    border: 0
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
    -webkit-filter: inherit;
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: 0 0;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-tabs {
    position: relative;
    padding: .2em
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: 0 0
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333
}

.ui-widget-content a {
    color: #333
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: 700
}

.ui-widget-header a {
    color: #333
}

.ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: 400;
    color: #454545
}

.ui-button, .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button {
    color: #454545;
    text-decoration: none
}

.ui-button:focus, .ui-button:hover, .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
    border: 1px solid #ccc;
    background: #ededed;
    font-weight: 400;
    color: #2b2b2b
}

.ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, a.ui-button:focus, a.ui-button:hover {
    color: #2b2b2b;
    text-decoration: none
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: 400;
    color: #fff
}

.ui-icon-background, .ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #fff
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #fff;
    text-decoration: none
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #777620
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #5f3f3f
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #5f3f3f
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_444444_256x240.png)
}

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_444444_256x240.png)
}

.ui-button:focus .ui-icon, .ui-button:hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon {
    background-image: url(images/ui-icons_555555_256x240.png)
}

.ui-button:active .ui-icon, .ui-state-active .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png)
}

.ui-button .ui-state-highlight.ui-icon, .ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_777620_256x240.png)
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_cc0000_256x240.png)
}

.ui-button .ui-icon {
    background-image: url(images/ui-icons_777777_256x240.png)
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-caret-1-n {
    background-position: 0 0
}

.ui-icon-caret-1-ne {
    background-position: -16px 0
}

.ui-icon-caret-1-e {
    background-position: -32px 0
}

.ui-icon-caret-1-se {
    background-position: -48px 0
}

.ui-icon-caret-1-s {
    background-position: -65px 0
}

.ui-icon-caret-1-sw {
    background-position: -80px 0
}

.ui-icon-caret-1-w {
    background-position: -96px 0
}

.ui-icon-caret-1-nw {
    background-position: -112px 0
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all, .ui-corner-left, .ui-corner-tl, .ui-corner-top {
    border-top-left-radius: 3px
}

.ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr {
    border-top-right-radius: 3px
}

.ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left {
    border-bottom-left-radius: 3px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right {
    border-bottom-right-radius: 3px
}

.ui-widget-overlay {
    background: #aaa;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    box-shadow: 0 0 5px #666
}

.selectric-wrapper {
    position: relative;
    cursor: pointer
}

.selectric-responsive {
    width: 100%
}

.selectric {
    border: 1px solid #4ca94d;
    border-radius: 0;
    background: 0 0;
    position: relative;
    overflow: hidden
}

.selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    margin: 0 57.5px 0 1em;
    font-size: 1.25em;
    line-height: 57.5px;
    color: #444;
    height: 57.5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #231f20
}

.selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 57.5px;
    height: 57.5px;
    line-height: 57.5px;
    background-color: #fff;
    color: #4ca94d;
    text-align: center
}

.selectric-open {
    z-index: 9999
}

.selectric-open .selectric-items {
    display: block
}

.selectric-disabled {
    opacity: .5;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.selectric-hide-select {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0
}

.selectric-hide-select select {
    position: absolute;
    left: -100%
}

.selectric-hide-select.selectric-is-native {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10
}

.selectric-hide-select.selectric-is-native select {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: none;
    z-index: 1;
    box-sizing: border-box;
    opacity: 0
}

.selectric-input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: 0 !important;
    border: none !important;
    background: 0 0 !important
}

.selectric-temp-show {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important
}

.selectric-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: 0 0;
    border: 1px solid #4ca94d;
    z-index: -1;
    box-shadow: 0 0 10px -6px;
    margin-top: -1px
}

.selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto
}

.selectric-above .selectric-items {
    top: auto;
    bottom: 100%
}

.selectric-items li, .selectric-items ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 1.1em;
    line-height: 20px;
    min-height: 20px
}

.selectric-items li {
    display: block;
    padding: .5em 1em;
    color: #231f20;
    cursor: pointer
}

.selectric-items li.selected {
    color: #4ca94d
}

.selectric-items li.highlighted {
    color: #4ca94d
}

.selectric-items li:hover {
    color: #4ca94d
}

.selectric-items .disabled {
    opacity: .5;
    cursor: default !important;
    background: 0 0 !important;
    color: #666 !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.selectric-items .selectric-group .selectric-group-label {
    font-weight: 700;
    padding-left: 10px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: 0 0;
    color: #444
}

.selectric-items .selectric-group.disabled li {
    opacity: 1
}

.selectric-items .selectric-group li {
    padding-left: 25px
}

.scroll-pane {
    overflow: auto
}

.jspContainer {
    overflow: hidden;
    position: relative
}

.jspPane {
    position: absolute
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 1px;
    width: 2px;
    height: 100%
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px
}

.jspCap {
    display: none
}

.jspHorizontalBar .jspCap {
    float: left
}

.jspTrack {
    background: #f5f5f5;
    position: relative
}

.jspDrag {
    background: #928e8f;
    position: relative;
    top: 0;
    left: -1px;
    cursor: pointer;
    width: 3px
}

.jspHorizontalBar .jspDrag, .jspHorizontalBar .jspTrack {
    float: left;
    height: 100%
}

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
    padding: 0;
    margin: 0
}

.jspArrow.jspDisabled {
    cursor: default;
    background: #80808d
}

.jspVerticalBar .jspArrow {
    height: 16px
}

.jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%
}

.jspVerticalBar .jspArrow:focus {
    outline: 0
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%
}

* html .jspCorner {
    margin: 0 -3px 0 0
}