#slideshow, #slideshow img, .clear {
    width: 100%
}

.content a, a {
    text-decoration: none
}

.content h1, .content h2, .content h3, .content h4, a.btn {
    text-transform: uppercase
}

.boxes .columns, .content {
    float: left
}

.anime, .boxes .box, .content, a.anchor {
    position: relative
}

body {
    font-family: Montserrat;
    padding: 0;
    margin: 0
}

#slideshow .nav .fa, .btn, .centre a, .content .btn, .content a, .form input,
.form textarea, .special-list, .special-list .image img, nav, nav ul li a,
nav ul li.logo-wrap a img {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

a {
    cursor: pointer !important
}

a.anchor {
    clear: both;
    display: table;
    top: -70px !important;
    visibility: hidden
}

img {
    border: none !important
}

.desktop {
    display: block
}

.mobile, .tablet {
    display: none !important
}

.boxes, a.btn, nav ul li {
    display: inline-block
}

::selection {
    background: #C10F1C;
    color: #fff
}

::-moz-selection {
    background: #C10F1C;
    color: #fff
}

.clear {
    clear: left;
    clear: right
}

.anime {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.anime.s2 {
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.anime.s2.d2 {
    -webkit-transition: all .2s .2s ease-out;
    transition: all .2s .2s ease-out
}

.anime.s2.d4 {
    -webkit-transition: all .2s .4s ease-out;
    transition: all .2s .4s ease-out
}

.anime.s2.d6 {
    -webkit-transition: all .2s .6s ease-out;
    transition: all .2s .6s ease-out
}

.anime.s2.d8 {
    -webkit-transition: all .2s .8s ease-out;
    transition: all .2s .8s ease-out
}

.anime.s2.d1x {
    -webkit-transition: all .2s 1s ease-out;
    transition: all .2s 1s ease-out
}

.anime.s4 {
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.anime.s4.d2 {
    -webkit-transition: all .4s .2s ease-out;
    transition: all .4s .2s ease-out
}

.anime.s4.d4 {
    -webkit-transition: all .4s .4s ease-out;
    transition: all .4s .4s ease-out
}

.anime.s4.d6 {
    -webkit-transition: all .4s .6s ease-out;
    transition: all .4s .6s ease-out
}

.anime.s4.d8 {
    -webkit-transition: all .4s .8s ease-out;
    transition: all .4s .8s ease-out
}

.anime.s4.d1x {
    -webkit-transition: all .4s 1s ease-out;
    transition: all .4s 1s ease-out
}

.anime.s6 {
    -webkit-transition: all .6s ease-out;
    transition: all .6s ease-out
}

.anime.s6.d2 {
    -webkit-transition: all .6s .2s ease-out;
    transition: all .6s .2s ease-out
}

.anime.s6.d4 {
    -webkit-transition: all .6s .4s ease-out;
    transition: all .6s .4s ease-out
}

.anime.s6.d6 {
    -webkit-transition: all .6s .6s ease-out;
    transition: all .6s .6s ease-out
}

.anime.s6.d8 {
    -webkit-transition: all .6s .8s ease-out;
    transition: all .6s .8s ease-out
}

.anime.s6.d1x {
    -webkit-transition: all .6s 1s ease-out;
    transition: all .6s 1s ease-out
}

.anime.s8 {
    -webkit-transition: all .8s ease-out;
    transition: all .8s ease-out
}

.anime.s8.d2 {
    -webkit-transition: all .8s .2s ease-out;
    transition: all .8s .2s ease-out
}

.anime.s8.d3 {
    -webkit-transition: all .8s .3s ease-out;
    transition: all .8s .3s ease-out
}

.anime.s8.d4 {
    -webkit-transition: all .8s .4s ease-out;
    transition: all .8s .4s ease-out
}

.anime.s8.d6 {
    -webkit-transition: all .8s .6s ease-out;
    transition: all .8s .6s ease-out
}

.anime.s8.d8 {
    -webkit-transition: all .8s .8s ease-out;
    transition: all .8s .8s ease-out
}

.anime.s8.d1x {
    -webkit-transition: all .8s 1s ease-out;
    transition: all .8s 1s ease-out
}

.anime.s1x {
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out
}

.anime.s1x.d2 {
    -webkit-transition: all 1s .2s ease-out;
    transition: all 1s .2s ease-out
}

.anime.s1x.d4 {
    -webkit-transition: all 1s .4s ease-out;
    transition: all 1s .4s ease-out
}

.anime.s1x.d6 {
    -webkit-transition: all 1s .6s ease-out;
    transition: all 1s .6s ease-out
}

.anime.s1x.d8 {
    -webkit-transition: all 1s .8s ease-out;
    transition: all 1s .8s ease-out
}

.anime.s1x.d1x {
    -webkit-transition: all 1s 1s ease-out;
    transition: all 1s 1s ease-out
}

.anime.s2x {
    -webkit-transition: all 2s ease-out;
    transition: all 2s ease-out
}

.anime.s2x.d2 {
    -webkit-transition: all 2s .2s ease-out;
    transition: all 2s .2s ease-out
}

.anime.s2x.d4 {
    -webkit-transition: all 2s .4s ease-out;
    transition: all 2s .4s ease-out
}

.anime.s2x.d6 {
    -webkit-transition: all 2s .6s ease-out;
    transition: all 2s .6s ease-out
}

.anime.s2x.d8 {
    -webkit-transition: all 2s .8s ease-out;
    transition: all 2s .8s ease-out
}

.anime.s2x.d1x {
    -webkit-transition: all 2s 2s ease-out;
    transition: all 2s 2s ease-out
}

.anime.fade-in, .anime.fade-out {
    opacity: 0
}

.anime.fade-in.viewport, .anime.fade-out.viewport {
    opacity: 1
}

.anime.slide-top {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.anime.slide-top.viewport {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.anime.slide-right {
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0)
}

.anime.slide-right.viewport {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.anime.slide-bottom {
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0)
}

.anime.slide-bottom.viewport {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.anime.slide-left {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.anime.slide-left.viewport {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.content {
    margin: 0 auto;
    padding: 110px 0;
    width: 52%;
    left: 24%;
    font-size: 16px;
    font-weight: 300;
    z-index: 1
}

.content h1, .content h2, .content h3, .content h4 {
    margin: 0 0 .8em;
    padding: 0
}

.content h1 {
    font: 400 38px / 1.2em Montserrat, arial;
    letter-spacing: .1em
}

.content h2 {
    font: 400 30px / 1.2em Montserrat, arial;
    letter-spacing: .05em
}

.content h3 {
    font: 300 18px / 1.6em 'Open Sans', arial;
    letter-spacing: .15em;
    margin-bottom: 2em
}

.content h4 {
    font: 400 14px / 1.2em Montserrat, arial;
    letter-spacing: .05em
}

.internal .content {
    padding: 90px 0
}

.content ul, li {
    list-style: none;
    margin: 0;
    padding: 0
}

.content ul {
    margin: 30px 0;
    padding: 40px;
    background: #eee
}

.content ul li:before {
    content: "\f101";
    font-family: FontAwesome;
    color: #333;
    font-size: 18px;
    margin-right: 20px
}

.content ul li {
    margin-bottom: 10px
}

.content a {
    color: #c10f1c
}

a.btn {
    cursor: pointer;
    border: 2px solid #c10f1c;
    font: 400 13px / 1em Montserrat, arial;
    color: #c10f1c;
    letter-spacing: .15em;
    padding: 18px 30px
}

a.btn:hover {
    background: #000;
    border-color: #000;
    color: #fff
}

a.btn-sm {
    border-color: #ddd;
    color: #888;
    padding: 10px 18px
}

a.btn-book {
    background: #c10f1c;
    color: #fff
}

.content p {
    font: 400 15px / 1.5em Montserrat, arial;
    margin: 0 0 20px
}

.content p.intro {
    margin: 0 0 25px;
    font: 300 1.2em / 1.6em "Open Sans", arial
}

.content strong {
    font-weight: 700
}

.content .red, .content .white {
    font: 300 12px / 1.6em Montserrat, arial;
    letter-spacing: .15em;
    text-transform: uppercase
}

.content hr {
    margin: 40px 0;
    clear: both;
    border: none;
    border-top: 1px solid #f2f2f2
}

.content .red {
    color: #c10f1c
}

.content .red .fa, .content .white {
    color: #fff
}

.boxes {
    margin: 0 -5px
}

.boxes .inner img {
    width: 100%;
    height: auto
}

.boxes .text {
    text-align: center;
    padding: 30px
}

.boxes .box {
    background: #f9f9f9;
    margin: 10px 5px
}

.boxes[data-columns]::before {
    content: '3 .columns.w33' !important
}

@media screen and (max-width:700px) {
    .boxes[data-columns]::before {
        content: '1 .columns.w100' !important
    }
}

@media screen and (min-width:701px) and (max-width:1280px) {
    .boxes[data-columns]::before {
        content: '2 .columns.w50' !important
    }
}

@media screen and (min-width:1281px) {
    .boxes[data-columns]::before {
        content: '3 .columns.w33' !important
    }
}

.w20 {
    width: 20%
}

.w25 {
    width: 25%
}

.w30 {
    width: 30%
}

.w33 {
    width: 33.33%
}

.w50 {
    width: 50%
}

.w70 {
    width: 70%
}

.w75 {
    width: 75%
}

.w80 {
    width: 80%
}

#slideshow, .w100, nav {
    width: 100%
}

nav {
    position: absolute;
    z-index: 99999;
    top: 40px
}

nav ul {
    text-align: center;
    float: none;
    margin: 0;
    padding: 0
}

nav ul li {
    float: none
}

nav ul li a {
    font: 400 13px / 1em Montserrat, arial;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .12em;
    padding: 20px 0;
    float: left;
    margin: 0 25px -5px;
    border-bottom: 3px solid transparent;
    text-shadow: 3px 3px 8px rgba(0, 0, 0, .4)
}

nav ul li a:hover {
    color: #fff;
    border-bottom: 3px solid #fff
}

nav ul li.phone a {
    font: 400 16px / 1em Montserrat, arial;
    color: #fff;
    margin-right: 0;
    cursor: default !important;
    border-color: transparent
}

body.scroll nav {
    top: 0
}

body.past-header nav {
    position: fixed;
    top: 0;
    background: #000
}

body.past-header nav ul li a {
    color: #bbb;
    text-shadow: none
}

body.past-header nav ul li a:hover {
    background: 0 0;
    color: #fff
}

nav ul li.logo-wrap a img {
    opacity: .7
}

nav ul li.logo-wrap a {
    padding: 0;
    margin: 0
}

nav ul li.logo-wrap a:hover {
    border-bottom: 3px solid transparent
}

nav ul li.logo-wrap a:hover img {
    opacity: 1
}

.home nav ul li.logo-wrap, .home.past-header nav ul li.home-link {
    display: none
}

.home.past-header nav ul li.logo-wrap {
    display: inline-block
}

.internal nav ul li.home-link {
    display: none
}

.internal nav {
    top: 30px
}

#slideshow {
    float: left;
    overflow: hidden
}

#slideshow .logo-btn {
    position: absolute;
    top: 60%;
    left: 50%;
    width: 340px;
    z-index: 99;
    -ms-transform: translate(-50%, -40%);
    transform: translate(-50%, -40%);
    text-align: center
}

#slideshow .logo-btn .logo {
    width: 340px
    -webkit-filter: drop-shadow( 2px 2px 2px #000 );
            filter: drop-shadow( 2px 2px 2px #000 ); /* Same syntax as box-shadow, except 
                                                       for the spread property */

}

#slideshow .logo-btn .btn {
    border: 2px solid #fff;
    font: 400 14px / 1em Montserrat, arial;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .15em;
    padding: 18px 40px;
    display: inline-block;
    margin-top: 40px
}

#slideshow .logo-btn .btn:hover {
    background: #fff;
    color: #333
}

#slideshow .item {
    position: relative;
    overflow: hidden
}

#slideshow .item img {
    display: block;
    height: auto;
    width: 100%
}

#slideshow .nav {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9999;
    cursor: pointer
}

#slideshow .nav .fa {
    color: #fff;
    opacity: .6;
    font-size: 50px
}

#slideshow .nav:hover .fa {
    opacity: 1
}

#slideshow .nav.prev {
    left: 30px
}

#slideshow .nav.next {
    right: 30px
}

.internal #slideshow .nav .fa {
    opacity: .7;
    text-shadow: 2px 2px 23px rgba(0, 0, 0, 1)
}

.internal #slideshow .nav:hover .fa {
    opacity: 1
}

#slideshow a.down {
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    bottom: 0;
    position: absolute;
    z-index: 2;
    height: 50px
}

#slideshow a.down span {
    font-size: 70px;
    color: #fff;
    opacity: .3
}

#slideshow.specials .nav {
    bottom: 83px;
    top: auto
}

#slideshow .description {
    position: absolute;
    bottom: 60px;
    width: 100%
}

#slideshow .description .title {
    background: rgba(0, 0, 0, .7);
    padding: 0;
    width: 39%;
    float: left;
    text-align: right;
    color: #fff;
    font: 700 24px / 1em Montserrat, arial;
    letter-spacing: .1em;
    text-transform: uppercase;
    height: 140px;
    position: relative
}

#slideshow .description .title .title-inner {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: 10%;
    width: 75%
}

main, section {
    position: relative
}

#slideshow .description .title span {
    display: block;
    color: #919397;
    font: 700 14px / 1.2em Montserrat, arial;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-top: 10px
}

#slideshow .description .info {
    background: rgba(0, 0, 0, .85);
    padding: 40px 14% 40px 4%;
    width: 43%;
    float: right;
    height: 60px
}

#slideshow .description .info .text {
    width: 60%;
    float: left;
    color: #fff;
    font: 400 14px / 1.4em Montserrat, arial
}

#slideshow .description .info .btn {
    float: right;
    border: 2px solid #fff;
    font: 400 14px / 1em Montserrat, arial;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .15em;
    padding: 15px 30px;
    margin: 0
}

#slideshow .description .info .btn:hover {
    background: #fff;
    color: #333
}

.internal #slideshow {
    height: 800px
}

section {
    overflow: hidden;
    margin-bottom: -1px
}

main {
    float: left;
    width: 100%
}

main > .overlay {
    background: linear-gradient(to top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .4) 60%) rgba(0, 0, 0, 0);
    position: absolute;
    top: 0;
    width: 100%;
    padding: 0;
    text-align: center;
    z-index: 10;
    color: #fff;
    height: 140px
}

section.intro {
    color: #fff;
    background: url(http://www.mikefiguero.com/images/bg.jpg) fixed #28292a;
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden
}

section.intro:after {
    content: "";
    background: url(http://www.mikefiguero.com/images/bg-stripes.png) repeat-y;
    height: 100%;
    left: 20%;
    position: absolute;
    top: 0;
    width: 200px;
    z-index: 0
}

section.intro .columns.images {
    width: 50%;
    float: left
}

section.intro .columns.images .image {
    width: 48%;
    height: 100%;
    float: left;
    overflow: hidden
}

section.intro .columns.images .image:last-child {
    margin-left: 4%
}

section.intro .columns.images .image img {
    height: 100%;
    width: auto
}

section.intro .columns.text {
    padding-left: 4%;
    width: 46%;
    float: right
}

section.intro .columns.text h1 {
    font: 400 32px / 1.2em Montserrat, arial;
    padding-top: 55px;
    position: relative
}

section.menus .columns .menu-list .overlay span, section.menus .columns .menu-list > span {
    text-align: center;
    font: 400 16px / 1.4em Montserrat, arial;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #fff
}

section.intro .columns.text h1 .line, section.menus:after {
    position: absolute;
    top: 0;
    content: ""
}

section.intro .columns.text h1 .line {
    width: 4px;
    background: #c10f1c;
    height: 40px;
    -webkit-transform: translate3d(0, -300%, 0);
    transform: translate3d(0, -300%, 0)
}

section.intro .columns.text h1 .line.viewport {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

section.intro .content p:last-child {
    margin: 0
}

section.menus {
    background: #333333;
    color: #fff;
    float: left;
    width: 100%
}

section.menus:after {
    background: url(http://www.mikefiguero.com/images/bg-stripes.png) repeat-y;
    height: 100%;
    right: 20%;
    width: 200px;
    z-index: 0
}

section.menus .columns {
    float: left
}

section.menus .columns.text {
    width: 35%
}

section.menus .columns.menu-grid {
    width: 55%;
    padding-left: 10%
}

section.menus .columns .menu-list {
    width: 50%;
    float: left;
    position: relative;
    cursor: pointer;
    overflow: hidden
}

section.menus .columns .menu-list img {
    width: 100%;
    height: auto;
    display: block
}

section.menus .columns .menu-list > span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, .5);
    width: 100%;
    display: none
}

section.menus .columns .menu-list:hover > span {
    opacity: 0
}

section.menus .columns .menu-list .overlay {
    position: absolute;
    z-index: 10;
    width: 70%;
    height: 70%;
    top: 15%;
    left: 15%;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

section.menus .columns .menu-list .overlay span {
    opacity: 0;
    position: absolute;
    left: 50%;
    -ms-transform: translate(-50%, -30px);
    transform: translate(-50%, -50%);
    width: 100%;
    top: 50%;
    -webkit-transition: all .8s ease;
    transition: all .8s ease
}

section.menus .columns .menu-list .overlay span i {
    display: block;
    margin-top: 10px
}

section.menus .columns .menu-list:hover .overlay {
    width: 100%;
    height: 100%;
    background: rgba(193, 15, 28, .85);
    top: 0;
    left: 0
}

section.menus .columns .menu-list:hover .overlay span {
    opacity: 1
}

section.menus .columns h2 a {
    font: 400 32px / 1.2em Montserrat, arial;
    padding-top: 55px;
    position: relative;
    color: #fff
}

.internal .columns .menu-list .overlay span, .internal .columns .menu-list > span {
    font: 400 16px / 1.4em Montserrat, arial;
    letter-spacing: .08em;
    text-transform: uppercase;
    text-align: center
}

section.menus .columns h2 a:hover {
    color: #c10f1c
}

section.menus .columns h2 a .line {
    width: 4px;
    background: #c10f1c;
    height: 40px;
    position: absolute;
    top: 0;
    left: 1px;
    -webkit-transform: translate3d(0, -300%, 0);
    transform: translate3d(0, -300%, 0)
}

section.menus .columns h2 a .line.viewport {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.internal .columns .menu-list {
    width: 25%;
    float: left;
    position: relative;
    cursor: pointer;
    overflow: hidden
}

.internal .columns .menu-list img {
    width: 100%;
    height: auto;
    display: block
}

.internal .columns .menu-list > span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, .5);
    width: 100%;
    display: none
}

.internal .columns .menu-list:hover > span {
    opacity: 0
}

.internal .columns .menu-list .overlay {
    position: absolute;
    z-index: 10;
    width: 70%;
    height: 70%;
    top: 15%;
    left: 15%;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.internal .columns .menu-list .overlay span {
    opacity: 0;
    position: absolute;
    left: 50%;
    -ms-transform: translate(-50%, -30px);
    transform: translate(-50%, -50%);
    width: 100%;
    top: 50%;
    color: #fff;
    -webkit-transition: all .8s ease;
    transition: all .8s ease
}

.internal .columns .menu-list .overlay span i {
    display: block;
    margin-top: 10px
}

.internal .columns .menu-list:hover .overlay {
    width: 100%;
    height: 100%;
    background: rgba(193, 15, 28, .85);
    top: 0;
    left: 0
}

.internal .columns .menu-list:hover .overlay span {
    opacity: 1
}

section.contact-us {
    color: #fff;
    background: url(http://www.mikefiguero.com/images/bg.jpg) fixed #28292a;
    float: left;
    width: 100%
}

section.contact-us:after {
    content: "";
    background: url(http://www.mikefiguero.com/images/bg-stripes.png) repeat-y;
    height: 100%;
    left: 20%;
    position: absolute;
    top: 0;
    width: 200px;
    z-index: 0
}

section.contact-us h2 a {
    font: 400 32px / 1.2em Montserrat, arial;
    padding-top: 55px;
    position: relative;
    color: #fff
}

section.contact-us h2 a:hover {
    color: #c10f1c
}

section.contact-us h2 a .line {
    width: 4px;
    background: #c10f1c;
    height: 40px;
    position: absolute;
    top: 0;
    -webkit-transform: translate3d(0, -300%, 0);
    transform: translate3d(0, -300%, 0)
}

section.contact-us h2 a .line.viewport {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

section.contact-us li, section.contact-us ul {
    list-style: none;
    margin: 0;
    padding: 0
}

section.contact-us ul {
    background: 0 0;
    float: left;
    width: 100%;
    margin: 20px 0 25px
}

section.contact-us ul li::before {
    content: "";
    margin: 0
}

section.contact-us ul.social li {
    font-size: 22px;
    margin-right: 18px;
    float: left
}

section.contact-us ul.social li a {
    color: #fff
}

section.contact-us ul.social li a:hover {
    color: #c10f1c
}

section.contact-us ul.contact-info {
    float: left;
    width: 100%;
    margin-bottom: 0
}

section.contact-us ul.contact-info li {
    color: #fff;
    font: 400 13px / 1.3em Montserrat, arial;
    margin-bottom: 10px;
    height: 20px
}

section.contact-us ul.contact-info li span {
    color: #c10f1c;
    font-size: 16px;
    line-height: 16px;
    width: 30px;
    padding-right: 8px;
    float: left;
    height: 20px;
    text-align: center
}

section.contact-us ul.contact-info li a {
    color: #fff;
    cursor: pointer
}

section.contact-us ul.contact-info li a:hover {
    color: #c10f1c
}

section.contact-us .columns.map {
    width: 50%;
    float: left
}

section.contact-us .columns.text {
    width: 45%;
    display: inline-block;
    float: none;
    padding-left: 5%
}

section.contact-us .map > a {
    font: 400 10px / 1.3em Montserrat, arial;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .1em
}

section.contact-us .map > a:hover {
    color: #c10f1c
}

section.statement {
    padding: 120px 10%;
    text-align: center;
    float: left;
    width: 80%;
    background: url(http://www.mikefiguero.com/images/KeyWest3b.jpg) center center / cover no-repeat fixed
}

section.ctstatement {
    padding: 120px 10%;
    text-align: center;
    float: left;
    width: 80%;
    background: url(http://www.mikefiguero.com/images/bg-cocktail-menu-image.jpg) center center / cover no-repeat fixed
}

section.ctstatement .overlay {
    background: rgba(0, 0, 0, .4);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

section.ctstatement span {
    font: 300 30px / 1.6em 'Open Sans', arial;
    color: #fff;
    position: relative;
    z-index: 2
}

section.dtstatement {
    padding: 120px 10%;
    text-align: center;
    float: left;
    width: 80%;
    background: url(http://www.mikefiguero.com/images/bg-dessert-menu-image.jpg) center center / cover no-repeat fixed
}

section.dtstatement .overlay {
    background: rgba(0, 0, 0, .4);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

section.dtstatement span {
    font: 300 30px / 1.6em 'Open Sans', arial;
    color: #fff;
    position: relative;
    z-index: 2
}

section.fmstatement {
    padding: 120px 10%;
    text-align: center;
    float: left;
    width: 80%;
    background: url(http://www.mikefiguero.com/images/bg-menu-image.jpg) center center / cover no-repeat fixed
}

section.fmstatement .overlay {
    background: rgba(0, 0, 0, .4);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

section.fmstatement span {
    font: 300 30px / 1.6em 'Open Sans', arial;
    color: #fff;
    position: relative;
    z-index: 2
}

section.menuheader1 {
    padding: 0px 0% !important;
    text-align: center;
    float: left;
    width: 100%;
	background: #333333
}

section.statement .overlay {
    background: rgba(0, 0, 0, .4);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
} 

section.statement span {
    font: 300 30px / 1.6em 'Open Sans', arial;
    color: #fff;
    position: relative;
    z-index: 2
}

.content.special-detail p strong {
    font: 300 14px / 1.6em "Open Sans", arial;
    letter-spacing: .15em;
    margin: 0 0 10px;
    text-transform: uppercase;
    display: block
}

.content.special-detail.content h3 {
    font: 300 20px / 1.6em "Open Sans", arial;
    margin-bottom: .8em
}

.content.special-detail .columns.information {
    width: 50%;
    padding-right: 5%;
    float: left
}

.content.special-detail .columns.conditions {
    background: #f9f9f9;
    padding: 40px 5%;
    width: 35%;
    float: right
}

.content.special-detail .columns.conditions p:last-child {
    margin: 0
}

.content .special-list {
    border: 1px solid #fff
}

.content .special-list a {
    color: #000
}

.content .special-list h2 {
    font: 400 22px / 1.2em Montserrat, arial;
    margin-bottom: .5em
}

.content .special-list h3 {
    font: 300 14px / 1.6em "Open Sans", arial;
    margin-bottom: 1.5em
}

.content .special-list .image {
    overflow: hidden;
    width: 100%;
    position: relative
}

.content .special-list .image img {
    display: block;
    margin: 0
}

.content .special-list:hover .image img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.content .special-list:hover {
    background: #fff;
    border: 1px solid #f2f2f2
}

.content .group-booking {
    width: 100%;
    float: left
}

.content .contact-intro {
    width: 58%;
    float: left
}

.content .opening-hours {
    background: #f9f9f9;
    padding: 40px;
    float: right;
    width: 28%;
    margin-bottom: 40px
}

.content .opening-hours h2 {
    padding-left: 5%;
    font: 400 22px / 1.2em Montserrat, arial
}

.content .opening-hours h3 {
    font: 300 14px / 1.6em "Open Sans", arial;
    margin: 0 0 10px
}

.content .opening-hours span {
    font: 400 13px / 1.2em Montserrat, arial;
    display: block;
    margin-bottom: 20px
}

#google-map .gm-style-cc, .home #google-map .gmnoprint .gm-style-mtc,
.internal #google-map .gmnoprint .gm-style-mtc {
    display: none !important
}

.content .opening-hours span.no-margin {
    margin-bottom: 5px
}

.content.contact-page ul, section.contact-us li {
    list-style: none;
    margin: 0;
    padding: 0
}

.content.contact-page ul {
    background: 0 0;
    float: left;
    width: 100%;
    margin: 20px 0 25px
}

.content.contact-page ul li::before {
    content: "";
    margin: 0
}

.content.contact-page ul.social li {
    font-size: 22px;
    margin-right: 18px;
    float: left
}

.content.contact-page ul.contact-info {
    float: left;
    width: 100%;
    margin: 10px 0 30px
}

.content.contact-page ul.contact-info li {
    color: #333;
    font: 400 13px / 1.3em Montserrat, arial;
    margin-bottom: 10px;
    height: 20px
}

.content.contact-page ul.contact-info li span {
    color: #c10f1c;
    font-size: 16px;
    line-height: 16px;
    width: 30px;
    padding-right: 8px;
    float: left;
    height: 20px;
    text-align: center
}

.content.contact-page ul.contact-info li a {
    color: #333;
    cursor: pointer
}

.content.contact-page ul.contact-info li a:hover {
    color: #c10f1c
}

.internal #google-map {
    margin-top: 60px;
    float: left;
    width: 100%
}

.internal #google-map #map {
    width: 100%;
    height: 400px
}

.home #google-map {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    height: auto;
    margin: 0
}

.home #google-map #map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.tooltip {
    background: #fff;
    font: 400 16px / 16px Lato, arial;
    color: #4f4845;
    padding: 10px 12px;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
    text-transform: lowercase
}

#popup .content h1 {
    font-size: 30px;
    margin: 0
}

#popup .content p.intro {
    font-size: 20px;
    font-weight: bolder;
    margin: 0
}

.form div {
    width: 100%;
    float: left
}

.form input[type=text], .form select, .form textarea {
    background: 0 0;
    color: #777;
    border: none;
    border-bottom: 2px solid #eee;
    width: 45%;
    float: left;
    padding: 20px 2%;
    font: 400 14px / 1em Lato, arial;
    height: 25px
}

.form input[type=submit] {
    cursor: pointer;
    border: 2px solid #c10f1c;
    font: 400 13px / 1em Montserrat, arial;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .15em;
    padding: 18px 30px;
    display: inline-block;
    background: #c10f1c;
    margin-top: 20px
}

.form input[type=submit]:hover {
    background: #000;
    border-color: #000
}

.form input.right {
    float: right
}

.form textarea {
    width: 96%;
    height: auto
}

.form .mandatory::-webkit-input-placeholder {
    line-height: 1.56em;
    opacity: 1;
    color: #c10f1c;
    font: 400 14px / 1em Lato, arial
}

.form .mandatory:-moz-placeholder {
    line-height: 1.56em;
    opacity: 1;
    color: #c10f1c;
    font: 400 14px / 1em Lato, arial
}

.form .mandatory::-moz-placeholder {
    line-height: 1.56em;
    opacity: 1;
    color: #c10f1c;
    font: 400 14px / 1em Lato, arial
}

.form .mandatory:-ms-input-placeholder {
    line-height: 1.56em;
    opacity: 1;
    color: #c10f1c;
    font: 400 14px / 1em Lato, arial
}

footer {
    background: #333333;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    clear: both
}

footer li {
    float: left
}

footer .copyright {
    font: 400 11px / 1em Montserrat, arial;
    color: #747476;
    width: 60%;
    margin: 0 auto;
    padding: 65px 0;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: .12em
}

footer .copyright a {
    margin: 0 25px 0 0;
    color: #747476
}

footer .copyright a:hover {
    color: #c10f1c
}

footer .copyright a.mf {
    position: relative;
    top: -8px;
    margin: 0;
    padding: 0;
    width: 174px;
    height: 25px;
    float: right;
    display: block;
    opacity: .6
}

footer .copyright a.mf:hover {
    opacity: 1
}

@media only screen and (max-width:2300px) {
    .content {
        width: 60%;
        left: 20%
    }

    section.contact-us::after, section.intro::after {
        left: 15%
    }

    section.intro .columns.images .image img {
        height: auto;
        width: 100%
    }

    section.menus::after {
        right: 15%
    }
}

@media only screen and (max-width:2200px) {
    section.intro .columns.images .image img {
        height: 100%;
        width: auto
    }
}

@media only screen and (max-width:2080px) {
    .internal #slideshow {
        height: 700px
    }
}

@media only screen and (max-width:1950px) {
    .content, footer .copyright {
        width: 70%
    }

    .content {
        left: 15%
    }

    section.contact-us::after, section.intro::after {
        left: 8%
    }

    section.menus::after {
        right: 8%
    }

    section.intro .columns.images {
        width: 46%
    }

    section.intro .columns.text {
        width: 50%
    }
}

@media only screen and (max-width:1800px) {
    #slideshow .description .info {
        padding: 40px 10% 40px 4%;
        width: 47%
    }

    .internal #slideshow {
        height: 600px
    }
}

@media only screen and (max-width:1700px) {
    .content h1, .content h2 {
        letter-spacing: .05em;
        text-transform: uppercase
    }

    .content h1, .content h2, .content h3 {
        text-transform: uppercase
    }

    section.intro .columns.text h1 {
        font: 400 26px / 1.2em Montserrat, arial
    }

    section.intro .columns.images {
        width: 44%
    }

    section.intro .columns.text {
        width: 52%
    }

    .content h1 {
        font: 400 34px / 1.2em Montserrat, arial
    }

    .content h2 {
        font: 400 26px / 1.2em Montserrat, arial
    }

    .content h3 {
        font: 300 13px / 1.6em 'Open Sans', arial;
        letter-spacing: .15em;
        margin-bottom: 2em
    }

    .content p {
        font: 400 14px / 1.5em Montserrat, arial
    }

    #slideshow .description .title {
        font: 700 22px / 1em Montserrat, arial
    }

    #slideshow .description .title span {
        font: 700 13px / 1.2em Montserrat, arial
    }

    #slideshow .description .info .text {
        font: 400 14px / 1.4em Montserrat, arial
    }

    section.menus .columns.menu-grid {
        width: 51%
    }

    section.menus .columns.text {
        width: 38%
    }
}

@media only screen and (max-width:1550px) {
    .internal #slideshow {
        height: auto
    }
}

@media only screen and (max-width:1500px) {
    #slideshow .description .info {
        padding: 40px 8% 40px 4%;
        width: 49%
    }

    section.intro .columns.images .image img.chef {
        margin-left: -15%
    }
}

@media only screen and (max-width:1400px) {
    .content, footer .copyright {
        width: 80%
    }

    .content {
        left: 10%
    }

    section.contact-us::after, section.intro::after {
        left: 5%
    }

    section.menus::after {
        right: 5%
    }
}

@media only screen and (max-width:1380px) {
    #slideshow .description .info .text {
        width: 64%
    }

    .content .contact-intro {
        width: 56%
    }

    .content .opening-hours {
        width: 30%
    }
}

@media only screen and (max-width:1340px) {
    section.intro .columns.images {
        width: 42%
    }

    section.intro .columns.text {
        width: 53%;
        padding-left: 5%
    }
}

@media only screen and (max-width:1280px) {
    section.intro .columns.images {
        width: 48%
    }

    section.intro .columns.text {
        width: 47%
    }

    #slideshow .description .title {
        padding: 0 3% 0 7%;
        width: 29%
    }

    .content.special-detail .columns.information {
        width: 55%;
        padding-right: 5%
    }

    .content.special-detail .columns.conditions {
        padding: 40px 5%;
        width: 30%
    }

    .content .contact-intro {
        width: 54%
    }

    .content .opening-hours {
        width: 32%
    }
}

@media only screen and (max-width:1200px) {
    #slideshow .description .title {
        padding: 35px 3% 35px 6%;
        width: 30%;
        height: 70px
    }

    #slideshow .nav.prev {
        left: 20px
    }

    #slideshow .nav.next {
        right: 20px
    }

    section.intro .columns.images {
        width: 20%
    }

    section.intro .columns.images .image {
        height: 50%;
        width: 100%
    }

    section.intro .columns.images .image:last-child {
        margin-left: 0;
        margin-top: 10px
    }

    section.intro .columns.images .image img {
        width: 100%;
        height: auto
    }

    section.intro .columns.images .image img.chef {
        margin: -10% 0 0
    }

    section.intro .columns.text {
        width: 75%
    }

    section.menus .columns.text {
        width: 40%
    }

    section.menus .columns.menu-grid {
        padding-left: 6%;
        width: 54%
    }

    section.contact-us h2, section.menus .columns h2 {
        font: 400 26px / 1.2em Montserrat, arial
    }
}

@media only screen and (max-width:1150px) {
    nav ul li a {
        font: 400 12px / 1em Montserrat, arial;
        margin: 0 20px -5px
    }

    nav ul li.phone a {
        margin: 0 0 -5px
    }

    #slideshow .description .title {
        padding: 35px 4% 35px 8%;
        width: 27%
    }

    #slideshow .description .info .text {
        width: 70%
    }

    #slideshow .description .info .btn span {
        display: none
    }

    .internal .columns .menu-list {
        width: 50%
    }
}

@media only screen and (max-width:1100px) {
    section.contact-us::after, section.intro::after {
        left: auto;
        right: 5%
    }

    section.intro .columns.images {
        width: 25%
    }

    section.intro .columns.text {
        width: 69%;
        padding-left: 6%
    }

    section.contact-us .columns.map, section.menus .columns.menu-grid {
        width: 100%;
        padding-left: 0;
        margin-top: 40px
    }

    section.menus .columns.text {
        width: 100%
    }

    section.menus .content .red .fa {
        display: none
    }

    section.contact-us .columns.text {
        width: 100%;
        padding: 0
    }

    section.menus::after {
        right: 5%
    }

    .content .contact-intro {
        width: 58%
    }

    .content .opening-hours {
        width: 26%
    }

    .boxes .columns {
        width: 50%
    }
}

@media only screen and (max-width:1024px) {
    nav ul li.logo-wrap {
        margin-right: 10px
    }

    nav ul li.logo-wrap a img {
        width: 150px;
        height: 40px
    }

    .content {
        padding: 100px 0
    }

    #slideshow .item img.desktop {
        display: none
    }

    #slideshow .item img.tablet {
        display: block !important
    }

    #slideshow .description .info {
        width: 44%
    }

    #slideshow .description .info .btn {
        display: none
    }

    #slideshow .description .info .text {
        width: 100%
    }

    #slideshow .description .title {
        width: 32%;
        font: 700 20px / 1em Montserrat, arial
    }

    .content .contact-intro {
        width: 57%
    }

    .content .opening-hours {
        width: 27%
    }

    section.statement span {
        font: 300 26px / 1.6em "Open Sans", arial
    }

    footer .copyright {
        text-align: center
    }

    footer .copyright a.mf {
        float: none;
        width: 100%;
        text-align: center;
        margin-top: 40px
    }
}

@media only screen and (max-width:950px) {
    nav {
        top: 20px
    }

    nav ul li a {
        margin: 0 15px -5px
    }

    .content .contact-intro {
        width: 100%
    }

    .content .opening-hours {
        width: 90%;
        float: left;
        padding: 40px 5%
    }

    .content .opening-hours > div {
        width: 50%;
        float: left
    }
}

@media only screen and (max-width:900px) {
    nav ul li.logo-wrap a img {
        width: 120px;
        height: 40px
    }

    .internal .content {
        padding: 75px 0
    }

    .content.special-detail .columns.information {
        width: 100%;
        padding-right: 0
    }

    .content.special-detail .columns.conditions {
        padding: 40px 5%;
        width: 90%;
        margin: 30px 0 0
    }

    .form input[type=text], .form select, .form textarea {
        width: 96%;
        padding: 20px 2%
    }
}

@media only screen and (max-width:850px) {
    footer .copyright {
        font: 400 12px / 1em Montserrat, arial
    }

    footer .copyright a {
        margin: 0
    }

    footer .copyright a.menu-item {
        display: block;
        margin: 25px 0 0;
        width: 100%
    }
}

@media only screen and (max-width:800px) {
    body.past-header nav, nav, nav a#pull {
        position: relative
    }

    .content h1 {
        font: 400 30px / 1.2em Montserrat, arial
    }

    .content.special-detail.content h3 {
        font: 300 18px / 1.6em "Open Sans", arial;
        margin-bottom: .8em
    }

    nav ul li.logo-wrap a img {
        width: 180px;
        height: 55px
    }

    nav, nav .centre, nav a#pull, nav li, nav ul {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block;
        clear: both
    }

    nav ul {
        display: none
    }

    nav {
        max-width: none;
        height: auto;
        min-height: 65px;
        top: 0;
        right: 0;
        margin: 0
    }

    nav .clearfix:after, nav .clearfix:before {
        content: "";
        clear: both;
        display: table
    }

    nav ul li a span {
        height: 43px
    }

    nav li {
        background: #333;
        width: 100% !important;
        height: 55px !important;
        display: block !important;
        float: none;
        border-bottom: 1px solid #343434 !important
    }

    nav li:last-child {
        border: none
    }

    nav li ul li ul, nav li ul.dropdown, nav li ul.dropdown li, nav ul li ul {
        display: none !important;
        height: 0 !important
    }

    nav li a {
        width: 100%;
        height: 55px !important;
        font: 400 14px / 55px Montserrat, arial !important;
        color: #fff !important;
        border: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block;
        background: #2C2C2E
    }

    nav ul li a:hover {
        font-weight: 400 !important;
        background: #303033
    }

    nav a#pull {
        background: #333333;
        font: 300 18px / 65px Lato, arial;
        height: 65px;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        display: block;
        clear: both;
        cursor: pointer
    }

    nav a#pull:after {
        content: "";
        content: '\f0c9';
        font-family: FontAwesome;
        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        right: 20px;
        top: 20px;
        font-size: 20px;
        line-height: 1em;
        color: #fff
    }

    .internal header nav ul li.in-touch a {
        color: #9b8350 !important;
        font-weight: 400 !important
    }

    .internal.scroll.past-header header nav ul li.in-touch a {
        background: #fff
    }

    .internal nav {
        top: 0
    }

    nav ul li.phone a {
        cursor: pointer !important;
        border-color: transparent
    }

    .content {
        padding: 90px 0
    }

    section.intro .columns.images {
        width: 100%;
        margin-top: 50px;
        height: auto !important
    }

    section.intro .columns.images .image {
        width: 48%;
        height: 350px
    }

    section.intro .columns.images .image:last-child {
        margin: 0 0 0 4%
    }

    section.intro .columns.text {
        width: 100%
    }

    #slideshow .item {
        float: left
    }

    #slideshow .description {
        position: relative;
        bottom: 0;
        float: left;
        display: block
    }

    #slideshow .description .title {
        width: 80%;
        padding: 30px 10%;
        text-align: left;
        float: left;
        height: 50px;
        background: #000
    }

    #slideshow .description .title .title-inner {
        position: relative;
        transform: none;
        width: 100%;
        right: auto;
        top: auto
    }

    #slideshow .description .info {
        display: none
    }

    #slideshow.specials .nav {
        bottom: 10px
    }

    #slideshow .logo-btn {
        top: 50%;
        transform: translate(-50%, -50%)
    }

    #slideshow .nav.prev {
        left: 20px
    }

    #slideshow .nav.next {
        right: 20px
    }
}

@media only screen and (max-width:700px) {
    section.intro .columns.images .image {
        height: 320px
    }

    .boxes .columns {
        width: 100%
    }
}

@media only screen and (max-width:600px) {
    .internal .columns .menu-list .overlay span, section.menus .columns .menu-list .overlay span {
        opacity: 0
    }

    section.wrap {
        background: #fff
    }

    .bg {
        background: url(http://www.mikefiguero.com/images/KeyWest3b.jpg) center center no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        height: 100%;
        width: 100%;
        position: fixed;
        z-index: -1
    }

    section.statement {
        background: 0 0;
        padding: 80px 10%
    }

    #slideshow .item img.desktop {
        display: none
    }

    #slideshow .item img.tablet {
        display: none !important
    }

    #slideshow .item img.mobile {
        display: block !important
    }

    section.intro .columns.images .image {
        height: 300px
    }

    section.menus .columns .menu-grid {
        margin-top: 30px
    }

    section.menus .columns .menu-list {
        width: 100%;
        margin: 20px 0
    }

    section.menus .columns .menu-list .overlay {
        width: 70%;
        height: 70%;
        background: rgba(204, 0, 0, 0);
        left: 15%;
        top: 15%
    }

    .internal .columns .menu-list {
        width: 100%;
        margin: 20px 0
    }

    .internal .columns .menu-list .overlay {
        width: 0%;
        height: 0%;
        background: rgba(193, 15, 28, .7);
        left: 50%;
        top: 50%
    }

    #google-map {
        height: 300px !important
    }

    section.contact-us::after, section.intro::after, section.menus::after {
        right: -20%;
        background-size: 120px auto
    }

    footer .copyright {
        width: 90%
    }
}

@media only screen and (max-width:550px) {
    #slideshow .logo-btn {
        left: 15%;
        width: 70%;
        transform: none;
        top: 42%
    }

    #slideshow .logo-btn .logo {
        width: 100%
    }

    #slideshow .logo-btn .btn {
        margin-top: 30px
    }

    .content {
        padding: 70px 0
    }

    section.intro .columns.images .image {
        height: 250px
    }

    section.intro .columns.text h1 {
        font: 400 24px / 1.2em Montserrat, arial
    }

    #slideshow .description .title {
        padding: 30px 12%;
        height: 60px;
        width: 76%;
        text-align: center
    }

    #slideshow .nav.prev {
        left: 10px
    }

    #slideshow .nav.next {
        right: 10px
    }

    #slideshow .nav .fa {
        font-size: 40px
    }

    #slideshow.specials .nav {
        bottom: 25px
    }
}

@media only screen and (max-width:500px) {
    a.btn {
        display: block;
        text-align: center
    }
}

@media only screen and (max-width:450px) {
    section.intro .columns.images .image {
        height: 200px
    }

    section.statement {
        padding: 60px 5%;
        width: 90%
    }

    section.statement span {
        font: 300 22px / 1.6em "Open Sans", arial
    }

    footer .copyright {
        padding: 40px 0
    }

    footer .copyright a.menu-name {
        display: block;
        margin: 10px 0 0;
        width: 100%
    }

    footer .copyright a.menu-item {
        color: #fff
    }

    footer .copyright a.menu-item:hover {
        color: #c10f1c
    }
}

@media only screen and (max-width:400px) {
    #slideshow .logo-btn {
        top: 34%
    }

    section.intro .columns.images .image {
        height: 180px
    }

    #google-map {
        height: 250px !important
    }
}


.fb-page {
	display: inline-block;
}