@font-face {
    font-family: Langdon;
    src: url(../css/fonts/Langdon.otf)
}
*,
:after,
:before {
    box-sizing: border-box
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Langdon, sans-serif;
    text-transform: uppercase
}
.page_wrap {
    max-width: 1280px
}
.menu_button.icon-menu {
    width: 100px;
    padding: 0 0 0 50px
}
.icon-menu:before {
    content: ''
}
.burger:before {
    content: '\e8ba';
    font-family: fontello;
    color: #25d7f7
}
.booking:after,
.booking:before,
.buffalo .buffalo-slide:after,
.carousel-inner:after,
.contact-us .hero:before,
.item:after,
.item:before,
section.drink-menu:after {
    content: ''
}
.top_panel_over .header_mobile .menu_button {
    top: 1.3em;
    right: 0;
    left: auto;
    position: fixed
}
@media screen and (min-width: 480px) {
    .top_panel_over .header_mobile .menu_button {
        right: 5%
    }
}
.top_panel_over .body_wrap .page_wrap .header_mobile .word {
    font-size: 1.06px;
    font-size: 1.7em;
    line-height: 1.1em;
    float: right;
    color: #25d7f7;
    margin: .9em 2.2em 0 0;
    display: block;
    position: absolute;
    top: .2em;
    right: .2em;
    font-family: Tinos, serif
}
@media screen and (min-width: 480px) {
    .top_panel_over .body_wrap .page_wrap .header_mobile .word {
        right: 4%
    }
}
@media screen and (min-width: 768px) {
    .top_panel_over .body_wrap .page_wrap .header_mobile .word {
        top: .1em
    }
}
a.email-us {
    position: absolute;
    width: 60%;
    max-width: 300px;
    color: #fff;
    font-family: Langdon, sans-serif;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 1.1em;
    text-align: left;
    display: block;
    bottom: 1em;
    left: 4%;
    top: auto;
    right: auto;
    padding: .2em 0;
    text-decoration: none
}
a.email-us:hover {
    color: #25d7f7
}
@media screen and (min-width: 540px) and (orientation: landscape) {
    a.email-us {
        top: 1.5em;
        left: 40%;
        right: auto;
        bottom: auto
    }
}
@media screen and (min-width: 640px) and (orientation: landscape) {
    a.email-us {
        left: 39%
    }
}
@media screen and (min-width: 720px) and (orientation: landscape) {
    a.email-us {
        left: 40%
    }
}
@media screen and (min-width: 750px) and (orientation: landscape) {
    a.email-us {
        left: 41%
    }
}
@media screen and (min-width: 540px) and (min-height: 600px) {
    a.email-us {
        top: 1.5em;
        left: 40%;
        right: auto;
        bottom: auto
    }
}
@media screen and (min-width: 640px) and (min-height: 600px) {
    a.email-us {
        left: 39%
    }
}
@media screen and (min-width: 720px) and (min-height: 600px) {
    a.email-us {
        left: 40%
    }
}
@media screen and (min-width: 750px) and (min-height: 600px) {
    a.email-us {
        left: 41%
    }
}
@media screen and (min-width: 1023px) {
    a.email-us {
        top: 1.8em;
        left: 41%;
        right: auto;
        bottom: auto
    }
}
.scheme_original .header_mobile .panel_top,
.scheme_original .header_mobile .side_wrap {
    background-color: #444
}
.header_mobile .side_wrap .close {
    display: block;
    z-index: 3000;
    color: red;
    font-size: 1.25px;
    font-size: 2em;
    line-height: 1.1em;
    font-weight: 700;
    font-family: sans-serif
}
.sc_events .sc_events_item_time,
footer .footer-box span {
    font-family: Langdon, sans-serif;
    text-transform: uppercase
}
.header_mobile {
    height: 8em;
    -webkit-transition: all .1s .1s ease;
    -moz-transition: all .1s .1s ease;
    transition: all .1s .1s ease
}
.header_mobile.contact {
    height: auto
}
@media screen and (min-width: 540px) and (orientation: landscape) {
    .header_mobile {
        height: auto
    }
}
@media screen and (min-width: 540px) and (min-height: 600px) {
    .header_mobile {
        height: auto
    }
}
.header_mobile .side_wrap {
    top: 0
}
.header_mobile .logo,
.top_panel_over .header_mobile .logo {
    padding: 0
}
.top_panel_wrap {
    position: relative!important;
    height: 0
}
@media (max-width: 1030px) {
    .top_panel_over .body_wrap .page_wrap .header_mobile {
        background: #01181C;
        position: relative
    }
}
@media screen and (max-width: 639px) {
    .header_mobile .logo_main {
        height: 50px
    }
}
.header_mobile div.logo {
    float: left;
    width: 50%;
    text-align: left
}
.header_mobile div.logo img {
    position: relative;
    margin: .7em 0 0
}
.top_panel_middle .menu_main_wrap {
    position: absolute;
    top: 1.3em;
    right: 3em;
    margin: 0
}
.top_panel_middle .menu_main_wrap .menu-item a {
    font-size: 18px;
    margin: 0 3px
}
.scheme_original .menu_main_nav>li.current-menu-ancestor>a {
    background-color: #25d7f7
}
.scheme_original .menu_main_nav>li>a:hover {
    background-color: #25d7f7;
    text-decoration: none
}
.top_panel_middle .logo {
    margin: .5em -10% 0 10%
}
.top_panel_middle .logo .logo_main {
    height: 70px
}
footer {
    background: #01181C;
    padding: 1.5em
}
.bg_image_12,
.bg_image_13,
.bg_image_14,
.bg_image_15,
.bg_image_16,
.bg_image_17,
.scheme_original .body_style_boxed .body_wrap {
    background-image: none!important
}
footer .footer_wrap_inner {
    padding: 0
}
footer .columns_wrap {
    width: 100%;
    margin: 0 auto;
    max-width: 400px
}
footer .footer-button {
    width: 100%;
    margin: 1.5em auto;
    display: block;
    padding: 3em;
    max-width: 400px;
    font-size: 28px
}
footer .footer-box {
    width: 45%;
    margin: .5em 2.2% 1.5em;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    text-align: center
}
footer .footer-box h2 {
    color: #fff
}
footer .footer-box span {
    color: #fff;
    text-align: center;
    font-size: 18px;
    display: block
}
footer .logo_main {
    width: 100%;
    margin: .5em auto;
    max-width: 150px;
    display: block;
    position: relative
}
footer .sc_socials.sc_socials_size_tiny a,
footer .sc_socials.sc_socials_size_tiny a .sc_socials_hover {
    width: 5em;
    height: 5em
}
footer .sc_socials.sc_socials_size_tiny .social_icons span,
footer .sc_socials.sc_socials_size_tiny .social_icons.social_gpl span,
footer .sc_socials.sc_socials_size_tiny .social_icons.social_tripadvisor span {
    font-size: 3em
}
footer .scheme_original .sc_socials.sc_socials_type_icons a {
    border-color: #25d7f7;
    background-color: #444;
    color: #25d7f7;
    padding: 20%
}
footer .scheme_original .sc_socials.sc_socials_type_icons a:hover {
    border-color: #fff;
    background-color: #25d7f7;
    color: #fff
}
footer .copyright_text,
footer .copyright_text a {
    color: #fff!important;
    font-size: 18px;
    display: block
}
.sc_services_descr.sc_item_descr,
.sc_services_item_description,
.tparrows,
.tparrows:before {
    color: #fff
}
.scheme_original .body_style_boxed .body_wrap {
    background-color: #01181C
}
.bg_image_13 {
    background-size: cover;
    background-position: center;
    background-color: #444
}
.tparrows {
    display: none
}
.bg_image_14,
.bg_image_15,
.bg_image_16,
.bg_image_17 {
    background: #444
}
.sc_section.section_style_thick:after,
.scheme_original .sc_events_style_events-2 .sc_events_item,
.scheme_original input[type=email],
.scheme_original input[type=number],
.scheme_original input[type=password],
.scheme_original input[type=search],
.scheme_original input[type=tel],
.scheme_original input[type=text],
.scheme_original select,
.scheme_original textarea,
.tn-border,
.top_panel_over .header_style_6 .slider_wrap .slotholder:after,
.top_panel_over .slider_wrap .slotholder:after {
    border: 3px solid #fff
}
.scheme_original input[type=email]:hover,
.scheme_original input[type=number]:hover,
.scheme_original input[type=password]:hover,
.scheme_original input[type=search]:hover,
.scheme_original input[type=tel]:hover,
.scheme_original input[type=text]:hover,
.scheme_original select:hover,
.scheme_original textarea:hover,
.tn-border {
    border-color: #444
}
.scheme_original .sc_button.style_color_light.sc_button_style_filled {
    background: #25d7f7;
    border: 3px solid #25d7f7;
    padding: 1.5em;
    -webkit-transition: background-color .3s .1s ease, color .3s .1s ease;
    -moz-transition: background-color .3s .1s ease, color .3s .1s ease;
    transition: background-color .3s .1s ease, color .3s .1s ease
}
.buffalo .buffalo-slide,
.buffalo .buffalo-slide.show {
    -webkit-transition: all .3s .1s ease;
    -moz-transition: all .3s .1s ease
}
.scheme_original .sc_button.style_color_light.sc_button_style_filled:hover {
    background: 0 0;
    border: 3px solid #25d7f7;
    color: #25d7f7;
    text-decoration: none
}
.item .carousel-caption h2,
.item .carousel-caption h3,
.item .carousel-caption h4 {
    margin: 0 auto;
    color: #fff;
    line-height: 1.1em
}
.carousel-inner:after {
    position: absolute;
    width: 90%;
    height: 90%;
    top: 5%;
    left: 5%;
    background-image: url('../tn-imgs/thirstynickel logo white.png');
    background-repeat: no-repeat;
    background-size: 25%;
    background-position: center 10px;
    opacity: 1;
    z-index: 5
}
@media screen and (min-width: 1023px) and (orientation: landscape) {
    .carousel-inner:after {
        top: 12%
    }
}
@media screen and (min-width: 640px) and (min-height: 600px) {
    .carousel-inner:after {
        top: 10%
    }
}
@media screen and (min-width: 800px) and (min-height: 600px) {
    .carousel-inner:after {
        top: 8%
    }
}
@media screen and (min-width: 1023px) and (min-height: 600px) {
    .carousel-inner:after {
        top: 12%
    }
}
.item .carousel-caption {
    font-size: .63px;
    font-size: 1em;
    line-height: 1.1em;
    position: absolute;
    left: 15%;
    right: 15%;
    top: 40%;
    height: auto;
    z-index: 2;
    text-align: center
}
.item .carousel-caption .btn {
    text-shadow: none
}
.item .carousel-caption h2 {
    font-size: 1.69px;
    font-size: 2.7em
}
.item .carousel-caption h3 {
    font-size: 1.56px;
    font-size: 2.5em
}
.item .carousel-caption h4 {
    font-size: 1.13px;
    font-size: 1.8em
}
.item:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #444;
    opacity: .6;
    z-index: 0
}
.buffalo .buffalo-slide:after,
.item:after {
    opacity: 1;
    border: 3px solid #fff
}
.item:after {
    position: absolute;
    width: 90%;
    height: 90%;
    top: 5%;
    left: 5%;
    z-index: 1
}
@media screen and (min-width: 540px) and (orientation: landscape) {
    .item {
        height: 100vh
    }
    .item .carousel-caption {
        top: 43%;
        font-size: .81px;
        font-size: 1.3em;
        line-height: 1.1em
    }
}
@media screen and (min-width: 640px) and (orientation: landscape) {
    .item {
        height: 100vh
    }
    .item .carousel-caption {
        top: 45%;
        font-size: .88px;
        font-size: 1.4em;
        line-height: 1.1em
    }
}
@media screen and (min-width: 720px) and (orientation: landscape) {
    .item {
        height: 100vh
    }
    .item .carousel-caption {
        top: 45%;
        font-size: 1px;
        font-size: 1.6em;
        line-height: 1.1em
    }
}
@media screen and (min-width: 640px) and (min-height: 600px) {
    .item {
        height: 38em
    }
    .item img {
        max-width: 120%!important
    }
    .item .carousel-caption {
        font-size: .88px;
        font-size: 1.4em;
        line-height: 1.1em;
        top: 50%
    }
    .item:after {
        content: '';
        position: absolute;
        width: 90%;
        height: 90%;
        top: 5%;
        left: 5%;
        opacity: 1;
        z-index: 1;
        border: 3px solid #fff
    }
}
@media screen and (min-width: 750px) and (min-height: 600px) {
    .item {
        height: 45em
    }
    .item img {
        max-width: 120%!important
    }
    .item .carousel-caption {
        font-size: 1.38px;
        font-size: 2.2em;
        line-height: 1.1em;
        top: 50%
    }
    .item:after {
        content: '';
        position: absolute;
        width: 90%;
        height: 90%;
        top: 5%;
        left: 5%;
        opacity: 1;
        z-index: 1;
        border: 3px solid #fff
    }
}
@media screen and (min-width: 1023px) and (min-height: 600px) {
    .item {
        height: 100vh
    }
    .item img {
        max-width: 120%!important
    }
    .item .carousel-caption {
        top: 50%;
        font-size: 1.38px;
        font-size: 2.2em;
        line-height: 1.1em
    }
    .item:after {
        content: '';
        position: absolute;
        width: 90%;
        height: 85%;
        top: 10%;
        left: 5%;
        opacity: 1;
        z-index: 1;
        border: 3px solid #fff
    }
}
.container,
.content_container,
.content_wrap,
.slider_boxed {
    width: 95%
}
.chi-town,
.contacts .container,
.contacts .content_container,
.contacts .content_wrap,
.contacts .slider_boxed {
    width: 100%
}
.happy-hour {
    padding: 1.5em;
    background-color: #01181C
}
.happy-hour h1 {
    color: #56e0f9
}
.happy-hour .sc_title.sc_title_style_3 {
    color: #fff;
    letter-spacing: 1px;
    font-size: 2em
}
@media screen and (min-width: 960px) {
    .happy-hour .sc_title.sc_title_style_3 {
        font-size: 2.15em
    }
}
.chi-town {
    background: #444;
    overflow: hidden;
    position: relative;
    padding: 1.5em
}
.bio,
.buffalo {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}
.chi-town img {
    width: 100%;
    position: relative;
    display: block;
    margin: 1.5em auto;
    max-width: 450px
}
@media screen and (min-width: 540px) {
    .chi-town img {
        display: inline-block;
        margin: 1.5em 2.3%;
        width: 45%
    }
}
@media screen and (min-width: 640px) {
    .chi-town img {
        margin: 1.5em 2%;
        width: 28.1%
    }
}
.chi-town .flag-img {
    margin: 1.5em auto;
    display: inline-block;
    vertical-align: middle
}
@media screen and (min-width: 540px) {
    .chi-town .flag-img {
        display: inline-block;
        margin: 1.5em 2.3%;
        width: 45%
    }
}
.chi-town .blurb {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 1.5em auto;
    max-width: 700px
}
.chi-town .blurb p {
    font-size: .81px;
    font-size: 1.3em;
    line-height: 1.1em;
    line-height: 1.4em;
    margin: 0 auto .5em;
    width: 100%;
    max-width: 600px;
    color: #fff
}
.chi-town .move-right {
    width: 100%;
    position: relative;
    display: block;
    margin: 1.5em auto;
    max-width: 450px;
    padding: 1.5em 0;
    vertical-align: middle
}
.chi-town .move-right h1 {
    font-size: 2.8em;
    line-height: 1.1em;
    margin: 0 auto .5em;
    text-align: center!important
}
@media screen and (min-width: 540px) {
    .chi-town .move-right h1 {
        font-size: 3.3em
    }
    .chi-town .move-right {
        display: inline-block;
        margin: 1.5em 2.3%;
        width: 45%
    }
}
.chi-town .left {
    display: none
}
@media screen and (min-width: 640px) {
    .chi-town .left {
        display: inline-block
    }
}
.sc_emailer .sc_emailer_opened .inited {
    width: 90%
}
@media screen and (min-width: 480px) {
    .columns_wrap:not(.columns_fluid)>[class*=column-],
    .row:not(.columns_fluid)>[class*=column-] {
        width: 49%
    }
}
.buffalo,
.buffalo .buffalo-slide {
    width: 100%;
    position: relative;
    overflow: hidden
}
.buffalo {
    background-color: #01181C;
    background-image: url('../tn-imgs/Mike Frost - IMG_5789.JPG');
    background-blend-mode: overlay;
    padding: 1.5em
}
.buffalo .buffalo-slide {
    max-height: 0;
    transition: all .3s .1s ease;
    display: block;
    background-color: #444;
    padding: 0 1.5em;
    margin: 0 auto;
    z-index: 1
}
.buffalo .buffalo-slide:after {
    position: absolute;
    width: 95%;
    height: 95%;
    top: 2.5%;
    left: 2.5%;
    z-index: -1
}
.buffalo .buffalo-slide .book-now {
    margin: 0 auto;
    display: block;
    background-color: #7b1216;
    border: 3px solid #7b1216;
    -webkit-transition: all .3s .2s ease;
    -moz-transition: all .3s .2s ease;
    transition: all .3s .2s ease;
    font-size: .44px;
    font-size: .7em;
    line-height: 1.1em;
    max-width: 150px;
    width: 100%;
    padding: .75em
}
.buffalo .buffalo-slide .book-now:hover {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}
.buffalo .buffalo-slide .thumbs {
    width: 98%;
    overflow: hidden;
    margin: 1.5em auto;
    position: relative;
    opacity: 0;
    display: block;
    -webkit-transition: all .5s 1.7s ease;
    -moz-transition: all .5s 1.7s ease;
    transition: all .5s 1.7s ease;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    clear: both
}
.buffalo .buffalo-slide .thumbs:nth-of-type(2) {
    -webkit-transition: all .5s 2s ease;
    -moz-transition: all .5s 2s ease;
    transition: all .5s 2s ease
}
@media screen and (min-width: 540px) and (orientation: landscape) {
    .buffalo .buffalo-slide .thumbs {
        width: 45%;
        margin: 1.5em 2%;
        display: inline-block;
        vertical-align: top
    }
}
@media screen and (min-width: 540px) and (min-height: 600px) {
    .buffalo .buffalo-slide .thumbs {
        width: 45%;
        margin: 1.5em 2%;
        display: inline-block;
        vertical-align: top
    }
}
.buffalo .buffalo-slide .buffalo-logo {
    width: 25%;
    max-width: 150px;
    float: left;
    margin: 0 1.5em .5em auto;
    position: relative
}
.buffalo .buffalo-slide p {
    width: 95%;
    float: none;
    clear: both;
    position: relative;
    max-width: 600px;
    max-width: 100%;
    opacity: 0;
    margin: .5em auto;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .5s .8s ease;
    -moz-transition: all .5s .8s ease;
    transition: all .5s .8s ease
}
.buffalo .buffalo-slide p.normal {
    min-height: auto
}
@media screen and (min-width: 540px) and (orientation: landscape) {
    .buffalo .buffalo-slide p {
        margin: 1.5em auto
    }
    .buffalo .buffalo-slide.show {
        padding: 1.5em
    }
}
@media screen and (min-width: 720px) {
    .buffalo .buffalo-slide p {
        margin: 1.5em auto
    }
}
.buffalo .buffalo-slide.show {
    padding: 1.5em;
    margin: 1.5em auto 0;
    max-height: 100em;
    transition: all .3s .1s ease
}
.buffalo h2,
.buffalo p {
    margin: 0 0 .5em;
    color: #fff;
    max-width: 420px
}
.buffalo .buffalo-slide.show p {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}
.buffalo .buffalo-slide.show .thumbs {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}
.buffalo .buffalo-photo {
    display: none
}
.buffalo h2 {
    font-size: 45px;
    line-height: 1em;
    width: 90%
}
.buffalo p {
    font-size: .94px;
    font-size: 1.5em;
    line-height: 1.1em;
    line-height: 1.4em;
    width: 100%
}
.buffalo .sc_button {
    margin: 1.5em 0;
    width: 100%;
    max-width: 420px;
    font-size: .94px;
    font-size: 1.5em;
    line-height: 1.1em
}
@media screen and (min-width: 540px) and (orientation: landscape) {
    .buffalo {
        padding: 1.5em 3em
    }
}
@media screen and (min-width: 640px) and (orientation: landscape) {
    .buffalo {
        padding: 1.5em;
        background-image: none;
        background-color: #01181C;
        background-blend-mode: normal
    }
    .buffalo h2,
    .buffalo p {
        width: 60%;
        float: right;
        clear: right
    }
    .buffalo .buffalo-photo {
        display: block;
        float: left;
        clear: left;
        width: 38%
    }
    .buffalo .sc_button {
        margin: 2em 0 0;
        width: 38%
    }
}
@media screen and (min-width: 750px) and (orientation: landscape) {
    .buffalo {
        padding: 1.5em;
        background-image: none;
        background-blend-mode: normal
    }
    .buffalo h2,
    .buffalo p {
        width: 50%;
        float: right;
        clear: right
    }
    .buffalo .buffalo-photo {
        display: block;
        float: left;
        clear: left;
        width: 48%
    }
    .buffalo .sc_button {
        margin: 2em 0 0;
        width: 48%
    }
}
@media screen and (min-width: 720px) and (min-height: 600px) {
    .buffalo {
        padding: 3em;
        background-image: none;
        background-color: #01181C;
        background-blend-mode: normal
    }
    .buffalo h2,
    .buffalo p {
        width: 50%;
        float: right;
        clear: right;
        max-width: 100%
    }
    .buffalo .buffalo-photo {
        display: block;
        float: left;
        clear: left;
        width: 48%;
        max-width: 100%;
        mix-blend-mode: screen
    }
    .buffalo .sc_button {
        margin: 1em 0 0;
        max-width: 100%;
        width: 48%
    }
}
.bio {
    background-color: #01181C;
    background-image: url(../tn-imgs/KCST.jpg);
    background-blend-mode: overlay;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    padding: 1.5em
}
.bio .container {
    max-width: 650px;
    margin: 0 auto
}
.bio img {
    display: none;
    margin: 0 0 .5em 1.5em
}
.bio h2,
.bio p {
    margin: 0 0 .5em;
    color: #fff
}
.bio h2 {
    font-size: 45px;
    line-height: 1em;
    width: 90%;
    max-width: 420px
}
.bio .sc_button,
.bio p {
    width: 100%;
    max-width: 420px
}
.bio p {
    font-size: .81px;
    font-size: 1.3em;
    line-height: 1.1em;
    line-height: 1.4em
}
.bio .sc_button {
    margin: 1.5em 0;
    font-size: .94px;
    font-size: 1.5em;
    line-height: 1.1em
}
@media screen and (min-width: 540px) and (orientation: landscape) {
    .bio {
        padding: 1.5em 3em
    }
}
@media screen and (min-width: 640px) and (orientation: landscape) {
    .bio {
        padding: 1.5em;
        background-image: none;
        background-color: #444;
        background-blend-mode: normal
    }
    .bio h2,
    .bio p {
        width: 100%;
        max-width: 100%;
        float: left;
        clear: left
    }
    .bio img {
        display: block;
        float: right;
        clear: right;
        width: 38%
    }
    .bio .sc_button {
        margin: 2em 0 0;
        width: 38%
    }
}
@media screen and (min-width: 750px) and (orientation: landscape) {
    .bio {
        padding: 1.5em;
        background-image: none;
        background-blend-mode: normal
    }
    .bio h2,
    .bio p {
        width: 100%;
        max-width: 100%;
        float: left;
        clear: left
    }
    .bio img {
        display: block;
        float: right;
        clear: right;
        width: 48%
    }
    .bio .sc_button {
        margin: 2em 0 0;
        width: 48%
    }
}
@media screen and (min-width: 720px) and (min-height: 600px) {
    .bio {
        padding: 3em;
        background-image: none;
        background-color: #444;
        background-blend-mode: normal
    }
    .bio h2,
    .bio p {
        width: 100%;
        float: left;
        clear: left;
        max-width: 100%
    }
    .bio img {
        display: block;
        float: right;
        clear: right;
        width: 45%;
        max-width: 100%;
        opacity: .8
    }
}
@media screen and (min-width: 800px) and (min-height: 600px) {
    .bio {
        padding: 3em;
        background-image: none;
        background-blend-mode: normal
    }
}
@media screen and (min-width: 1280px) and (min-height: 600px) {
    .bio {
        padding: 3em;
        background-image: none;
        background-blend-mode: normal
    }
    .bio .sc_button {
        margin: 1em 0 0;
        max-width: 100%;
        width: 48%
    }
}
.sc_events {
    padding: .5em 0;
    background-color: #444
}
.sc_events h1 {
    margin: 3em auto 0
}
.sc_events .blurb {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 1.5em auto;
    max-width: 700px
}
.sc_events .blurb p {
    font-size: .81px;
    font-size: 1.3em;
    line-height: 1.1em;
    line-height: 1.4em;
    margin: 0 auto .5em;
    width: 100%;
    max-width: 600px;
    color: #fff;
    display: block
}
.sc_events .sc_button {
    margin: 1.5em auto;
    padding: 1.5em;
    width: 100%;
    max-width: 420px;
    font-size: .94px;
    font-size: 1.5em;
    line-height: 1.1em;
    border: 3px solid #25d7f7;
    background-color: #25d7f7;
    color: #fff;
    -webkit-transition: all .3s .1s ease;
    -moz-transition: all .3s .1s ease;
    transition: all .3s .1s ease;
    text-decoration: none;
    display: block;
    position: relative
}
.sc_events .sc_button:hover {
    color: #25d7f7;
    background: 0 0
}
.insta,
.instagram,
.sc_events .sc_events_item {
    background-color: #01181C
}
.sc_events .sc_events_item_title a {
    letter-spacing: 2px
}
.sc_events .sc_events_item_time {
    font-size: 16px;
    width: 15%
}
@media screen and (max-width: 540px) {
    .sc_events .sc_events_item_time {
        display: none!important
    }
}
.sc_events .sc_events_item_day {
    font-family: Langdon, sans-serif!important;
    padding: 10% 0 0;
    line-height: .8em
}
.sc_events .sc_button.style_color_light.sc_button_style_filled {
    padding: 1.4em;
    position: absolute;
    height: 40px;
    width: 80px;
    bottom: 1.1em;
    right: 1em
}
.booking,
.insta,
.instagram {
    position: relative
}
@media screen and (min-width: 800px) {
    .sc_events .sc_button.style_color_light.sc_button_style_filled {
        right: 2em
    }
}
.sc_events_item_title {
    margin: 0;
    width: 70%!important
}
@media screen and (min-width: 540px) and (orientation: landscape) {
    .sc_events_item_title {
        width: 65%!important
    }
}
.instagram a,
.instagram h2 {
    width: 80%;
    line-height: 1.1em;
    text-align: center
}
.insta {
    overflow: hidden
}
.instagram {
    padding: 1.5em;
    margin: 1.5em auto 0;
    max-width: 1020px;
    border: 3px solid #fff
}
.instagram h2 {
    margin: 0 auto;
    font-size: 1.88px;
    font-size: 3em;
    color: #fff
}
.instagram a {
    margin: 0 auto 1.5em;
    font-size: 1.25px;
    font-size: 2em;
    display: block;
    color: #25d7f7;
    text-decoration: none
}
.instagram a:hover {
    color: #fff
}
.booking {
    z-index: 1;
    padding: 15em 0
}
.booking:after,
.booking:before {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%
}
.booking .sc_title.sc_title_style_4 {
    font-size: 45px;
    margin: 0 auto
}
.booking .sc_button {
    margin: 1.5em 0;
    padding: 1.5em;
    width: 100%;
    max-width: 420px;
    font-size: .94px;
    font-size: 1.5em;
    line-height: 1.1em;
    border: 3px solid #25d7f7;
    background-color: #25d7f7;
    color: #fff;
    -webkit-transition: all .3s .1s ease;
    -moz-transition: all .3s .1s ease;
    transition: all .3s .1s ease;
    text-decoration: none
}
.booking .sc_button:hover {
    color: #25d7f7;
    background: 0 0
}
.booking:after {
    background-image: url(../tn-imgs/female_artist_stage.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    opacity: 1;
    z-index: -1
}
.booking:before {
    background: #444;
    opacity: .4;
    z-index: 0
}
@media screen and (min-width: 540px) and (orientation: landscape) {
    .booking {
        padding: 7.5em 0
    }
}
@media screen and (min-width: 640px) and (orientation: landscape) {
    .booking {
        padding: 10.5em 0
    }
}
@media screen and (min-width: 540px) and (min-height: 600px) {
    .booking {
        padding: 15em 0
    }
    .booking .sc_title.sc_title_style_4 {
        font-size: 64px
    }
}
section.drink-menu {
    background-color: #01181C;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    z-index: 1;
    font-size: .63px;
    font-size: 1em;
    line-height: 1.1em
}
section.drink-menu:after {
    position: absolute;
    width: 90%;
    height: 90%;
    top: 5%;
    left: 5%;
    opacity: 1;
    z-index: -1
}
@media screen and (min-width: 1280px) {
    section.drink-menu {
        font-size: .44px;
        font-size: .7em;
        line-height: 1.1em
    }
}
section.drink-menu .container {
    max-width: 900px;
    margin: 0 auto;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: .5em 0 2em
}
section.drink-menu h1 {
    color: #fff;
    text-align: center;
    position: relative;
    margin: 0 auto
}
section.drink-menu h3 {
    color: #fff;
    position: relative;
    margin: 0 auto;
    font-size: 1.88px;
    font-size: 3em;
    line-height: 1.1em
}
section.drink-menu p {
    color: #fff;
    position: relative;
    margin: .5em 0;
    font-size: .81px;
    font-size: 1.3em;
    line-height: 1.1em;
    font-family: tinos, serif
}
section.drink-menu .drink-nav {
    width: 100%;
    margin: 1em auto;
    max-width: 400px;
    position: relative
}
section.drink-menu .drink-nav .tabs {
    width: 47%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    font-size: .94px;
    font-size: 1.5em;
    line-height: 1.1em;
    font-family: langdon, sans-serif;
    display: inline-block;
    margin: 1em 1.2%;
    padding: .75em;
    border: 3px solid #fff;
    background-color: transparent;
    -webkit-transition: all .3s .2s ease;
    -moz-transition: all .3s .2s ease;
    transition: all .3s .2s ease
}
section.drink-menu .drink-nav .tabs.active {
    background-color: #25d7f7;
    border: 3px solid #25d7f7
}
section.drink-menu .drink-menu-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 108em
}
@media screen and (min-width: 540px) {
    section.drink-menu .drink-menu-wrap {
        height: 71em
    }
}
@media screen and (min-width: 720px) {
    section.drink-menu .drink-menu-wrap {
        height: 52em
    }
}
section.drink-menu .page-one,
section.drink-menu .page-two {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden
}
section.drink-menu .page-one .left-block {
    background-image: url(../tn-imgs/WinterWarmer.jpeg);
    background-position: left center;
    background-size: 150%
}
section.drink-menu .page-two .left-block {
    background-image: url(../tn-imgs/CafeLatte.jpeg);
    background-position: top center;
    background-size: 150%
}
section.drink-menu .page-one .right-block {
    background-image: url(../tn-imgs/CoconutBrownie.jpeg);
    background-position: top center;
    background-size: 150%
}
section.drink-menu .page-two .right-block {
    background-image: url(../tn-imgs/ThirstyNickelSpecial.jpeg);
    background-position: top center;
    background-size: 150%
}
section.drink-menu .menu-row {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 auto 1em;
    max-width: 800px;
    -webkit-transition: all .3s .2s ease;
    -moz-transition: all .3s .2s ease;
    transition: all .3s .2s ease
}
section.drink-menu #winter_menu {
    -webkit-transform: translateX(-150%);
    -moz-transform: translateX(-150%);
    -ms-transform: translateX(-150%);
    -o-transform: translateX(-150%);
    transform: translateX(-150%);
    opacity: 0
}
section.drink-menu #winter_menu.show {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}
section.drink-menu #winter_menu_2 {
    -webkit-transform: translateX(150%);
    -moz-transform: translateX(150%);
    -ms-transform: translateX(150%);
    -o-transform: translateX(150%);
    transform: translateX(150%);
    opacity: 0
}
section.drink-menu #winter_menu_2.show {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}
section.drink-menu #coffee_menu {
    -webkit-transform: translateX(150%);
    -moz-transform: translateX(150%);
    -ms-transform: translateX(150%);
    -o-transform: translateX(150%);
    transform: translateX(150%);
    opacity: 0
}
section.drink-menu #coffee_menu.show {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}
section.drink-menu #coffee_menu_2 {
    -webkit-transform: translateX(-150%);
    -moz-transform: translateX(-150%);
    -ms-transform: translateX(-150%);
    -o-transform: translateX(-150%);
    transform: translateX(-150%);
    opacity: 0
}
section.drink-menu #coffee_menu_2.show {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}
section.drink-menu .menu-item {
    width: 100%;
    margin: .5em auto;
    display: block;
    padding: 4.5em 3em;
    position: relative;
    overflow: hidden;
    z-index: 1
}
section.drink-menu .menu-item.left-block,
section.drink-menu .menu-item.right-block {
    background-repeat: no-repeat
}
section.drink-menu .menu-item.left-block h3,
section.drink-menu .menu-item.left-block p,
section.drink-menu .menu-item.right-block h3,
section.drink-menu .menu-item.right-block p {
    text-shadow: 2px 1px 1px #444
}
section.drink-menu .menu-item.left-block p,
section.drink-menu .menu-item.right-block p {
    max-width: 200px
}
section.drink-menu .menu-item.left-block:after,
section.drink-menu .menu-item.right-block:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .5;
    z-index: -1;
    background-color: #444
}
@media screen and (min-width: 540px) {
    section.drink-menu .menu-item {
        width: 49%;
        margin: .5em 0;
        display: inline-block
    }
    section.drink-menu .menu-item.left-block,
    section.drink-menu .menu-item.right-block {
        margin: .5em auto;
        width: 100%;
        display: block;
        background-size: 120%;
        background-position: left 25%
    }
}
@media screen and (min-width: 720px) {
    section.drink-menu .menu-item {
        margin: 1.5em 0;
        display: inline-block;
        padding: 1.5em 1.5em 2em
    }
    section.drink-menu .menu-item.left {
        float: left
    }
    section.drink-menu .menu-item.right {
        float: right
    }
    section.drink-menu .menu-item.left-block,
    section.drink-menu .menu-item.right-block {
        margin: .5em 0;
        width: 49%;
        display: block;
        background-size: cover;
        background-position: 25% center;
        float: left;
        padding: 1.5em 0 12em 1.5em
    }
    section.drink-menu .menu-item.right-block {
        float: right
    }
}
.contact-us {
    background-color: #444
}
.contact-us .bg_color_1 {
    background-color: #25d7f7
}
.contact-us .page_content_wrap {
    padding: 0
}
.contact-us .hero {
    height: auto;
    overflow: hidden;
    position: relative;
    z-index: 2
}
.contact-us .hero:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #01181C;
    opacity: .4;
    z-index: 1
}
.contact-us .hero .video-fallback {
    z-index: 0;
    position: relative
}
@media screen and (min-width: 750px) {
    .contact-us .hero .video-fallback {
        z-index: -20
    }
}
.contact-us .hero .video-background {
    background: #000;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1
}
.contact-us .hero .video-background iframe,
.contact-us .hero .video-foreground {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}
@media screen and (min-width: 750px) {
    .contact-us .hero .video-background iframe,
    .contact-us .hero .video-foreground {
        display: block
    }
}
.contact-us .email-us {
    font-size: 22px;
    bottom: 0!important;
    top: auto!important;
    text-align: center;
    left: 20%!important;
    width: 60%!important;
    max-width: 100%!important;
    z-index: 200
}
@media screen and (min-width: 640px) {
    .contact-us .email-us {
        font-size: 35px
    }
}
.contact-us .info {
    background-color: #01181C;
    padding: 3em
}
.contact-us .contact-form {
    padding: 3em;
    background-color: #444
}
.contact-us .contact-form h1 {
    color: #fff
}
.contact-us .contact-form input,
.contact-us .contact-form textarea {
    border-color: #fff;
    color: #fff
}
.contact-us .contact-form input:active,
.contact-us .contact-form input:focus,
.contact-us .contact-form input:hover,
.contact-us .contact-form textarea:active,
.contact-us .contact-form textarea:focus,
.contact-us .contact-form textarea:hover {
    border-color: #25d7f7;
    color: #fff
}
.contact-us .contact-form .sc_form_button {
    background-color: #25d7f7;
    border: 3px solid #25d7f7;
    -webkit-transition: all .3s .1s ease;
    -moz-transition: all .3s .1s ease;
    transition: all .3s .1s ease
}
.contact-us .contact-form .sc_form_button:hover {
    background-color: transparent;
    color: #25d7f7
}
.contact-us .contact-form::-webkit-input-placeholder {
    color: #fff
}
.contact-us .contact-form:-moz-placeholder {
    color: #fff
}
.contact-us .contact-form::-moz-placeholder {
    color: #fff
}
.contact-us .contact-form:-ms-input-placeholder {
    color: #fff
}
.barlink {
    color: #fff;
    font-size: 24px;
}
.friends{
	margin: 0;
	color: #fff;
}
