*, :before, :after {
    /* -webkit-box-sizing: border-box; */
    -moz-box-sizing: border-box;
    /* box-sizing: border-box; */
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.ukv {
}

.ukv-red-text {
    color: #D71920;
}

.ukv-blue-text {
    color: #203370;
}

.color-text-light-blue {
    color: #4182CE;
}

.color-text-purple {
    color: #4E499F;
}

.color-text-orange {
    color: #E74A15
}

.color-text-light-orange {
    color: #FF6D1A
}

.color-text-white {
    color: #FFFFFF;
}

.color-red {
    background-color: red;
}

.color-light-blue {
    background-color: #4182CE;
}

.color-teal {
    background-color: #009CAD;
}

.color-green {
    background-color: #8DC63F;
}

.color-light-grey {
    background-color: #F4F7F9;
}

.color-blue {
    background-color: #4182CE;
}

.color-orange {
    background-color: #FF6D1A
}

.color-light-orange {
    background-color: #FF6D1A
}

.color-smoke {
    background-color: #F5EEED;
}

.color-ukv-red {
    background-color: #D71920
}

.color-ukv-blue {
    background-color: #203370
}

.color-ukv-green {
    background-color: #1c8255
}

#ukv-header-telephone {
    display: block;
}

#ukv-header-mobile {
    display: none;
}

#review-categories ul li {
    display: inline-block;
    margin-right: 20px;
    padding: 5px;
    background-color: #ff6a00;
    color: #FFF
}

    #review-categories ul li a, #review-categories ul li a:hover, #review-categories ul li a:visited {
        color: #FFF;
    }

#reviews {
}

.review {
    margin: 20px;
    border-radius: 10px 1px 10px 1px;
}


blockquote cite {
    text-align: right;
    font-weight: bold;
}

blockquote {
    background-image: url(/images/quote.gif);
    background-repeat: no-repeat;
    font-size: 12pt;
    padding: 0.5em 10px;
}

    blockquote:before {
        color: #ccc;
        content: "";
        font-size: 4em;
        line-height: 0.1em;
        margin-right: 0.35em;
        vertical-align: -0.4em;
    }

    blockquote p {
        display: inline;
        font-size: 13pt;
    }

.review:nth-child(even) {
    background-color: #EEE;
}

    .review:nth-child(even) blockquote:before {
        color: #FFF;
    }

#social-media-wrapper {
    display: none;
}


@media handheld {
    #ukv-header-telephone {
        display: none;
    }

    #ukv-header-mobile {
        display: block;
    }
}

@media print {
    #side-content {
        display: none;
    }

    #main-content {
        width: 100%;
        box-sizing: border-box;
    }
}

.coffee-background {
    background-image: url(/images/snowtransparent.gif);
}

.water-background {
    background-image: url(/images/water-background.jpg);
}

.steam-background {
    background-image: url(/images/steam-cloud-background.jpg);
}

.tea-background {
    background-image: url(/images/tea-background.jpg);
}

.chocolate-background {
    background-image: url(/images/chocolate-background.jpg);
}

.snack-vending-background {
    background-image: url(/images/snack-vending-background.jpg);
}



/**
 *   Here's where everything gets included. You don't need
 *   to change anything here, and doing so might break
 *   stuff. Here be dragons and all that.
 */
/**
 *   Default variables
 *
 *   While these can be set with JavaScript, it's probably
 *   better and faster to just set them here, compile to
 *   CSS and include that instead to use some of that
 *   hardware-accelerated goodness.
 */
.unslider {
    overflow: auto;
    margin: 0;
    padding: 0;
}

.unslider-wrap {
    position: relative;
}

    .unslider-wrap.unslider-carousel > li {
        float: left;
    }

.unslider-vertical > ul {
    height: 100%;
}

.unslider-vertical li {
    float: none;
    width: 100%;
}

.unslider-fade {
    position: relative;
}

    .unslider-fade .unslider-wrap li {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        z-index: 8;
    }

        .unslider-fade .unslider-wrap li.unslider-active {
            z-index: 10;
        }

.unslider ul, .unslider ol, .unslider li {
    list-style: none;
    /* Reset any weird spacing */
    margin: 0;
    padding: 0;
    border: none;
}

.unslider-arrow {
    display: none;
    position: absolute;
    left: 20px;
    z-index: 2;
    cursor: pointer;
}

    .unslider-arrow.next {
        left: auto;
        right: 20px;
    }

.unslider-nav ol {
    display: none;
    list-style: none;
    text-align: center;
}

    .unslider-nav ol li {
        width: 6px;
        height: 6px;
        margin: 0 4px;
        background: transparent;
        border-radius: 5px;
        overflow: hidden;
        text-indent: -999em;
        border: 2px solid #fff;
        cursor: pointer;
    }

        .unslider-nav ol li.unslider-active {
            background: #fff;
            cursor: default;
        }


.blog-article {
    padding: 10px;
}



h1, h2, h3, h4, h5, h6, p, li, div, input, strong {
    font-family: Arial;
}

.ph1, .ph2, .ph3 {
    font-family: Arial;
    display: block;
    width: 100%;
    margin: 0px;
}

a.ph1 {
    color: #000;
}

.ph1 {
    font-size: 16pt;
    font-weight: bold;
}

.tick {
    padding-left: 30px;
    padding-bottom: 0;
    margin-top: 0px;
    background: url(/images/tick.png) no-repeat;
    width: 100%;
    height: 22px;
}

/*@font-face {
    font-family: gothamBold;
    src: url(../fonts/gotham-bold-opentype.otf);

}*/

/*@font-face {
    font-family: gothamBook;
    src: url(../fonts/gotham-book-3-opentype.otf);
}*/

@font-face {
    font-family: 'gothambold1';
    src: url('../fonts/gothambold1.eot');
    src: local('gothambold1'), url('../fonts/gothambold1.ttf') format('truetype');
}
/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_5903">Text with this font applied</p> */
.fontsforweb_fontid_5903 {
    font-family: 'gothambold1' !important;
}

@font-face {
    font-family: 'GothamBook';
    src: url('../fonts/GothamBook.eot');
    src: local('GothamBook'), url('../fonts/GothamBook.woff') format('woff'), url('../fonts/GothamBook.ttf') format('truetype');
}
/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_10146">Text with this font applied</p> */
.fontsforweb_fontid_10146 {
    font-family: 'GothamBook' !important;
}

@font-face {
    font-family: gothamMedium;
    src: url(../fonts/gotham-medium-opentype.otf);
}



/* Twitter Social feeds */
.SandboxRoot {
    display: block;
    background: 0 0
}

.SandboxRoot, blockquote, .fbody, .fbutton, .fh1, .fh2, .fh3, .fhtml, .fiframe, .fli, .fol, .fp, .ful {
    padding: 0;
    margin: 0;
    font: normal normal normal 12px/16px "Helvetica Neue",Roboto,"Segoe UI",Calibri,sans-serif;
    text-decoration: none;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-transform: none;
    vertical-align: baseline;
    list-style: none;
    border: 0;
    -webkit-outline: 0;
    -moz-outline: 0;
    -ms-outline: 0;
    -o-outline: 0;
    outline: 0
}

img {
    border: 0
}

b, i {
    font-style: normal;
    font-weight: 400
}

abbr {
    border-bottom: 0
}

.cards-base:after, .cards-base:before, .p-author:after, .p-author:before {
    display: table;
    content: ""
}

.cards-base:after, .p-author:after {
    clear: both
}

.detail-expander, .footer, .header, .root, .timeline, .tweet {
    position: relative
}

.no-tweets-pane .load-tweets, .tweet-box-button, button.load-more {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.no-tweets-pane p {
    font-size: 20px;
    line-height: 24px
}

.timeline-header .custom-timeline-summary, .timeline-header fh1.summary {
    font-size: 18px;
    font-weight: 700;
    line-height: 18px
}

.cards-base fh3, .custom-timeline-owner-profile, .load-tweets, .new-tweets-bar button, .no-more-pane, .p-author .p-name, .timeline .e-entry-title {
    color: #000;
    font-size: 11.5px;
    line-height: 16px
}

.tweet-box-button {
    font-size: 13px
}

.stats strong, .timeline-header .list-description, .timeline-header- .byline {
    font-size: 12px;
    line-height: 18px
}

.timeline-header .byline {
    margin: 4px 0
}

.stats span {
    font-size: 10px
}

.brand span {
    font-size: 12px
}

.timeline-header .custom-timeline-description {
    font-size: 14px;
    color: #707070
}

.custom-timeline-owner-profile .p-nickname {
    color: #000;
    font-size: 13px
}

.cards-base .profile .p-name, .custom-timeline-owner-profile .p-name, .p-author .profile .p-name {
    font-weight: 700
}

.cards-base .cards-content p, .cards-base fh3, .e-entry-title, .p-author a {
    line-height: 18px
}

    .e-entry-title a {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .cards-base .byline-user .p-nickname, .cards-base a.profile:focus .p-nickname, .cards-base a.profile:focus .p-nickname b, .cards-base a.profile:hover .p-nickname, .cards-base a.profile:hover .p-nickname b, .custom-timeline-owner-profile:focus .p-nickname, .custom-timeline-owner-profile:focus .p-nickname b, .custom-timeline-owner-profile:hover .p-nickname, .custom-timeline-owner-profile:hover .p-nickname b, .p-author .full-name, .p-author a.profile, .p-author a.profile:focus .p-nickname, .p-author a.profile:focus .p-nickname b, .p-author a.profile:hover .p-nickname, .p-author a.profile:hover .p-nickname b, .timeline-header .custom-timeline-owner-profile:focus, .timeline-header .custom-timeline-owner-profile:hover, a, a:active, a:focus, a:hover, a:visited {
        text-decoration: none;
        outline: 0
    }

        .cards-base p a:focus, .cards-base p a:hover, .e-entry-title .link:focus, .e-entry-title .link:hover, .footer a.expand:focus, .footer a.expand:hover, .retweet-credit a:focus, .retweet-credit a:hover, .timeline-header a:focus, .timeline-header a:hover, a.long-permalink:focus, a.long-permalink:hover, a.permalink:focus, a.permalink:hover, a:focus b, a:focus span, a:hover b, a:hover span, h3 a:focus, h3 a:hover {
            text-decoration: underline
        }

        .SandboxRoot, .cards-base p, .cards-base p a, .custom-timeline-owner-profile .p-name, .p-author .profile .p-name, .p-author a.profile:focus .p-name, .p-author a.profile:hover .p-name, .timeline-header .custom-timeline-summary, .timeline-header .custom-timeline-summary a:link, .timeline-header .custom-timeline-summary a:visited {
            color: #292f33
        }

        .customisable, .customisable-highlight:focus, .customisable-highlight:hover, .customisable:active, .customisable:focus, .customisable:hover, .customisable:link, .customisable:visited, a:focus .customisable-highlight, a:hover .customisable-highlight {
            color: #1b95e0
        }

.byline, .cards-base .byline-user, .no-more-pane, .no-tweets-pane p, .p-geo, .retweet-credit, .stats span, .timeline-header .list-description {
    color: #707070
}

    .no-tweets-pane .load-tweets, .nsfw, .p-author a.profile:focus, .p-author a.profile:hover, .retweet-credit .profile:focus, .retweet-credit .profile:hover, .stats strong, a:active, a:focus, a:hover {
        color: #66757f
    }

.tweet-box-button {
    color: #aaa
}

.customisable-border {
    border: 1px solid #e8e8e8
}

.collapse-geo .p-geo b, .collapse-media-tag .media-tag b, .e-entry-title a .tco-hidden, .ic-twitter-badge b, .tweet-actions b, .verified b, abbr.p-geo b {
    position: absolute;
    top: 0;
    left: 0;
    clip: rect(0,0,0,0)
}

.ic-bird-flourish, .ic-button-bird, .ic-mask, .ic-play, .ic-rt, .ic-top, .ic-twitter-alert, .ic-twitter-badge, .verified {
    display: inline-block;
    vertical-align: middle;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 177px 241px
}

.verified {
    width: 15px;
    height: 17px;
    margin-left: -21px;
    vertical-align: -25%;
    background-position: 0 -161px
}

.ic-twitter-badge {
    width: 18px;
    height: 15px;
    background-position: -20px -161px
}

.ic-top {
    display: inline-block;
    width: 12px;
    height: 10px;
    margin: 2px 4px 0 0;
    vertical-align: top;
    background-position: 0 -181px
}

.ic-twitter-alert {
    width: 16px;
    height: 12px;
    margin: 0 3px 3px 0;
    background-position: -80px -142px
}

.ic-bird-flourish {
    display: block;
    width: 32px;
    height: 20px;
    margin: 12px auto 0;
    background-position: -40px -161px
}

.ic-button-bird {
    width: 16px;
    height: 16px;
    margin: 0 3px 0 0;
    background-position: -73px -160px
}

.ic-play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 64px;
    height: 64px;
    margin: -32px 0 0 -32px;
    background-position: -108px -175px
}

.ic-mask {
    width: 12px;
    height: 13px;
    background-color: #999
}

a:focus .ic-mask, a:hover .ic-mask {
    background-color: #1da1f2
}

.ic-reply {
    width: 19px;
    height: 15px;
    background-position: 0 -87px
}

.ic-retweet {
    width: 22px;
    height: 15px;
    background-position: -31px -87px
}

.ic-fav {
    width: 16px;
    height: 15px;
    background-position: -60px -87px
}

.ic-like {
    width: 16px;
    height: 15px;
    background-position: -159px -87px
}

.ic-con, .ic-geo, .ic-people, .ic-pho, .ic-pla, .ic-sum {
    display: inline-block;
    width: 16px;
    height: 16px
}

.ic-geo {
    background-position: -100px -30px
}

.ic-pho {
    background-position: -60px -29px
}

.ic-sum {
    background-position: -120px -29px
}

.ic-pla {
    background-position: -80px -29px
}

.ic-con {
    background-position: -140px -29px
}

.ic-people {
    width: 14px;
    background-position: -160px -31px
}

.ic-rt {
    width: 14px;
    height: 16px;
    margin-right: 4px;
    background-position: -20px -2px
}

.timeline {
    max-width: 520px;
    margin-bottom: 10px;
    background-color: #fff;
    border-radius: 5px
}

    .timeline .stream {
        position: relative;
        width: 100%;
        overflow-x: hidden;
        overflow-y: scroll
    }

    .timeline.pending-scroll-in .stream .h-feed {
        -webkit-transition: margin-top .5s ease-out;
        -moz-transition: margin-top .5s ease-out;
        -o-transition: margin-top .5s ease-out;
        transition: margin-top .5s ease-out
    }

.timeline-footer, .timeline-header {
    position: relative;
    z-index: 100
}

.timeline-header {
    padding: 12px;
    border-width: 0 0 1px;
    box-shadow: 0 0 0 -3px transparent;
    -webkit-transition: box-shadow .3s ease-out;
    -moz-transition: box-shadow .3s ease-out;
    -o-transition: box-shadow .3s ease-out;
    transition: box-shadow .3s ease-out
}

.scrolled-down .timeline-header {
    box-shadow: 0 0 10px -3px #ccc
}

.timeline-header h1.summary {
    font-weight: 700
}

.timeline-header .follow-button, .timeline-header .ic-twitter-badge, .timeline-header .twitter-follow-button {
    position: absolute;
    top: 10px;
    right: 10px
}

.ic-twitter-badge {
    border: 1px solid transparent;
    border-radius: 3px
}

    .ic-twitter-badge:focus {
        border-color: #00acee
    }

.new-tweets-bar {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 100;
    display: none;
    width: auto;
    margin-top: -2px;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in;
    -moz-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in
}

.pending-new-tweet-display .new-tweets-bar {
    display: block
}

.pending-new-tweet .new-tweets-bar {
    opacity: 1
}

.new-tweets-bar button {
    width: 100%;
    padding: 10px 0;
    color: #fff;
    text-align: center;
    background-color: #222;
    background-color: rgba(0,0,0,.87);
    border-width: 0
}

    .new-tweets-bar button:focus, .new-tweets-bar button:hover {
        text-decoration: underline;
        cursor: pointer
    }

button.load-more {
    display: block;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255,255,255,.4);
    cursor: pointer;
    background-color: #fcfcfc;
    background-color: rgba(0,0,0,.02);
    border: 0;
    box-shadow: inset 0 3px 8px rgba(0,0,0,.05);
    -webkit-transition: background-color .2s ease-out;
    -moz-transition: background-color .2s ease-out;
    -o-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out
}

    button.load-more:focus, button.load-more:hover {
        text-decoration: underline;
        background-color: #eee;
        background-color: rgba(0,0,0,.08)
    }

.no-more-pane {
    display: none;
    padding: 12px;
    text-align: center
}

.empty-timeline button.load-more, .no-more button.load-more {
    display: none
}

.no-more .no-more-pane {
    display: block
}

.no-tweets-pane {
    margin: 30px 0;
    text-align: center
}

    .no-tweets-pane p {
        margin: 24px 12px;
        text-align: center
    }

    .no-tweets-pane .load-tweets, .nsfw .display-sensitive-image {
        padding: 5px 10px;
        margin: 5px auto;
        font-weight: 700;
        line-height: 18px;
        text-align: center;
        text-shadow: 0 1px 0 rgba(255,255,255,.5);
        cursor: pointer;
        background-color: #dedede;
        background-color: rgba(0,0,0,.15);
        background-image: -webkit-linear-gradient(#fff,#ddd);
        background-image: linear-gradient(#fff,#ddd);
        border: 1px solid #ccc;
        border-color: rgba(0,0,0,.2);
        border-radius: 4px
    }

        .no-tweets-pane .load-tweets:active, .no-tweets-pane .load-tweets:focus, .no-tweets-pane .load-tweets:hover, .nsfw .display-sensitive-image:active, .nsfw .display-sensitive-image:focus, .nsfw .display-sensitive-image:hover {
            background-color: #f8f8f8;
            background-color: rgba(0,0,0,.5);
            background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,.15));
            background-image: linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,.15));
            border-color: #bbb;
            border-color: rgba(0,0,0,.27)
        }

        .no-tweets-pane .load-tweets:active, .nsfw .display-sensitive-image:active {
            background-color: #efefef;
            box-shadow: inset 0 3px 5px rgba(0,0,0,.1)
        }

.has-tweets .no-tweets-pane {
    display: none
}

.timeline-footer {
    padding: 6px 10px;
    background: #e8e8e8;
    background: rgba(0,0,0,.1)
}

    .timeline-footer a.widget-link {
        display: block;
        padding: 10px;
        text-align: center
    }

.tweet-box-button {
    display: block;
    width: 100%;
    padding: 6px;
    text-align: left;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px
}

    .tweet-box-button:focus, .tweet-box-button:hover {
        cursor: pointer;
        border-color: #999;
        border-color: rgba(0,0,0,.4)
    }

a.tweet-box-button {
    width: auto
}

.tweet {
    padding: 12px 12px 10px 69px;
    border-width: 0 0 1px
}

    .tweet.with-expansion {
        cursor: pointer
    }

.header .avatar {
    position: absolute;
    top: 0;
    left: -57px;
    width: 48px;
    height: 48px;
    background: #fff;
    border-radius: 4px
}

.permalink {
    position: relative;
    z-index: 50;
    float: right;
    margin-top: 2px
}

.expand, .p-geo, .tweet-actions li {
    float: left
}

.tweet .e-entry-title {
    margin: 0 5px 0 0;
    clear: both;
    word-wrap: break-word;
    white-space: pre-wrap
}

.is-deciderHtmlWhitespace .e-entry-title {
    white-space: normal
}

.tweet .e-entry-title[dir=ltr] {
    text-align: left;
    direction: ltr
}

.rtl, .rtl .follow-button, .rtl .tweet-box-button, .tweet .e-entry-title[dir=rtl] {
    text-align: right;
    direction: rtl
}

.inline-media {
    max-width: 100%;
    margin: 10px 0 0;
    overflow: hidden
}

.tweet .retweet-credit {
    margin: 3px 0
}

.tweet .twitter-alerts {
    margin-top: 6px
}

.tweet-actions {
    position: absolute;
    right: 0;
    bottom: 1px;
    background: #fff;
    visibility: hidden;
    box-shadow: 0 0 10px 5px #fff
}

.expanded .tweet-actions, .is-touch .tweet-actions, .tweet:focus .tweet-actions, .tweet:hover .tweet-actions {
    visibility: visible
}

.tweet-actions a i {
    margin: 1px 0 0 8px;
    overflow: hidden
}

.tweet .tweet-actions a, .tweet .tweet-actions a b, .tweet .tweet-actions a i, .tweet .tweet-actions li {
    cursor: pointer;
    outline: 0
}

.twt-tweet .tweet-actions .ic-retweet {
    margin-top: 1px
}

.footer {
    zoom: 1;
    min-height: 16px;
    padding-top: 1px;
    margin-top: 2px;
    overflow: hidden;
    border-width: 0;
    -webkit-transition: margin-top .2s ease-out,padding-top .2s ease-out;
    -moz-transition: margin-top .2s ease-out,padding-top .2s ease-out;
    -o-transition: margin-top .2s ease-out,padding-top .2s ease-out;
    transition: margin-top .2s ease-out,padding-top .2s ease-out
}

.expanded .footer {
    padding-top: 11px;
    margin-top: 10px;
    border-width: 1px 0 0
}

.brand, .stats-narrow, .stats-wide {
    display: none;
    margin-left: .3em;
    border-width: 0
}

.expanded .stats-wide {
    display: inline-block;
    margin-top: -2px
}

.stats span {
    display: inline-block;
    margin-right: 3px;
    text-transform: uppercase
}

.stats strong {
    font-weight: 700
}

.detail-expander {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .3s ease-in;
    -moz-transition: max-height .3s ease-in;
    -o-transition: max-height .3s ease-in;
    transition: max-height .3s ease-in
}

.brand .ic-twitter-badge {
    margin: -4px 5px 0 0
}

.cards-base {
    padding: 13px 0 12px;
    border-width: 0;
    -webkit-transition: margin-top .3s ease-out;
    -moz-transition: margin-top .3s ease-out;
    -o-transition: margin-top .3s ease-out;
    transition: margin-top .3s ease-out
}

.expanded .cards-base {
    padding: 12px 0 0;
    margin-top: 12px;
    border-width: 1px 0 0
}

.cards-multimedia, .expanded .cards-multimedia {
    padding-top: 0;
    border-top: 0
}

.cards-base h3 {
    margin: 0 0 4px
}

.cards-content.cards-content-concise {
    margin-left: 10px
}

.rtl .cards-content.cards-content-concise {
    margin-right: 10px
}

.cards-base .cards-content p {
    margin: 5px 0 10px
}

.cards-multimedia .cards-content-concise .byline {
    margin-bottom: 8px
}

.cards-base .summary-thumbnail {
    float: right;
    max-width: 120px;
    max-height: 120px;
    margin: 4px 0 0 15px
}

.cards-base .summary-large-thumbnail {
    display: block;
    margin: 4px 0 5px
}

.cards-base .media {
    position: relative;
    margin: 0 0 8px;
    line-height: 0
}

.cards-base .source-user {
    position: relative;
    height: 16px;
    padding-left: 21px;
    margin: 10px 0;
    line-height: 16px
}

    .cards-base .source-user .avatar {
        position: absolute;
        top: -2px;
        left: 0;
        display: block;
        width: 16px;
        height: 16px;
        border-radius: 2px
    }

img.autosized-media {
    max-width: 100%;
    max-height: 375px
}

.custom-timeline-owner-profile {
    display: block;
    position: relative;
    height: 16px;
    padding-left: 21px;
    line-height: 16px
}

    .custom-timeline-owner-profile .verified {
        margin-right: 3px;
        margin-left: -38px
    }

.custom-timeline .timeline-header {
    border-bottom-width: 3px
}

.custom-timeline-owner-profile .avatar {
    position: absolute;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 2px
}

.custom-timeline .custom-timeline-summary {
    margin-bottom: 11px
}

.custom-timeline .custom-timeline-description {
    margin-bottom: 12px
}

.custom-timeline-owner-profile {
    margin-bottom: 4px
}

.nsfw {
    padding: 8px;
    background-color: #fcfcfc;
    background-color: rgba(0,0,0,.02);
    border-radius: 4px
}

.media-tag .tag-count {
    display: none
}

.collapse-media-tag .media-tag .tag-count {
    display: inline
}

.follow-button:link, .follow-button:visited {
    display: inline-block;
    padding: 0 5px 0 3px;
    font: 700 11px/18px 'Helvetica Neue',Arial,sans-serif;
    color: #333;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    white-space: nowrap;
    cursor: pointer;
    background-color: #eee;
    background-image: -webkit-linear-gradient(#fff,#dedede);
    background-image: linear-gradient(#fff,#dedede);
    border: 1px solid #ccc;
    border-radius: 3px
}

.ie9 .follow-button:link, .ie9 .follow-button:visited {
    border-radius: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dedede')"
}

.follow-button:active, .follow-button:focus, .follow-button:hover {
    color: #333;
    text-decoration: none;
    background-color: #d9d9d9;
    background-image: -webkit-linear-gradient(#f8f8f8,#d9d9d9);
    background-image: linear-gradient(#f8f8f8,#d9d9d9);
    border-color: #bbb;
    box-shadow: none
}

.thm-dark .timeline-header a.follow-button:active, .thm-dark .timeline-header a.follow-button:focus, .thm-dark .timeline-header a.follow-button:hover, .thm-dark .timeline-header a.follow-button:link, .thm-dark .timeline-header a.follow-button:visited, .timeline-header a.follow-button:active, .timeline-header a.follow-button:focus, .timeline-header a.follow-button:hover, .timeline-header a.follow-button:link, .timeline-header a.follow-button:visited {
    color: #333;
    text-decoration: none
}

.thm-dark a.follow-button:active, .thm-dark a.follow-button:focus, .thm-dark a.follow-button:hover, .thm-dark a.follow-button:link, .thm-dark a.follow-button:visited {
    color: #333
}

.ie9 .follow-button:active, .ie9 .follow-button:focus, .ie9 .follow-button:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#d9d9d9')"
}

.follow-button:active {
    background-color: #efefef;
    box-shadow: inset 0 3px 5px rgba(0,0,0,.1)
}

.follow-button:focus {
    border-color: #0089cb;
    outline: 0
}

.env-narrow .timeline-header .summary {
    font-size: 14px
}

.env-narrow .custom-timeline-summary {
    margin-bottom: 7px;
    font-size: 14px
}

.env-narrow .custom-timeline-description {
    margin-bottom: 10px
}

.env-narrow .cards-base h3, .env-narrow .e-entry-title, .env-narrow .header .profile .p-name, .env-narrow .timeline-header .byline, .env-narrow .timeline-header .list-description {
    font-size: 12px;
    line-height: 16px
}

.env-narrow .timeline-header {
    padding: 8px
}

.env-narrow .timeline-footer {
    padding: 4px
}

.env-narrow .timeline-header .follow-button, .env-narrow .timeline-header .twitter-follow-button {
    top: 6px;
    right: 6px
}

.env-narrow .tweet {
    padding: 5px 8px 6px
}

    .env-narrow .tweet .header {
        position: relative;
        min-height: 32px;
        padding: 0 0 4px 36px
    }

.env-narrow .header .avatar {
    top: 2px;
    left: 0;
    width: 32px;
    height: 32px
}

.env-narrow .header .profile .p-nickname::before {
    white-space: pre;
    content: "\A"
}

.env-narrow .header .p-name {
    display: inline
}

.env-narrow .header .p-nickname {
    line-height: 16px
}

.env-narrow .permalink {
    font-size: 11px
}

.env-narrow .expanded .stats-wide {
    display: none
}

.env-narrow .brand, .env-narrow .expanded .stats-narrow {
    display: block;
    margin: 0 0 4px;
    font-size: 11px
}

.var-footerless .timeline-footer, .var-headerless .timeline-header, .var-preview .load-more, .var-static .load-more {
    display: none
}

.env-narrow .cards-base .summary-thumbnail {
    max-width: 60px;
    max-height: 60px
}

.rtl .p-nickname {
    text-align: left;
    direction: ltr
}

.rtl .cards-base .summary-thumbnail, .rtl .permalink, .rtl .tweet-actions {
    float: left
}

    .rtl .expand, .rtl .p-geo, .rtl .tweet-actions li {
        float: right
    }

.rtl .permalink {
    clear: left
}

.rtl .custom-timeline-owner-profile {
    padding-right: 21px;
    padding-left: 0
}

    .rtl .custom-timeline-owner-profile .avatar {
        right: 0
    }

.rtl .tweet {
    padding: 12px 69px 10px 12px
}

.env-narrow .rtl .tweet {
    padding: 5px 8px 6px
}

.rtl .header .avatar {
    right: -57px;
    left: auto
}

.env-narrow .rtl .tweet .header {
    padding: 0 36px 4px 0
}

.env-narrow .rtl .header .avatar {
    right: 0
}

.rtl .tweet-actions {
    right: auto;
    left: 0
}

.rtl .timeline-header .follow-button, .rtl .timeline-header .ic-twitter-badge, .rtl .timeline-header .twitter-follow-button {
    position: absolute;
    right: auto;
    left: 12px
}

.env-narrow .rtl .timeline-header .follow-button, .env-narrow .rtl .timeline-header .twitter-follow-button {
    right: auto;
    left: 6px
}

.rtl .cards-base .source-user {
    padding: 0 21px 0 0
}

    .rtl .cards-base .source-user .avatar {
        right: 0;
        left: auto
    }

.rtl .follow-button {
    padding: 0 3px 0 5px
}

.rtl .ic-top {
    margin: 2px 0 0 4px
}

.rtl .ic-twitter-alert {
    margin: 0 0 3px 3px
}

.rtl .ic-rt {
    margin: 0 0 0 4px
}

.rtl .expand .ic-mask, .rtl .p-geo .ic-mask {
    margin: 0 0 0 2px
}

.rtl .ic-button-bird, .rtl .stats span {
    margin: 0 0 0 3px
}

.rtl .verified {
    margin-right: -21px;
    margin-left: 0
}

.thm-dark {
    background-color: #333
}

    .thm-dark .scrolled-down .timeline-header {
        box-shadow: 0 0 10px -3px #000
    }

    .thm-dark .ic-twitter-badge {
        border-color: transparent
    }

        .thm-dark .ic-twitter-badge:focus {
            border-color: #00acee
        }

    .thm-dark .timeline-footer {
        background-color: #333;
        background-color: rgba(0,0,0,.2)
    }

    .thm-dark .load-more, .thm-dark .nsfw, .thm-dark .tweet-box-button {
        background-color: #4a4a4a;
        background-color: rgba(0,0,0,.64)
    }

    .thm-dark .load-more {
        text-shadow: 0 1px 0 rgba(0,0,0,.6)
    }

        .thm-dark .load-more:active, .thm-dark .load-more:focus, .thm-dark .load-more:hover {
            background-color: #666;
            background-color: rgba(0,0,0,.39)
        }

    .thm-dark .tweet-actions {
        background-color: #333;
        box-shadow: 0 0 10px 5px #333
    }

    .thm-dark .customisable, .thm-dark .customisable-highlight:focus, .thm-dark .customisable-highlight:hover, .thm-dark .customisable:active, .thm-dark .customisable:focus, .thm-dark .customisable:hover, .thm-dark .customisable:link, .thm-dark .customisable:visited, .thm-dark a:focus .customisable-highlight, .thm-dark a:hover .customisable-highlight {
        color: #87c2ed
    }

    .thm-dark a:focus .ic-mask, .thm-dark a:hover .ic-mask {
        background-color: #87c2ed
    }

    .thm-dark, .thm-dark .byline, .thm-dark .cards-base p, .thm-dark .cards-base p a, .thm-dark .custom-timeline-owner-profile .p-name:focus, .thm-dark .p-author .profile .p-name, .thm-dark .p-author a.profile:focus .p-name .thm-dark .custom-timeline-owner-profile .p-name:hover, .thm-dark .p-author a.profile:hover .p-name, .thm-dark .timeline-header .list-description, .thm-dark .timeline-header .summary, .thm-dark .timeline-header a:link, .thm-dark .timeline-header a:visited {
        color: #cfcfcf
    }

        .thm-dark .custom-timeline-owner-profile .p-name, .thm-dark .custom-timeline-summary {
            color: #e5e5e5
        }

        .thm-dark .custom-timeline-description, .thm-dark .custom-timeline-owner-profile .p-nickname {
            color: #999
        }

        .thm-dark .cards-base .byline-user, .thm-dark .no-more-pane, .thm-dark .no-tweets-pane p, .thm-dark .p-geo, .thm-dark .retweet-credit, .thm-dark .stats span, .thm-dark a:link, .thm-dark a:visited {
            color: #a0a0a0
        }

            .thm-dark .custom-timeline-owner-profile:focus, .thm-dark .custom-timeline-owner-profile:hover, .thm-dark .no-tweets-pane .load-tweets, .thm-dark .nsfw, .thm-dark .p-author a.profile:focus, .thm-dark .p-author a.profile:hover, .thm-dark .retweet-credit .profile:focus, .thm-dark .retweet-credit .profile:hover, .thm-dark .stats strong, .thm-dark a:active, .thm-dark a:focus, .thm-dark a:hover {
                color: #bbb
            }

        .customisable-border.thm-dark, .thm-dark .customisable-border {
            border-color: #444
        }

        .thm-dark .tweet-box-button {
            border-color: #222
        }

        .thm-dark .ic-mask {
            background-color: #999
        }

        .is-touch .tweet-actions .ic-mask, .thm-dark.var-chromeless .tweet-actions .ic-mask, .var-chromeless .footer .ic-mask, .var-chromeless .thm-dark .tweet-actions .ic-mask, .var-chromeless .tweet-actions .ic-mask {
            background-color: transparent
        }

        .thm-dark .tweet-actions .ic-reply {
            background-position: 0 -116px
        }

        .thm-dark .tweet-actions .ic-retweet {
            background-position: -31px -116px
        }

        .thm-dark .tweet-actions .ic-fav {
            background-position: -60px -116px
        }

        .thm-dark .tweet-actions .ic-like {
            background-position: -159px -116px
        }

        .thm-dark .ic-pho {
            background-position: -60px -59px
        }

        .thm-dark .ic-pla {
            background-position: -80px -59px
        }

        .thm-dark .ic-geo {
            background-position: -100px -60px
        }

        .thm-dark .ic-sum {
            background-position: -120px -59px
        }

        .thm-dark .ic-con {
            background-position: -140px -59px
        }

        .thm-dark .ic-people {
            background-position: -160px -59px
        }

.is-touch .tweet-actions a {
    padding-left: 10px
}

.is-touch.env-narrow .tweet-actions a {
    padding-left: 0
}

.is-touch .tweet-actions .ic-reply, .var-chromeless .tweet-actions .ic-reply {
    background-position: -80px -84px
}

.is-touch .tweet-actions .ic-retweet, .var-chromeless .tweet-actions .ic-retweet {
    background-position: -82px -102px
}

.is-touch .tweet-actions .ic-fav, .var-chromeless .tweet-actions .ic-fav {
    background-position: -82px -123px
}

.is-touch .tweet-actions .ic-like, .var-chromeless .tweet-actions .ic-like {
    background-position: 0 -194px
}

.is-touch .tweet-actions a:active .ic-reply, .is-touch .tweet-actions a:focus .ic-reply, .is-touch .tweet-actions a:hover .ic-reply, .var-chromeless .tweet-actions a:active .ic-reply, .var-chromeless .tweet-actions a:focus .ic-reply, .var-chromeless .tweet-actions a:hover .ic-reply {
    background-position: -103px -84px
}

.is-touch .tweet-actions a:active .ic-retweet, .is-touch .tweet-actions a:focus .ic-retweet, .is-touch .tweet-actions a:hover .ic-retweet, .var-chromeless .tweet-actions a:active .ic-retweet, .var-chromeless .tweet-actions a:focus .ic-retweet, .var-chromeless .tweet-actions a:hover .ic-retweet {
    background-position: -109px -102px
}

.is-touch .tweet-actions a:active .ic-fav, .is-touch .tweet-actions a:focus .ic-fav, .is-touch .tweet-actions a:hover .ic-fav, .var-chromeless .tweet-actions a:active .ic-fav, .var-chromeless .tweet-actions a:focus .ic-fav, .var-chromeless .tweet-actions a:hover .ic-fav {
    background-position: -103px -122px
}

.is-touch .tweet-actions a:active .ic-like, .is-touch .tweet-actions a:focus .ic-like, .is-touch .tweet-actions a:hover .ic-like, .var-chromeless .tweet-actions a:active .ic-like, .var-chromeless .tweet-actions a:focus .ic-like, .var-chromeless .tweet-actions a:hover .ic-like {
    background-position: -21px -193px
}

.timeline.var-chromeless, .var-chromeless .timeline {
    margin-bottom: 10px;
    background-color: transparent;
    border: 0;
    border-radius: 0
}

.var-chromeless .timeline-header {
    padding: 12px 0
}

.var-chromeless .tweet {
    padding: 12px 2px 10px 58px
}

.env-narrow .var-chromeless .tweet, .env-narrow.var-chromeless .tweet {
    padding: 12px 2px 10px 0
}

.var-chromeless .rtl .tweet, .var-chromeless.rtl .tweet {
    padding: 12px 58px 10px 2px
}

.env-narrow .var-chromeless.rtl .tweet, .env-narrow.var-chromeless .rtl .tweet {
    padding: 12px 0 10px 2px
}

.var-chromeless .permalink {
    padding: 0 2px 0 0
}

.var-chromeless .rtl .permalink, .var-chromeless.rtl .permalink {
    padding: 0 0 0 2px
}

.var-chromeless .timeline-footer {
    padding: 6px
}

.var-chromeless .ic-geo {
    background-position: -100px 0
}

.var-chromeless .ic-pho {
    background-position: -60px -2px
}

.var-chromeless .ic-sum {
    background-position: -120px -2px
}

.var-chromeless .ic-pla {
    background-position: -80px -2px
}

.var-chromeless .ic-con {
    background-position: -140px -2px
}

.var-chromeless .ic-people {
    background-position: -160px -2px
}

.var-chromeless .tweet-actions {
    background: 0;
    box-shadow: none
}

.var-chromeless span.p-geo {
    padding: 0 90px 0 0
}

.var-chromeless .rtl span.p-geo, .var-chromeless.rtl span.p-geo {
    padding: 0 0 0 90px
}

.var-chromeless button.load-more {
    width: 98%;
    margin: 4px;
    text-shadow: none;
    border: 1px solid #ccc;
    border-radius: 4px
}

.var-borderless, .var-borderless .customisable-border {
    border: 0
}

    .var-borderless .expanded .cards-base, .var-borderless .expanded .footer {
        margin: 0
    }

    .var-borderless .expanded .cards-multimedia {
        margin-top: 2px
    }

    .var-borderless .expanded .footer {
        padding-top: 5px;
        margin: 0
    }

.var-static .stream {
    overflow-y: visible
}

.var-static .tweet.with-expansion {
    cursor: default
}

.withheld {
    padding: 12px 12px 10px;
    border-width: 0 0 1px
}

.env-narrow .withheld {
    padding: 5px 8px 6px
}

.var-chromeless .withheld {
    padding: 12px 2px 10px 0
}

.var-chromeless .rtl .withheld, .var-chromeless.rtl .withheld {
    padding: 12px 0 10px 2px
}

.withheld-text a:focus, .withheld-text a:hover {
    text-decoration: underline
}

.timeline .withheld-title {
    font-size: 14px
}

.env-narrow .withheld-title {
    font-size: 12px
}

.Emoji--forText, .twitter-emoji {
    width: 1.25em;
    height: 1.25em;
    padding: 0 .05em 0 .1em;
    vertical-align: -.2em
}

.Emoji--forLinks, a .twitter-emoji {
    padding-top: .15em;
    line-height: 1.25em;
    letter-spacing: 1.1em;
    background-position: .1em;
    background-repeat: no-repeat;
    background-size: 1.25em 1.25em;
    -moz-user-select: none;
    -ms-user-select: none
}

.thm-dark a:focus .ic-reply, .thm-dark a:hover .ic-reply, a:focus .ic-reply, a:hover .ic-reply {
    background-color: #1da1f2
}

.thm-dark a:focus .ic-retweet, .thm-dark a:hover .ic-retweet, a:focus .ic-retweet, a:hover .ic-retweet {
    background-color: #19cf86
}

.thm-dark a:focus .ic-fav, .thm-dark a:hover .ic-fav, a:focus .ic-fav, a:hover .ic-fav {
    background-color: #fab81e
}

.thm-dark a:focus .ic-like, .thm-dark a:hover .ic-like, a:focus .ic-like, a:hover .ic-like {
    background-color: #e81c4f
}

@media print {
    .ic-mask {
        display: none
    }
}

.col1, .col2 {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding: 00px;
}

.infoBox {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    min-height: 200px;
    border: thin solid #CCC;
    border-top: none;
    margin: 0px;
}

    .infoBox h1 {
        font-family: 'Arial';
    }

    .infoBox h4 {
        font-family: 'Arial';
        color: #fff;
        margin: 0px;
        padding: 10px;
    }

    .infoBox .block {
        margin: 0px;
        display: inline-block;
        width: 50%;
    }

    .infoBox .ph3 {
        margin: 2px 0px 0px 5px;
        color: #333;
    }



    .infoBox p {
        display: block;
        padding-left: 10px;
        padding-right: 20px;
        vertical-align: top;
    }

.link-button {
    display: block;
    font-family: Arial;
    font-weight: bold;
    font-size: 11pt;
    color: #fff !important;
    text-align: center;
    margin:5px;
    padding: 7px;
    text-decoration: none;
    border-radius: 10px 10px 10px 10px;
}

    .link-button:hover {
        background-color: #253b73;
    }

body {
    position: relative;
    padding: 0px;
    margin: 0px;
    background-image: url(/images/coffee-bean-background.jpg);
    background-position: bottom;
    background-size: 100%;
    background-attachment: fixed;
    width: auto;
    min-height: 1600px;
}



#body-content {
    padding: 0px;
    max-width: 1000px;
    min-height: 1600px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
}

.social-box {
    margin-top: 20px;
    height: 160px;
    overflow: scroll;
    overflow-x: hidden;
}

    .social-box ul li a img {
        float: right;
        display: block;
        width: 60%;
    }




.facebook-posts {
    display: inline-block;
    font-family: Arial;
    list-style: none;
    list-style-image: none;
    padding: 0px;
    padding-bottom: 10px;
}

    .facebook-posts li {
        font-family: Arial;
        font-size: 10pt;
        color: #6F1202;
        padding: 10px;
        border-bottom: 2px inset #fff;
    }

        .facebook-posts li a {
            color: #6F1202;
            text-decoration: none;
        }

.twitter-posts {
    font-family: Arial;
    list-style: none;
    list-style-image: none;
    padding: 0px;
    padding-bottom: 10px;
    margin: 0px;
}

    .twitter-posts li {
        font-family: Arial;
        font-size: 10pt;
        color: #6F1202;
        padding: 10px;
        border-bottom: 2px inset #fff;
    }

        .twitter-posts li a {
            color: #6F1202;
            font-weight: bold;
            text-decoration: none;
        }


#main-content-wrapper {
    display: block;
    padding: 0px;
    background-color: #fff;
    max-width: 1000px;
    min-height: 1665px;
    margin: 0px;
}

#ukv-header-content {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding: 15px;
    background-color: #FFF;
}


/*         Banners                       */

.flavia-barista-banner {
    background-image: url(/images/banners/barista-coffee-machine.png);
    text-align: left;
    font-family: Arial;
}

    .flavia-barista-banner a {
        color: #000;
    }

        .flavia-barista-banner a div {
            padding-left: 40px;
        }

        .flavia-barista-banner a strong {
            padding-left: 40px;
            font-size: 24pt;
        }


#banner-content {
    display: inline-block;
    width: 100%;
    background-color: #fff;
    /*height: 310px;*/
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}

.banner ul li a {
    text-decoration: none;
}

#main-content {
    background-color: #fff;
    display: inline-block;
    width: 720px;
    height: 100%;
    /*padding: 10px;*/
}

    #main-content ph1 {
        font-family: Arial;
        font-size: 16pt;
    }

.machine_image_box, .machine_info_box {
    display: inline-block;
    width: 50%;
}

#main-content img {
    margin: 0px;
    max-width: 100%;
    max-height: 500px;
}

#main-content .grid_3 {
    display: block;
    width: 100%;
    padding-right: 20px;
}

#main-content .row {
    /*float:left;	*/
    width: 100%;
    /*padding-bottom:10px;*/
    /*margin: 10px;*/
}

#side-content {
    display: block;
    background-color: #fff;
    float: right;
    height: 100%;
    width: 25%;
    margin: 0px;
    padding: 0px;
}

.ukv-header-logo {
    display: inline-block;
    vertical-align: top;
    float: left;
    background-image: url(/images/new-ukv-logo.jpg);
    background-position: center;
    background-repeat: no-repeat;
    height: 80px;
}

    .ukv-header-logo::before {
        content: "";
        float: left;
        display: inline-block;
        height: 20px;
        width: 259px;
    }




.ukv-telephone {
    display: block;
    vertical-align: top;
    padding: 0px;
    padding-right: 10px;
    margin-top: 10px;
    width: 100%;
    text-align: right;
    height: 60px;
    font-family: 'Gotham-Bold', gothamBold1;
    font-size: 38pt;
    color: #203370;
}

    .ukv-telephone::before {
        clear: both;
        content: "";
        background-image: url(/images/icons/ukvsprites.gif);
        background-position: -0px 0px;
        width: 40px;
        height: 40px;
        margin-right: 20px;
    }

#ukv-request-callback {
    display: inline-table;
    float: right;
    width: 200px;
}

#ukv-search-bar {
    display: block;
    width: 100%;
    text-align: right;
}

    #ukv-search-bar form {
        margin: 0px;
        padding: 0px;
    }

.ukv-search-bar-button {
    display: inline-block;
    background-image: url(/images/icons/ukvsprites.gif);
    background-position: -90px -180px;
    height: 21px;
    width: 21px;
    border: 0px;
    padding: 0px;
    margin: 0px;
}


#ukv-header-links {
    border-radius: 10px 10px 0px 0px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #F4F7F9;
    display: inline-table;
    color: #000;
    border: 1px outset #FFFFFF;
    width: 100%;
    padding: 0px;
    margin: 0px;
    padding: 2px;
}

    #ukv-header-links ul {
        padding: 0px;
        margin: 0px;
        width: 100%;
        height: 20px;
        text-align: center;
        overflow: hidden;
        list-style-image: none;
        min-height: 20px;
        display: table-row;
    }



        #ukv-header-links ul li {
            display: inline-block;
            text-align: center;
            font-family: Arial;
            font-size: 11.0pt;
            list-style: none;
            padding: 2px;
            width: 4000px;
            display: table-cell;
        }

            #ukv-header-links ul li a {
                text-decoration: none;
                color: #999;
                text-shadow: 1px 1px 1px #fff;
            }

                #ukv-header-links ul li a:hover {
                    color: #000;
                }

#ukv-header-sub-links {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0px 0px 10px 10px;
    border: 1px outset #ffffff;
    border-top: 0px;
    display: inline-table;
    width: 100%;
    padding: 0px;
    margin-top: 0px;
    margin-left: 0px;
    background-color: #F0F0F0;
}

    #ukv-header-sub-links ul {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0px;
        margin: 0px;
        columns: 4;
        width: 100%;
        text-align: center;
        overflow: hidden;
        list-style-image: none;
        display: table-row;
    }



        #ukv-header-sub-links ul li {
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 10px;
            text-align: center;
            font-family: Arial;
            font-size: 10.0pt;
            list-style: none;
            width: 400px;
            display: table-cell;
        }

            #ukv-header-sub-links ul li a {
                text-decoration: none;
                color: #555;
                text-align: center;
            }

            #ukv-header-sub-links ul li#home {
                background-image: url(/images/home.png);
                width: 19px;
                height: 18px;
            }

.banner {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    overflow: auto;
    width: 100%;
}

    .banner li {
        list-style: none;
        width: 100%;
    }

    .banner ul {
        padding: 0px;
        margin-top: 0px;
    }

        .banner ul li {
            float: left;
            width: 100%;
            background-size: cover;
            background-position: center;
        }



.banner-slider-box {
    display: inline-block;
    width: 100%;
    height: auto;
    margin: 0px;
    overflow: hidden;
    max-height: 290px;
    border-radius: 0px 15px 15px 0px;
    max-width: 720px;
}

/*******************************************************************************************************************
    Quick Quote Box   
 */

#quick-quote-box {
    transition: height 2s;
    -webkit-transition: height 2s;
    /* float: left; */
    width: 100%;
    height: auto;
    /* margin-top: 20px; */
    /* margin-bottom: 20px; */
    background-color: #1c8255;
    border-radius: 15px 0px 0px 15px;
}



    #quick-quote-box:target::before {
        content: "";
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -400;
        background-color: rgba(0,0,0,0.6);
    }

    #quick-quote-box:target {
        position: fixed;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 600px;
        min-height: 10em;
        height: auto;
        z-index: 1000;
        vertical-align: middle;
        animation-name: vspin;
        animation-duration: 1s;
        border-radius:15px 15px 15px 15px;
    }

        #quick-quote-box:target .close {
            float: right;
            display: block;
            position: absolute;
            top: 10px;
            right: 10px;
            width: 50px;
            height: 20px;
            border: outset 2px #1c8255;
            border-radius: 10px 10px 10px 10px;
            background-color: #1c8255;
            color: white;
            text-align: center;
            vertical-align: center;
        }

    #quick-quote-box .close {
        display:none;
    }

    #quick-quote-box input[type=submit] {
        background-color: #00522e;
    }



#quick-quote-title {
    font-family: Arial;
    font-weight: 100;
    font-size: 16pt;
    color: #FFF;
    text-align: center;
    width: 100%;
    display: block;
    padding-top: 5px;
}

#quick-quote-title-mobile {
    display: none;
    margin: 5px;
    font-family: Arial;
    font-weight: 100;
    font-size: 18pt;
    color: #FFF;
    text-align: center;
    width: 100%;
}

.quick-quote-string {
    box-sizing: border-box;
    font-family: Arial;
    font-size: 11pt;
    color: #555;
    margin-bottom: 9px;
    /*margin-left: 16px;*/
    padding-left: 4px;
    width: 100%;
    height: 25px;
    background-color: #FFF;
    border: 0px;
    border-radius: 4px 4px 4px 4px;
}

.quick-quote-option select {
    background: transparent;
    width: 100%;
    padding: 5px;
    font-size: 16px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 34px;
    -webkit-appearance: none;
}

.quote-button {
    width: 100%;
    padding: 7px;
    font-family: gothamBold1,'Gotham Bold';
    font-size: 11.5pt;
    color: #FFF;
    border: 0px;
    font-weight: 100;
    margin-bottom: 10px;
    border-radius: 10px 10px 10px 10px;
}

#quoteError {
    box-sizing: border-box;
    color: red;
    padding: 10px;
    width: 100%;
    border: 2px solid red;
    font-size: 8pt;
    display: none;
    resize: none;
}

#quick-quote-form {
    margin: 13px;
}

@keyframes vspin {
    0% {
        background-size: 100% 100%
    }

    50% {
        background-size: 80% 100%
    }

    100% {
        background-size: 100% 100%
    }
}



#QQnumberUsers, #QQlocation, #QQpayment, #QQmainsWater, #QQMessage {
    height: 0px;
    padding: 0px;
    height: 0px;
    overflow: hidden;
    transition: height 1s ease-out;
}

.more-info-buttom {
    width: 100px;
    font-family: gothamBold1,'Gotham Bold';
    font-size: 11.5pt;
    color: #FFF;
    border: 0px;
    font-weight: 100;
    text-align: center;
    padding: 7px;
    margin: 0px;
    margin-bottom: 0px;
    text-decoration: none;
    vertical-align: bottom;
    border-radius: 10px 10px 10px 10px;
}

.more-info-half {
    width: 50px;
}

.bottom-corner {
    position: absolute;
    bottom: 1.2em;
    right: 1.2em;
    /*width: 50%;*/
}

.get-quote-button {
    width: 113px;
    padding: 7px;
    font-family: gothamBold1,'Gotham Bold';
    font-size: 11.5pt;
    color: #FFF;
    border: 0px;
    font-weight: 100;
    border-radius:10px 10px 10px 10px;
}



/******************************************************************************************************
    Content box
    */

.content-box {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 00px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: left bottom;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

    .content-box ph1 {
        margin: 0px;
        font-size: 13pt !important;
    }

    .content-box ph2 {
        line-height: 1.5em;
    }

    .content-box ph3 {
        font-weight: bold;
        line-height: 1.5em;
        font-size: 10.5pt;
    }

    .content-box ph4 {
        font-size: 9.5pt;
        margin-bottom: 0px;
    }

    .content-box p {
        font-size: 9.0pt;
        line-height: 1.5em;
        color: #666;
        width: 95%;
    }

    .content-box ul li {
        font-size: 9.0pt;
        line-height: 1.5em;
        color: #111;
        width: 95%;
        font-family: Arial !important;
    }



.content-box-half {
    width: 44%;
}

.content-box ul {
    margin-left: 20px;
    font-family: Arial;
    font-size: 9.5pt;
    color: #666;
}

/*****************************************************************************************************
    Product list box 
   */


.product-box {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    position: relative;
    color: #FFFFFF;
    /*adding-right:10px; 
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 0px;*/
    padding: 5px;
    width: 50%;
    height: 280px;
    
}

.product-box-inner a {
    text-decoration:none !important;
}

.product-box-inner {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    min-height: 245px;
    height: 100%;
    /*/background-color: #F4F7F9;*/
    background-image: linear-gradient(#eee,#fff);
    background-image: -webkit-linear-gradient(#eee,#fff);
    margin: 0px;
    padding: 15px;
    padding-bottom: 0px;
    background-repeat: no-repeat;
    background-position: left bottom;
    border-radius: 10px 10px 10px 10px;
}

    .product-box-inner .ph1 {
        padding: 5px;
        margin: 0px;
        font-family: Arial;
        font-size: 17pt;
        font-weight: 100;
        padding-top: 0px;
        color: #4182CE;
    }

    .product-box-inner .ph2 {
        font-family: Arial;
        font-size: 9.0pt;
        margin-left: 8px;
        margin-bottom: 15px;
        margin-top: 0px;
        padding: 0px;
        font-weight: 400;
        color: #4182CE;
    }

    .product-box-inner .ph3 {
        text-align: left;
        font-family: Arial;
        font-size: 9pt;
        font-weight: 400;
        color: #111;
        padding: 2px;
        margin: 0px;
    }

.b-lazy {
    -webkit-transition: opacity 500ms ease-in-out;
    -moz-transition: opacity 500ms ease-in-out;
    -o-transition: opacity 500ms ease-in-out;
    transition: opacity 500ms ease-in-out;
    max-width: 100%;
    opacity: 0;
}

    .b-lazy.b-loaded {
        opacity: 1;
    }

.diesis-background {
    background-size: 120px;
}

.machine-rental-background {
    background-image: url(/images/machine-rental.png);
    background-size: 120px;
}

.water-delivery-background {
    background-image: url(/images/waterdelivery.png);
    background-size: 120px;
}

.online-shop-background {
    background-image: url(/images/banners/online-shop.png);
    background-size: 78%;
}

.full-width {
    width: 100%;
}

.product-box-links a {
    color: #000;
}

    .product-box-links a:visited {
        color: #000;
    }

.product-box-links {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-sizing: border-box;
    z-index: 100;
    position: absolute;
    top: 100px;
    left: 120px;
    width: 200px;
    padding: 2px;
    margin: 0px;
}

.product-cat-link {
    display: block;
    width: 100%;
    height: 100%;
}

.product-box-links ph3:before {
    display: none;
}

.product-box-inner ph3:before {
    content: url(/images/teal-tick.png);
    margin-right: 8px;
}

.product-box-inner a {
    text-decoration: none;
}

.product-get-quote {
    float: right;
    color: #fff;
    /*margin-top: 20px;*/
    /*margin-bottom: 10px;*/
}

.product-star {
    background-image: url(/images/icons/ukvsprites.gif);
    float: right;
    margin-right: -20px;
    margin-top: -20px;
    width: 90px;
    height: 90px;
    text-align: center;
    vertical-align: middle;
    font-family: Arial;
    font-size: 10pt;
    color: #FFF;
    padding: 0px;
    padding-left: 0px;
    padding-right: 0px;
}


    .product-star p {
        font-size:9pt;
        text-align: center;
        padding: 0px;
        padding-top: 18px;
        margin: 0px;
    }



.flavia-star {
    background-position: 0px -270px;
    width: 170px;
}

.red-star {
    background-position: 0px -90px;
}

.light-blue-star {
    background-position: 90px 0px;
}

.blue-star {
    background-position: -270px 0px;
}

.yellow-star {
    background-position: -90px 0px;
}

.orange-star {
    background-position: 0px 0px;
}

.purple-star {
    background-position: 0px -180px;
}

.teal-star {
    background-position: -90px -90px;
}

.star-two-row p {
    margin-top: 30px;
    margin-top: 10px;
}


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

.machine_usps {
    padding: 0px;
    margin: 0px !important;
    ;
    list-style: none;
}

    .machine_usps li {
        margin: 15px;
        padding: 5px;
        font-size: 12pt;
        border: 1px solid #AAA;
        color: #000;
        border-radius: 5px 5px 5px 5px;
    }

.machine_instock, .machine_delivery, .machine_finance {
    border-radius: 2px 2px 2px 2px;
    font-size: 12pt;
    line-height: 40px;
}

.machine_title {
    font-family: Arial;
    font-size: 19pt;
    text-align: center;
    /*border-bottom: 1px dashed #BBB;*/
    /* padding-bottom: 4px; */
    color: #ffffff;
    text-shadow: 1px 1px 2px #000;
    background-color: #253b73;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 0px 10px 10px 0px;
}


/**************************************************************************************************************************
    Offer Adverts Section
***************************************************************************************************************************/

#our-services #creditappbtn {
    display:none;
}

#our-services {
    clear: both;
    margin: 0px;
    border-radius: 10px 0px 0px 10px;
    background-color: #253b74;
}

    #our-services ul {
        margin: 0px;
        padding: 5px;
    }

        #our-services ul li a {
            display: block;
            text-decoration: none;
            padding: 5px;
            color: #000;
 
        }


        #our-services ul li:first-of-type a {
            color: #fff;
            font-size: 16px;
            text-align: center;
            background-color: #253b74;
        }

        

        #our-services ul li {
            margin: 10px;
            color: #000;
            font-family: Arial;
            font-weight: 200;
            font-size: 10pt;
            list-style: none;
            background-color: #fff;
            border-radius: 5px 5px 5px 5px;
        }

            #our-services ul li:first-of-type {
                background-color: #aaa;
                color: #fff;
            }


            


    #our-services .ph1 {
        font-family: Arial;
        font-weight: 100;
        font-size: 20pt;
        color: #203370;
        padding: 0px;
    }

#credit-box {
    padding: 10px;
    margin-top:0px;
    margin-bottom:10px;
    background-color: #F4F7F9;
    border-radius: 15px 0px 0px 15px;
}

#credit-cards {
    background-image: url(/images/icons/sprites.gif);
    background-position: 270px 0px;
    width: 206px;
    height: 34px;
}

.offer-advert {
    display: block;
    margin-top: 15px;
    width: 207px;
    height: 689px;
    padding: 10px
}

    .offer-advert .ph1 {
        margin-bottom: 0px;
        margin-left: 5px;
        margin-top: 45px;
        font-size: 33pt;
        font-family: Arial;
        font-weight: 100;
        padding: 0px;
    }

    .offer-advert img {
        padding-left: 30px;
        padding-right: 30px;
        margin: 0px;
    }

    .offer-advert .ph3::before {
        content: url(/images/white-tick.png);
        width: 20px;
        height: 20px;
        margin-right: 5px;
    }

    .offer-advert .ph3 {
        font-size: 11pt;
        padding: 0px;
        margin: 3px;
        font-family: Arial;
    }

    .offer-advert h3:last-of-type {
        margin-bottom: 20px;
        font-weight: 100;
    }

    .offer-advert h3 b {
        font-family: 'gotham bold',gothamBold1;
    }

.offer-water-background {
    background-image: url(/images/offer-adverts/water-coolers.png);
}


.offer-purple-background {
    background-image: url(/images/offer-adverts/purple-offer-background.jpg);
}

.offer-coffee-background {
    background-image: url(/images/offer-adverts/coffee-offer-background.jpg);
}

.flavia-500-background {
    background-image: url(/images/offer-adverts/flavia-creation-500-background.jpg);
}


/********************************************************************************************************
     Social Area 
********************************************************************************************************/

#social-media-wrapper {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: inline-block;
    font-family: Arial;
    background-color: #fff;
    width: 100%;
}


.social-media-box {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 33%;
    padding: 5px;
    padding-top: 20px;
    padding-bottom: 0px;
    height: 250px;
    background-color: #FFF;
}

.social-inner-box {
    box-sizing: border-box;
    display: block;
    background-color: #F4F7F9;
    height: 100%;
    width: 100%;
    padding: 4px;
    padding-top: 50px;
}

.social-media-box-icon {
    float: left;
    top: -25px;
    left: 14px;
    position: relative;
    display: inline-block;
    background-image: url(/images/icons/newSocialIcon.png);
    height: 64px;
    width: 94px;
    z-index: 400;
}

.social-button {
    position: relative;
    float: right;
    display: inline-block;
    background-color: red;
    color: #fff;
    font-family: Arial;
    font-size: 12.5pt;
    font-weight: bold;
    padding: 0.2em;
    padding-left: 1em;
    padding-right: 1em;
    border-radius: 6px 6px 6px 6px;
    top: 6px;
    margin-right: 6px;
    z-index: 400;
    font-stretch: expanded;
    cursor: pointer;
}

.fb-like-button {
    background-color: #4969A7;
}

.fb-share-button {
    background-color: #4969A7;
}

.tw-follow-button {
    background-color: #A2DEEF;
}

.yt-subscribe-button {
    background-color: #E68F94;
}

.fb-like-button:hover {
    background-color: #4969A7;
}

.fb-share-button:hover {
    background-color: #4969A7;
}

.tw-follow-button:hover {
    background-color: #46C2E4;
}

.yt-subscribe-button:hover {
    background-color: #D61A22;
}



.social-media-box-icon-fb {
    background-position: -0px -0px;
}

.social-media-box-icon-tw {
    background-position: -0px -64px;
}

.social-media-box-icon-yt {
    background-position: -0px -128px;
}

.social-media-box h3 {
    margin-left: 50px;
    margin-top: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
    font-size: 10pt;
    color: #6F1202;
}

.social-media-post {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 50%;
    padding-bottom: 4px;
    color: #4969A7;
    font-size: 9.5pt;
    font-family: Arial;
}

    .social-media-post a {
        text-decoration: none;
        font-weight: bold;
        color: #4969A7;
    }

.social-button a {
    color: #fff;
    text-decoration: none;
}

.social-media-post div {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 100%;
    padding: 14px;
    background-color: #fff;
    overflow: hidden;
}

.social-post-thumb {
    float: left;
    vertical-align: top;
    height: 100%;
}

.social-media-post div span {
    float: left;
    width: 65%;
    display: block;
}


.facebook-box {
    background-image: url(/images/facebook-logo.png);
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: 7px 7px;
}

.youtube-box {
    background-image: url(/images/youtube-logo.png);
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: 7px 7px;
}

    .youtube-box img {
        width: 100%;
    }

.twitter-box {
    background-image: url(/images/twitter-bird.png);
    background-size: 40px;
    background-position: 7px 7px;
    background-repeat: no-repeat;
}

.newsletter-box input[type=email] {
    width: 150px;
    height: 24px;
    background-color: #fff;
    color: #6F1202;
    font-family: Arial;
    padding: 0px;
    margin: 0px;
    margin-left: 10px;
}


.twitter-follow-button {
    width: 100px;
    height: 20px;
}

.newsletter-box input[type=submit] {
    background-color: #E74A15;
    color: #fff;
    border: 0px;
    padding: 6px;
    margin: 0px;
}

.newsletter-box h3 {
    margin-top: 10px;
    margin-left: 14px;
}


#footer-wrapper {
    display: inline-block;
    margin-top: 30px;
    background-color: #fff;
    width: 100%;
}

.footer-column {
    display: inline-block;
    width: 207px;
    padding: 0px;
    margin: 20px 31px 20px 0px;
    height: auto;
    vertical-align: top;
}

    .footer-column .ph3 {
        padding-left: 31px;
        padding-bottom: 5px;
        display: block;
        font-family: Arial;
        font-weight: bold;
        font-size: 9pt;
        color: #AAA;
        text-decoration: none;
    }



    .footer-column a {
        padding-left: 31px;
        padding-bottom: 5px;
        display: block;
        font-family: Arial;
        font-size: 9pt;
        color: #AAA;
        text-decoration: none;
    }


#smallFooter {
    padding: 0px;
    text-align: center;
    background-color: #fff;
    font-family: Arial;
    font-size: 8pt;
    color: #AAA;
}

#socialButtons {
    display: inline-block;
    margin-left: 30px;
}

#socialButtonFB, #socialButtonTW, #socialButtonLI, #socialButtonPI {
    width: 30px;
    height: 30px;
    background-image: url(/images/icons/social.png);
    display: inline-block;
}

#socialButtonFB {
    background-position-x: -30px;
}

#socialButtonLI {
    background-position-x: -62px;
}

#socialButtonPI {
    background-position-x: -94px;
}




.advert-two {
    display: none;
    overflow: hidden;
}

#quote-me-form {
    display: inline-block;
    width: 900px;
}

    #quote-me-form fieldset {
        display: inline-block;
        font-family: Arial;
        background-color: #009CAD;
        border: 0px;
        color: #FFF;
        width: 300px;
    }

        #quote-me-form fieldset input[text] {
            width: 280px;
        }




#quote-me-machine-image {
    display: inline-block;
    width: 500px;
    background-image: url();
    background-repeat: no-repeat;
    background-size: cover;
}


.howto-creation {
    width: 100%;
    list-style: none;
    padding: 0px;
}

    .howto-creation li {
        display: inline-block;
        background-size: contain;
        padding: 0px;
        width: 214px;
        height: 160px;
        margin-left: 20px;
        margin-bottom: 20px;
    }

        .howto-creation li p {
            position: relative;
            font-family: Arial;
            font-weight: bold;
            color: #fff;
            left: 0px;
            top: 0px;
            margin: 0px;
            width: 1.5em;
            height: 1.5em;
            background-color: #E74A15;
            text-align: center;
            vertical-align: middle;
        }

/*****************************************************************************************************************
   Contact Form 
   */

#contact_form label {
    display: inline-block;
    padding-top: 14px;
    padding-bottom: 14px;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
}


.submit_btn {
    float: right;
}

#contact_form textarea {
    width: 100%;
    width: -webkit-fill-available;
    height: 110px;
    padding: 8px;
    font-family: Arial;
    font-size: 12px;
}



.contact-form-column {
    display: inline-table;  
    font-family: Arial;
    padding:10px;
}

    .contact-form-column label {
        width: 100%;
    }


    .contact-form-column input {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
    }


.contact-form-column-dual {
    display: inline-table;
    width: 48%;
}




    .contact-form-column-dual input[checkbox] {
        width: 30px;
        height: 30px;
    }


    .contact-form-column-dual label {
        display: inline-table;
        font-family: Arial;
        width: 70%;
    }

    .contact-form-column-dual input[type=checkbox] {
        display: inline-table;
        width: 20%;
    }

.brewing-process-c200 {
    display: inline-block;
    width: 100%;
    font-family: Arial;
    background-image: url(/images/fresh-pack-c200.png);
    background-repeat: no-repeat;
    background-size: contain;
    border: 10px solid #203370;
}

    .brewing-process-c200 ul {
        list-style: none;
        margin-left: 200px;
    }

        .brewing-process-c200 ul li {
            font-family: Arial;
            margin: 14px;
            padding-left: 70px;
            margin-bottom: 25px;
            font-size: 11pt;
            background-repeat: no-repeat;
        }

            .brewing-process-c200 ul li strong {
                color: #4182CE;
            }

.machine-detail p {
    background-color: #AAA;
    padding: 10px;
    color: #fff;
}

.main-quote {
    display: inline-block;
    height: auto;
   
    background-color: #203370;
    color: #fff;
    
    vertical-align: top;
    margin: 0px;
    padding:10px;
    border-radius:10px 10px 10px 10px;
}

    .main-quote h1 {
        font-family: Arial;
        font-size: 20pt;
        font-weight: 100;
    }

    .main-quote input {
        width: 100%;
    }

.content-list {
    font-family: Arial;
}


.mini-fusion-upgrade {
    width: 100%;
}

    .mini-fusion-upgrade li {
        height: 138px;
        width: 32%;
        padding: 0px;
        margin: 0px;
        display: block;
        float: left;
        color: white;
    }

        .mini-fusion-upgrade li p, .mini-fusion-upgrade li h3 {
            padding-left: 15px;
        }

        .mini-fusion-upgrade li:nth-child(1) {
            background-image: url(/images/mini-fusions.jpg);
            background-size: cover;
        }

        .mini-fusion-upgrade li:nth-child(2) {
            background-color: #9B0B37;
        }

        .mini-fusion-upgrade li:nth-child(3) {
            background-color: #8F9532;
        }

.play-button {
    background-image: url(../images/icons/play-button.png);
    background-repeat: no-repeat;
    background-size: 20px;
}



#mobile-menu-tab {
    display: none;
    background-image: url(/images/mobile-menu-tab.png);
    border-radius: 5px 5px;
    border: 2px solid #AAA;
    width: 30px;
    height: 30px;
}


#mobile-menu {
    display: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    display: inline-block;
    width: 100%;
    height: 30px;
    /*z-index: 9900*/;
}

#mobile-menu-inner {
    z-index: 9900;
    display: none;
    background-color: #203370;
}

#mobile-menu ul {
    z-index: 9900;
    display: inline-block;
    position: relative;
    list-style: none;
    width: 100%;
    height: auto;
    left: 0px;
    top: 20px;
    margin: 0px;
    padding: 2px;
    background-color: #203370;
}

    #mobile-menu ul li {
        z-index: 9900;
        box-sizing: border-box;
        border: 2px outset #F4F7F9;
        background-color: #4182CE;
        width: 100%;
        padding: 20px;
        padding-top: 0px;
        padding-bottom: 0px;
        color: #fff;
        margin-top: 3px;
    }

        #mobile-menu ul li a {
            display: block;
            text-decoration: none;
            color: #FFFFFF;
            text-shadow: 1px 1px 2px #000;
            padding-bottom: 10px;
            padding-top: 10px;
        }

        #mobile-menu ul li:hover {
            background-color: #009CAD;
            border: 2px inset #F4F7F9;
        }


#klix-technical-wrapper {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    width: 50%;
    height: 0;
    padding-bottom: 100%;
}

#klix-technical {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    font-family: Arial;
    background-image: url(/images/klix-outlook-open.png);
    background-size: cover;
    background-repeat: no-repeat;
}


.number {
    display: inline-block;
    position: absolute;
    background-color: #FF6D1A;
    border-radius: 40%;
    padding: 2%;
    color: #fff;
    z-index: 10;
}

    .number:hover {
        background-color: #009CAD;
    }

.klix-number-1 {
    left: 10%;
    top: 15%;
}

.klix-number-2 {
    left: 60%;
    top: 18%;
}

.klix-number-3 {
    left: 35%;
    top: 20%;
}

.klix-number-4 {
    left: 60%;
    top: 50%;
}

.klix-number-5 {
    left: 53%;
    top: 45%;
}

.klix-number-6 {
    left: 43%;
    top: 62%;
}

.klix-tech {
    box-sizing: border-box;
    display: inline-block;
    width: 50%;
    vertical-align: use-script;
}

    .klix-tech li {
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        background-color: #AAA;
        border-radius: 10px;
        padding: 10px;
        margin-bottom: 20px;
        font-size: 100%;
        color: #FFFFFF;
    }

.blog-excerpt {
    display: table-cell;
    width: 100%;
   
}

.blog-exceprt h1 {
    font-size: 14pt;
}

.blog-excerpt p {
    top: 0px;
    /*padding-left: 240px;*/
    display: table-cell;
    vertical-align: top;
    font-size: 11pt;
}

.blog-excerpt h1 {
    display: table-cell;
    
}

.blog-excerpt a {
    /*padding-left: 40px;*/
}

.blog-image-outer {
    box-sizing: border-box;
    display: table-cell;
    box-sizing: border-box;
    position: relative;
 
    vertical-align: top;
    width: 200px;
    height: 200px;
    padding: 5px;

    border-radius: 25px 25px 25px 25px;
}

.blog-image {
    box-sizing: border-box;
    width: 190px;
    height: 190px;
    display: inline-block;
    background-color: #DDD;
    background-size: cover;
    border-radius: 20px 20px 20px 20px;
    box-shadow: inset 5px 5px 30px #333;
}

.blog-excerpt-text {
    vertical-align: top;
    height: auto;
    top: 0px;
}

.blog-link {
    color: #000;
    text-decoration: none;
}

    .blog-link:visited {
        color: #000;
    }

.alignright {
    display: inline;
    float: right;
    margin-left: 12px;
    margin-right: 12px;
}

.wp-caption {
    margin-bottom: 12px;
    padding-top: 5px;
    text-align: center;
}

.read-more {
    display:inline-block;
    text-align: center;
    padding: 5px;
    background-color: #1C8255;
    color: #fff;
    width:200px;
    border-radius: 10px 10px 10px 10px;
}

.shine img {
    margin-top: 00px;
    width: 175px;
    display: inline-block;
    z-index: 0;
    border: 1px solid #000;
}

.shine {
    overflow: hidden;
    width: 175px;
    height: 263px;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

#barista-specs {
    box-sizing: border-box;
    padding: 20px;
    display: block;
    background-color: #EEE;
    width: 100%;
    font-size: 12pt;
}

    #barista-specs p {
        display: block;
        line-height: 0.5em;
    }

        #barista-specs p strong {
            display: inline-block;
            width: 30%;
            padding-left: 20px;
        }

#barista-images {
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
}

.smallMachineImage {
    box-sizing: border-box;
}

    .smallMachineImage img {
        box-sizing: border-box;
        width: 20%;
    }

.barista-drink {
    display: inline-block;
    background-size: contain;
    width: 48%;
    height: 80px;
    background-repeat: no-repeat;
}

    .barista-drink p {
        padding-left: 100px;
    }

.aligncenter {
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.technical-specs li strong {
    vertical-align: top;
    display: inline-block;
    width: 49%;
    font-family: Arial;
    font-size: 10pt;
}

.technical-specs li span {
    display: inline-block;
    font-family: Arial;
    font-size: 10pt;
    vertical-align: top;
    width: 50%;
}


.machine_compare {
    width: 100%;
    height: 530px;
    border: 1px solid #ccc;
    float: left;
    margin: 20px 0px;
}

    .machine_compare .list1 {
        height: 80px;
        list-style: none;
        float: left;
        margin-right: 55px;
        margin-left: 95px;
    }

    .machine_compare .list1 {
        height: 80px;
        list-style: none;
        float: left;
        margin-right: 55px;
    }

    .machine_compare .list3 {
        height: 80px;
        list-style: none;
        float: left;
    }


.percent50 {
    display: table-cell;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    width: 50%;
    margin: 0px;
    padding:5px;
}


.percent33 {
    box-sizing: border-box;
    vertical-align: top;
    display: table-cell;
    -webkit-box-sizing: border-box;
    width: 31.7%;
}

.percent100 {
    box-sizing: border-box;
    vertical-align: top;
    display: table-row;;
    -webkit-box-sizing: border-box;
    width: 100%;
}


.center {
    text-align: center;
}

.tick-ul {
}

    .tick-ul li {
        list-style-image: url(/images/tick.png);
    }


.history-banner {
    background-size: cover;
    background-image: url(/images/banners/history.png)
}

#breadcrumbs_content {
    
    box-sizing:border-box;
    display:none;
    width:100%;

    color:black;
    background-color:#AEE;
    margin-bottom:10px;
    text-align:center;

}

.breadcrumbhome a, .breadcrumb a {
    color:Black;
    text-shadow:1px 1px 1px #FFF;
}