/**OOF! Restaurants Corporate CSS**/
@import url(//fonts.googleapis.com/css?family=Raleway:400,600,800|Lato:400,700);
body {
    font-family: Raleway;
    padding: 0;
    background-image: url(../images/oof-bg.png);
}
.logo-container img {
    margin: 15px 0;
}
.row.menu-container {
    background-color: #232323;
    border-bottom: 1px solid #ed1c24;
}
div#oofmenu {
    text-align: center;
    line-height: 0;
}
ul.nav.navbar-nav {
    float: none;
    display: inline-block;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
}
.navbar {
    margin-bottom: 0;
    border: none;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #EB2128;
}
.navbar-nav > li > a {
    color: #fff;
    font-size: 1.2em;
    text-transform: uppercase;
}
.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
    color: #c1c1c1;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
    -webkit-transition: background 0.2s ease-out;
    -moz-transition: background 0.2s ease-out;
    -o-transition: background 0.2s ease-out;
    transition: background 0.2s ease-out;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #FDFDFD;
    background-color: rgb(235, 33, 40);
    -webkit-transition: background 0.2s ease-out;
    -moz-transition: background 0.2s ease-out;
    -o-transition: background 0.2s ease-out;
    transition: background 0.2s ease-out;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: transparent;
}
.navbar-default .navbar-toggle:hover span.icon-bar,
.navbar-default .navbar-toggle:focus span.icon-bar {
    background-color: rgba(255, 255, 255, 1);
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 0px;
    margin-bottom: 10px;
}
p {
    font-family: Lato;
    font-size: 1.1em;
    line-height: 1.6em;
}
.front.home h1.article-title {
    display: none;
}
h1.article-title2 {
    color: #EB2128;
    border-bottom: 1px solid #c1c1c1;
}
.container.component-container {
    position: relative;
    padding-top: 30px;
    padding-bottom: 80px;
    background-color: #fff;
    -webkit-box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.39);
    -moz-box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.39);
    box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.39);
    min-height: 600px;
}
.mod-holder {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.39);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.39);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.39);
    margin-top: 10px;
    margin-bottom: 35px;
}
.mod1-l,
.mod2-l,
.mod3-l,
.mod1-r,
.mod2-r,
.mod3-r {
    display: block;
    position: relative;
    text-align: center;
    min-height: 150px;
}
.mod1-l {
    background: url(../images/news.jpg);
    background-position: 50% 23%;
}
.mod1-r {
    background: url(../images/koco-imperial.jpg);
    background-position: 50% 23%;
}
.mod2-l {
    background: url(../images/our-restaurants.jpg);
    background-position: 67% 76%;
}
.mod2-r {    
	background: url(../images/espirituboricua.jpg);
    background-position: 50% 23%;
}
.mod3-l,
.mod3-r {
    background: url(../images/gift-card.jpg);
    background-position: 50% 76%;
}
.modtitle-container1 {
    background-color: #EB2128;
    min-height: 45px;
    display: block;
    /* bottom: 0; */
    /* position: absolute; */
    left: 0;
    /* width: 100%; */
    padding: 5px;
    text-align: center;
}
.modtitle-container1 h3 {
    color: #fff;
    margin: 5px;
}
.modtitle-container2 {
    background-color: #000;
    min-height: 45px;
    display: block;
    /* bottom: 0; */
    /* position: absolute; */
    left: 0;
    /* width: 100%; */
    padding: 5px;
    text-align: center;
}
.dining-col {
	float: left;
	margin-right: 2%;
    max-width: 63%;
	margin-bottom: 25px;
	
}
.dining-font {
	font-family: Raleway;
    font-size: 18px;
	font-weight:500;
    text-transform: uppercase;
	margin-top:-5px;
	margin-bottom:5px;
	
}
.modtitle-container2 h3 {
    color: #fff;
    margin: 5px;
}
.modtitle-container3 {
    background-color: #0071B9;
    min-height: 45px;
    display: block;
    /* bottom: 0; */
    /* position: absolute; */
    left: 0;
    /* width: 100%; */
    padding: 5px;
    text-align: center;
}
.modtitle-container3 h3 {
    color: #fff;
    margin: 5px;
}
.modtitle-container4 {
    background-color: #81c341;
    min-height: 45px;
    display: block;
    /* bottom: 0; */
    /* position: absolute; */
    left: 0;
    /* width: 100%; */
    padding: 5px;
    text-align: center;
}
.modtitle-container4 h3 {
    color: #000;
    margin: 5px;
}
.row.footer-container {
    background-image: url(../images/oof-darkbg.jpg);
    min-height: 200px;
    border-top: 4px solid #000;
}
.footer-container .navbar-nav > li > a {
    color: #fff;
    font-size: .8em;
    text-transform: uppercase;
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: color 0.2s ease-out;
    -o-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out;
}
.footer-container .navbar-nav > li > a:hover {
    color: #717171;
}
.row.icons-container {
    margin-bottom: 25px;
    margin-top: 25px;
    text-align: center;
}
.footeri-holder span.glyphicon {
    font-size: 2.5em;
    display: block;
    margin: 0 auto;
    text-align: center;
    color: #F1F1F1;
}
.footeri-holder p {
    text-align: center;
    text-transform: uppercase;
    color: #A9A9A9;
    font-size: .9em;
    margin: 8px 0;
}
.row.cr-text {
    text-align: center;
    font-size: .9em;
    text-transform: uppercase;
    color: #c1c1c1;
    padding: 10px;
}
nav.navbar.navbar-default.footer-menu {
    display: none;
}
div#ooffooter-menu ul.nav.navbar-nav {
    padding: 15px;
    color: #fff;
    text-transform: uppercase;
}
img.uk-overlay-scale {
    width: 107px;
    height: auto;
}
.col-sm-6.modc-holder2 {
    display: none;
}
.reservation-container {
    display: block;
    float: right;
    text-align: right;
    height: auto;
    margin-top: 7px;
	width:200px;
	margin-right: -33px;
}
.social-container {
    float: right;
    display: block;
    width: 100%;
    text-align: right;
}
.social-container img {
	width: 35px;
	height: 35px;
    margin: 0 5px;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}
.social-container img:hover {
    opacity: .5;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}
.socialfootericons-container {
    text-align: right;
    padding: 5px 0;
}
.socialfootericons-container img {
	width: 35px;
	height: 35px;
    margin: 0 5px;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}
.socialfootericons-container img:hover {
    opacity: .5;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}
.component-container a {
    text-decoration: none;
	opacity: 1;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}
.component-container a:hover {
    text-decoration: none;
	opacity: .8;
}
.col-md-9.alternate-container {
    display: block;
    margin: 0 auto;
    float: none;
}
.item-page h2 {
    text-transform: uppercase;
}
.bot-box {
    min-height: 200px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.39);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.39);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.39);
}
.alternate-container1 .bot-box {
    background-image: url(../images/news.jpg);
    background-size: auto 100%;
}
.alternate-container2 .bot-box {
    background-image: url(../images/espirituboricua.jpg);
    background-size: auto 100%;
}
.alternate-container3 .bot-box {
    background-image: url(../images/our-restaurants-box.jpg);
    background-size: auto 100%;
}
.alternate-container4 .bot-box {
    background-image: url(../images/private-dining.jpg);
    background-size: auto 100%;
}
.bot-box span {
    display: block;
    position: relative;
    padding: 7px;
    font-family: Raleway;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    bottom: -162px;
}
.alternate-container1 span {
    background-color: #0071b9;
    color: #fff;
}
.alternate-container2 span {
    background-color: #696969;
    color: #FFF;
}
.alternate-container3 span {
    background-color: #a02137;
    color: #FFF;
}
.alternate-container4 span {
    background-color: #FFF;
    color: #000;
}
h3.botbox-header {
    font-family: Raleway;
    text-transform: uppercase;
    border-bottom: 1px solid #c1c1c1;
    border-top: 1px solid #c1c1c1;
    padding: 20px 15px;
    margin: 30px 15px;
}
.restbox-row {
    margin-bottom: 30px;
}
.restbox-row div {
    display: inline-block;
    width: 24%;
    margin: 0 2px;
    min-height: 200px;
}
.restbox-row span {
    display: block;
    position: relative;
    padding: 7px;
    font-family: Raleway;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    bottom: -164px;
}
.rest1 {
    background-image: url(../images/restboxes/parrot-club-or.jpg);
    background-size: auto 102%;
}
.rest1 span {
    background-color: #D45E1C;
    color: #fff;
}
.rest2 {
    background-image: url(../images/restboxes/toro-salao-or.jpg);
    background-size: auto 102%;
}
.rest2 span {
    background-color: #A02137;
    color: #fff;
}
.rest3 {
    background-image: url(../images/restboxes/koco-or.jpg);
    background-size: auto 102%;
}
.rest3 span {
    background-color: #456D2E;
    color: #fff;
}
.rest4 {
    background-image: url(../images/restboxes/gato-flaco-or.jpg);
    background-size: auto 102%;
}
.rest4 span {
    background-color: #000;
    color: #fff;
}
.rest5 {
    background-image: url(../images/restboxes/aguaviva-or.jpg);
    background-size: auto 102%;
}
.rest5 span {
    background-color: #067AA5;
    color: #fff;
}
.rest6 {
    background-image: url(../images/restboxes/pina-colada-or.jpg);
    background-size: auto 102%;
}
.rest6 span {
    background-color: #03B1FF;
    color: #fff;
}
.rest7 {
    background-image: url(../images/restboxes/dragon-or.jpg);
    background-size: auto 102%;
}
.rest7 span {
    background-color: #500310;
    color: #fff;
}
.rest8 {
    background-image: url(../images/restboxes/oof-catering-or.jpg);
    background-size: auto 102%;
}
.rest8 span {
    background-color: #383838;
    color: #fff;
}
.work-with-us label, .contact label {
    text-transform: uppercase;
    text-align: right;
    font-weight: 600;
}
.bfQuickMode .bfLabelLeft label {
    width: 30%;
}
.work-with-us input, .contact input {
    padding: 7px;
    font-family: Roboto;
}
.work-with-us button#bfSubmitButton, .contact button#bfSubmitButton {
    background-color: #EB2128;
    border: 0;
    padding: 10px 15px;
    font-family: Raleway;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
	    -webkit-transition: background-color 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
}
.work-with-us button#bfSubmitButton:hover, .contact button#bfSubmitButton:hover { background-color: #861115;}
section {
    background: transparent!important;
}
.col-contact {
    float: left;
    width: 39%;
}
.-col-contact2 {
    display: inline-block;
    width: 60%;
}
.bfQuickMode section input[type='text'], .bfQuickMode section textarea, .bfQuickMode section select {
    width: 67%;
}
.icons-container a:hover {
    text-decoration: none;
}
button.btn.btn-default.form-download {
    background-color: #EB2128;
    border: 0;
    padding: 10px 15px;
    font-family: Raleway;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    border-radius: 0;
    -webkit-transition: background-color 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
}
button.btn.btn-default.form-download:hover {
    background-color: #861115;
}
.oofcatering-gal figure.uk-overlay.uk-overlay-hover {
    width: 100%;
    height: 250px;
}
.oofcatering-gal img.uk-overlay-scale {
    width: auto;
    height: 325px;
}
.uk-overlay-background {
    background: rgba(0,0,0,.5);
    color: #444;
}
.alternate-container1 a .bot-box, .alternate-container2 a .bot-box, .alternate-container3 a .bot-box, .alternate-container4 a .bot-box {
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}
.alternate-container1 a:hover .bot-box, .alternate-container2 a:hover .bot-box, .alternate-container3 a:hover .bot-box, .alternate-container4 a:hover .bot-box {
    opacity: .8;
}
.modc-holder a .mod-holder,.modc-holder2 a .mod-holder,.modc-holder3 a .mod-holder {
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}
.modc-holder a:hover .mod-holder,.modc-holder2 a:hover .mod-holder,.modc-holder3 a:hover .mod-holder {
    opacity: .8;
}
.icons-container a .footeri-holder {
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}
.icons-container a:hover .footeri-holder {
    opacity: .8;
}
.restlogos-slide img.uk-overlay-scale {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.OT_list a.OT_Find_a_Table:link, .OT_list a.OT_Find_a_Table:visited, .OT_list a.OT_Find_a_Table:hover, .OT_list a.OT_Find_a_Table:active {
    background: #EC2128;
    color: #ffffff;
    font-weight: normal;
    line-height: 25px;
    padding: 0px 15px;
    font-size: 1em;
    text-shadow: none;
    border: none;
    font-family: Raleway;
    text-transform: uppercase;
	    -webkit-transition: background-color 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
}
.OT_list a.OT_Find_a_Table:hover {
    background: #500310 !important;
}
.OT_searchTimeField, .OT_searchDateField, .OT_searchPartyField {
    font-family: Roboto!important;
}
h3.c-title {
    font-size: 1.4em;
    font-weight: 700;
}
.contact p {
    font-size: .9em;
}
.contact-row {
    display: inline-block;
    width: 100%;
    height: auto;
    margin: 24px 0;
}
.ficons-holder {
    display: inline-block;
    margin: 0;
	width: 13%;
}
@media screen and (max-width: 992px) {
.ficons-holder {
    margin: 0 3%;
	width: auto;
}
.m-container {
	padding-bottom: 60px;
}
}
.footer-menu li {
    margin: 6px 0;
}
.OT_day, .OT_time, .OT_party {
    padding-left: 0 !important;
    padding-right: 0px !important;
    width: 149px !important;
}
#OT_form, .OT_list, .OT_wrapper {
    margin: 0!important;
	display: block!important;
}
.OT_wrapper {
    float: right!important;
}
/** MEDIA QUERIES **/
@media screen and (max-width: 1199px) {
    .navbar-default .navbar-nav > li > a {
        font-size: 1em;
    }
    .footer-container .navbar-nav > li > a {
        padding: 15px 10px;
    }
	.OT_day, .OT_time, .OT_party, .OT_submit {
    margin: 0;
    padding: 10px 0 9px 35px;
    background-image: url(http://www.oofrestaurants.com/templates/oofcorp/img/icons_final_dark.png);
    background-repeat: no-repeat;
    background-position: -11px -4px;
    width: 130px;
    height: 24px;
    position: relative;
    display: inline;
    float: right!important;
    border-left: 2px solid #42382c;
    list-style: none;
}
}
@media screen and (max-width: 992px) {
    .navbar-default .navbar-nav > li > a {
        font-size: .9em;
        padding: 15px 8px;
    }
    .col-md-3.modc-holder {
        display: none;
    }
    .col-sm-6.modc-holder2 {
        display: block;
    }
    .socialfootericons-container {
        text-align: center;
    }
	.alternate-container1 .bot-box {
    background-size: 100%;
    background-position-y: 44%;
    margin-bottom: 15px;
}
	.alternate-container2 .bot-box {
    background-size: 100%;
    background-position-y: 44%;
    margin-bottom: 15px;
}
	.alternate-container3 .bot-box {
    background-size: 100%;
    background-position-y: 44%;
    margin-bottom: 15px;
}
	.alternate-container4 .bot-box {
    background-size: 100%;
    background-position-y: 44%;
    margin-bottom: 15px;
}
.ficons-holder {
    display: inline-block;
    margin: 0 1%;
}
}
@media screen and (max-width:950px) {
.OT_day, .OT_time, .OT_party, .OT_submit {
    float: none!important;
}
}
@media screen and (max-width:850px) {
#OT_form, .OT_list, .OT_wrapper {
    width: auto !important;
    display: table;
    position: relative;
    z-index: 1;
    margin: 0!important;
    float: right;
}
}
@media screen and (max-width: 767px) {
    div#oofmenu {
        text-align: left;
        line-height: 0;
    }
    ul.nav.navbar-nav {
        float: none;
        display: block;
        font-size: 1.2em;
    }
    .col-md-9.footer-men {
        display: none;
    }
    nav.navbar.navbar-default.footer-menu {
        display: block;
        background-color: #2B2B2B;
        margin: 15px 0;
    }
    .row.icons-container {
        display: none;
    }
    .mod1-l,
    .mod1-r,
    .mod2-l,
    .mod2-r,
    .mod3-l,
    .mod3-r {
        background-size: 100%;
    }
	.col-contact {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.-col-contact2 {
    display: inline-block;
    width: 100%;
}
.bfQuickMode .bfLabelLeft label {
    width: 30%;
    text-align: left;
}
.bfQuickMode input[type=text], .bfQuickMode textarea, .bfQuickMode .uneditable-input, .bfQuickMode input[type=text]:hover, .bfQuickMode textarea:hover, .bfQuickMode .uneditable-input:hover, .bfQuickMode input[type=text]:focus, .bfQuickMode textarea:focus, .bfQuickMode .uneditable-input:focus {
    width: 90%;
    max-width: 100%;
    min-width: 100%;
}
}
@media screen and (max-width: 735px) {
.restbox-row div {
    display: block;
    width: 100%;
    margin: 0 2px;
    min-height: 200px;
    margin-bottom: 15px;
    background-size: 100%!important;
    background-position-y: 39%;
}
}
@media screen and (max-width:410px) {
.reservation-container {
    display: none;
}
.social-container {
    margin-top: 15px;
}
}
@media screen and (max-width:347px) {
.social-container img {
    margin: 0 1px;
}
}
.uk-modal-caption {
    bottom: auto;
    margin-top: 10px;
    white-space: normal;
	color: #000;
}
/*** OPEN TABLE CSS ***/
h2.OT_feedTitle {
	font-size: 16px !important;
	font-weight: bold !important;
	margin: 0px 0px 0px 0px !important;
}
#OT_restaurantLbl {
    width: 80px !important;
}
#OT_restaurant {
    left: 90px !important;
}
#OT_partySizeLbl {
    width: 80px !important;
}
#OT_partySize {
    left: 90px !important;
}
#OT_dateLbl {
    left: 140px !important;
}
#OT_date {
    left: 205px !important;
}
#OT_timeLbl {
    left: 295px !important;
}
#OT_time {
    left: 355px !important;
}
#OT_submitWrap {
    left: 455px !important;
    top: 56px !important;
}
@media screen and (max-width: 599px) {
	
.m-container {
	padding-bottom: 120px;
}
#OT_dateLbl {
    left: 25px !important;
    top: 90px !important;
}
#OT_date {
    left: 92px !important;
    top: 90px !important;
}
	
#OT_timeLbl {
	top: 140px !important;
    left: 30px !important;
}
#OT_time {
	top: 140px !important;
    left: 90px !important;
}
#OT_submitWrap {
    left: 180px !important;
    top: 142px !important;
}
	
}

@media (max-width: 480px) {
	
.uk-overlay {
	height: auto;
}

.uk-overlay img {
	max-width: 100%;
	height: auto;
}
	
}

/*** OCT29 ***/

.catering-sample-menus .uk-panel {
	text-align: center;
}
/***NOV6***/
.uk-button-primary{
    min-width: 90%;
    background-color: transparent;
}
.uk-button-primary:focus, .uk-button-primary:hover{
    background-color: transparent;
}