/*
Template Name: pastabrioni-theme
Author URI: http://www.hildingdesign.com
Author Name: Cedric
*/


/* --- TABLE OF CONTENT

01. GENERAL LAYOUT
02. HEADER
03. FOOTER
		1. Footer General Styles
		2. Footer Social Icons
		3. Footer Gallery
		4. Footer List
04. HERO SECTIONS
05. MENU
06. BLOG
07. REGISTER
08. CONTACT
09. MOBILE DEVICES

--- */


/* ========================================================== */
/* 			            01. GENERAL LAYOUT                    */
/* ========================================================== */

@font-face {
	font-family: 'MorningGloryFont';
	src:url('/wp-content/themes/pastabrioni-theme/fonts/MorningGloryFont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


/***************** Responsive Images ******************/

img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}


/* ========================================================== */
/* 			           Aged Barrel Timer Style                  */
/* ========================================================== */

#manhatten,
#negroni {
	font-size:1.5em;
	letter-spacing: -1px;
	font-family: 'Montserrat';
}
#manhatten span,
#negroni span {
	font-size:1.3em;
	font-weight:900;
	color:#760a03;
}

.aged-timer h1 span {
  font-size: 2rem;
}

.aged-timer li {
  display: inline-block;
  font-size: 1em;
  list-style-type: none;
  padding:10px;
  text-align: center;
  text-transform: uppercase;
}

.aged-timer li span {
  display: block;
  font-size: 4.5rem;
  font-wieght:900;
  font-family: 'Montserrat', sans-serif;
  color:#400000;
}
.aged-timer h1 {
	font-size:2.2em;
}

#countup-manhatten {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.5em;
	font-weight:800;
}
#countup-manhatten p {
    display: inline-block;
    margin: 0;
}
#countup-manhatten #days,
#countup-manhatten #hours,
#countup-manhatten #minutes,
#countup-manhatten #seconds {
	font-size:1.3em;
	font-weight:800;
	margin:8px 0;
	color:#541510 !important;
}
#countup-manhatten .timeRefDays,
#countup-manhatten .timeRefHours,
#countup-manhatten .timeRefMinutes {
	margin-right:4px;
}
#countup-manhatten #days {
	margin-left:10px;
}



.aged-timer-row {
	left: -28px;
	margin-top: 2em;
}
.aged-timer-row .col-md-6 h2 {
	font-size: 23px;
	margin:0;
	letter-spacing: -1.5px;
}
.aged-timer-row .col-md-6 h2 {
	font-size: 23px;
	margin:0;
	letter-spacing: -1.5px;
}

.countdownHolder{
	width:380px;
	font: 40px/1.5 'Open Sans Condensed',sans-serif;
	text-align: left;
	letter-spacing:-6px;
}
#countdown:nth-child(1) {
	left: auto;
}

.position{
	display: inline-block;
	height: 1.6em;
	position: relative;
	width: 16px;
}

.digit{
	position:absolute;
	display:block;
	border-radius:0.2em;
  font-weight:800;
	text-align:center;
	color:maroon;
	letter-spacing:-1px;
}

.digit.static{
 
}

/**
 * You can use these classes to hide parts
 * of the countdown that you don't need.
 */

.countDays {
  padding: 0 12px 0;
}
.countDays:after{
  content:'Days';
  position:absolute;
  left:0;
  bottom:0;
  right: 10em;
  letter-spacing:-1px;
  font-size:20px;
  text-align: center !important;
}
.countDiv0{ display:none !important; }
.countHours { 
  padding:0 20px 0;
}
.countHours:after{ 
  content:'Hours';
  position:absolute;
  left:0;
  bottom:0;
  right:2.5em;
  letter-spacing:-1px;
  font-size:20px;
  text-align:center !important;
}
.countDiv1{display:none !important;}
.countMinutes {
  padding:0 20px 0;
}
.countMinutes:after{ 
  content:'Mins';
  position:absolute;
  left:0;
  bottom:0;
  right:-5.5em;
  letter-spacing:-1px;
  font-size:20px;
  text-align:center !important; 
}
.countDiv2{display:none !important;}
.countSeconds {
  padding:0 20px 0;
}
.countSeconds:after{ 
  content:'Secs';
  position:absolute;
  left:0;
  bottom:0;
  right:-13em;
  letter-spacing:-1px;
  font-size:20px;
  text-align:center !important; 
}


.countDiv{
	display:inline-block;

	width:40px;
	height:1.6em;
	position:relative;
}

.countDiv:before,
.countDiv:after{
	position:absolute;
	width:5px;
	height:5px;
	background-color:#444;
	border-radius:50%;

	left:50%;
	margin-left:1px;
	top:0.5em;
	box-shadow:1px 1px 1px rgba(4, 4, 4, 0.5);
	content:'';
}

.countDiv:after{
	top:0.9em;
}


/* ========================================================== */
/* 			           Bootstrap Modal Style                  */
/* ========================================================== */

.modal-lg {
	width: 70%;
	top: 20%;
}
.modal-content {
	padding: 30px 0 60px;
	font-size:1.5em;
	font-family:'Lato';
	border-radius:0;
}
.modal-content .col-lg-6 {
	text-align: center;
}
.modal-content .col-lg-6:first-child:before {
	content:'';
	position:absolute;
	height: 210px;
	background: #cccccc;
	width:2px;
	right: 0;
}
.modal-content h1 {
	color: #4c0000;
}
.modal-content .close {
	opacity:1;
	font-size:1.5em;
	position:absolute;
	top:0;
	right:0;
	padding:10px 20px;
}
.modal-content #hours-title {
    font-family: 'Montserrat';
}
.modal-content #hours-title span {
    font-weight:700;
}

/* ========================================================== */
/* 			          END/Bootstrap Modal Style                  */
/* ========================================================== */


body {
	background: url(/wp-content/themes/pastabrioni-theme/images/patterns/reservation-bg.jpg) repeat;
}


.inbody-links {
	color: #616161;
	font-weight: 800;
	text-decoration: underline;
}


.jumbotron {
	background:none;
	margin:60px 0;
	padding:0 !important;
	text-align: center;
}
.jumbotron p {
	color:rgba(64, 0, 0, 0.75);
}
.jumbotron h1 {
	border-bottom:none !important;
	padding-bottom:0 !important;
	/* font-weight: 700 !important; */
	font-size: 4em !important;
	font-family: 'Montserrat' !important;
	letter-spacing: -1.5px !important;
}

.menu-boxed-bg {
	padding: 2em 4em 4em;
	margin: -3em auto 6em;
	background: burlywood;
	border: 6px solid #a9793b;
	box-shadow: 0px 0px 45px 1px #000;
	z-index: 10;
	position: relative;
}
.group-menu .menu-boxed-bg {
	text-align:center;
}
.catering-menu .menu-boxed-bg {
	padding:50px 80px 80px;
	background: burlywood url(/wp-content/themes/pastabrioni-theme/images/wine/catering-menupage-bg.png) no-repeat;
	background-position: 43em 0;
	background-size: contain;
}
.catering-menu .col-md-12 h2 {
	text-align:center;
}
.catering-menu .col-md-12 h2:before {
	display:none;
}
.menu-boxed-bg .substitute-sides {
	 color:#7b0e05;
	 font-size:20px;
	 font-weight:100;
	 letter-spacing:-1px;
	 font-style:italic;
}
.menu-boxed-bg .dinner-pdf {
	font-family: 'Montserrat';
	font-size:1.5em;
	font-weight:800;
	color: #e4e4e4;
	background: #561712;
	padding:8px 30px;
	display: block;
	margin: 35px 0;
	width: 50%;
	text-align: center;
}
.menu-boxed-bg .title-desc a {
	font-size:1.2em;
	font-weight:700;
}
.menu-boxed-bg .item {
	padding: 6px 0;
}

.food-disclaimer  {
	padding: 50px 0;
	color: #5d4e3c !important;
}

.menu-boxed-bg h1 {
	margin:30px 0 !important;
	color: #400000;
	font-size: 5em;
	padding-bottom: 20px;
	text-align: center;
	border-bottom: 1px solid #b79972;
	letter-spacing: -1px;
	font-family: 'Tangerine';
}
.menu-boxed-bg .item h4 {
	font-size:1.6em;
	font-weight:700;
	color: #400000;
	letter-spacing:-.05px;
	margin: 10px 0;
}
.menu-boxed-bg .item .bar-item {
	margin:0;
}

.menu-boxed-bg .item .price {
	font-size:1.5em;
	font-weight: 500;
	color: #400000;
	font-family:'Montserrat';
}
.menu-boxed-bg .item .price-extra {
	font-size:16px !important;
}
.menu-boxed-bg .item .price small {
	color:#400000;
	font-size:20px;
}

.menu-boxed-bg .item p {
	margin:0 !important;
	color: #482323;
}

.menu-boxed-bg .title-desc {
	font-size: 1.5em;
	/* font-weight: 600; */
	line-height: 25px;
	color: #4a0000;
	font-family:'Montserrat';
	position: relative;
	padding: 0 0 20px;
	display: block;
	margin: 0;
	text-align: center;
}
.menu-boxed-bg .title-sub-desc {
	font-size: 1.5em;
	font-weight: 600;
	line-height: 25px;
	color: #4a0000;
	font-family:'Montserrat';
	position: relative;
	display: block;
	margin: 10px 0;
	letter-spacing: -0.6px;
	text-align: center;
}
.menu-boxed-bg form {
	font-size:1.3em;
	font-family:'Montserrat';
}
.menu-boxed-bg form h3 {
	letter-spacing:inherit;
}

.menu-boxed-bg .premium-sides {
	text-align:center;
	padding: 20px 0;
	border: 1px solid #400000;
}
.menu-boxed-bg .premium-sides h4 {
	margin:0;
}


.dropdown-menu {
	background-color:black;
	padding: 20px;
	box-shadow: 0px 0px 16px -3px #000;
	border-radius: inherit;
}
.dropdown-menu > li > a {
    padding: 6px 30px;
    color:#fff;
    font-size: 1.2em;
}
.dropdown-menu > li > a:hover {
	background:rgb(90, 0, 0);
	color:white;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background-color:transparent;
}

.navbar-nav li:nth-child(8) {
	border-right:2px solid #fff;
}

.contact-us .navbar-fixed-top {
	background:#000 !important;
}


ul, ol { 
	list-style: none; 
	list-style-image: none; 
	margin: 0; 
	padding: 0;
	color:#777;
	font-size: 14px;
	line-height:24px;
	margin-bottom:20px;
	font-family: 'Montserrat' !important;
}
	
ul li, ol li{
	font-size: 14px;
	line-height: 28px;
}

ul li i{
	vertical-align: middle;
}

ul.features-list li{
	float:left;
	font-size:14px;
	line-height:24px;
	margin:10px 0;
}

ul.features-list li img{
	max-width:55px;
	margin-right:20px;
	float:left;
}

p {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #484848;
	margin-top: 20px;
	margin-bottom:25px;
	font-family: 'Montserrat' !important;
}

p.hero-text,
.happy-hour p.hero-text{
	position:relative;
	text-align:center;
	font-size: 18px;
	line-height: 30px;
	padding: 20px 0;
	color:#eee;
	margin: 0;
}
.happy-hour .col-sm-4 {
	padding:0;
}

p.hero-text:before{
	position: absolute;
	content: "";
	background-color: #710808;
	height: 3px;
	width: 50px;
	top: 0px;
	left:50%;
	margin-left:-25px;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0px;
  margin-bottom:20px;
  color: #d0d0d0;
}

h1 {
	font-size: 42px;
}

h2 {
	font-size: 34px;
}



.to-go-menu .menu-boxed-bg h2 {
	font-size: 2em;
	color:white;
	text-shadow:0px 0px 10px #000;
	margin: 20px 0 -18px;
}
.menu-boxed-bg .sub-items p {
	font-weight:900;
	font-style:italic;
	line-height: 32px;
}
.menu-boxed-bg .sub-items p span {
	font-weight:100;
	font-style:normal;
}

h3 {
	font-size: 28px;
	color: #545454;
}
.about-us .bar-section h3 {
	letter-spacing:-0.2px;
	margin: 15px 0;

}
.about-us .bar-section .col-sm-6 {
	/* padding:0; */
}

h4 {
	font-size: 18px;
}
.bar-menu .home-happy-hour h4 {
	color:#fff;
	font-size:2.5em !important;
}

h5 {
	font-size: 16px;
}
.about-us .col-sm-2 h5 {
	font-size: 1.15em;
	font-weight: 400;
	color: #737373;
	letter-spacing: inherit;
	margin: 6px 0 !important;
}

h6 {
	font-size: 14px;
}

h2.private-rooms-images {
	letter-spacing:-0.6px !important;
	padding:0 20px 30px;
	color:#484848;
}

h2.section-title{
	color: #545454;
	/* text-transform:uppercase; */
	font-size: 30px;
	line-height: 50px;
	margin: 0 0 4px 0;
	letter-spacing: -1px;
	position:relative;
}
.happy-hour .col-md-12 h3 {
	letter-spacing:-0.6px;
	color:#710808;
	font-size: 1.8em;
}
.happy-hour .col-md-12 a {
	padding:8px 80px;
}
.catering .section-title-event {
	font-size: 1.8em;
	font-weight: 100;
	line-height: inherit;
}
.catering-menu .section-title {
	/* color:#571813; */
}
.catering .fadeInUp .section-title-event,
.private-parties .fadeInUp .section-title-event {
	color:#fff;
	border: 4px solid green;
	padding: 30px;
}
.catering .fadeInRight ul li,
.private-parties .fadeInRight ul li {
    font-size: 18px;
    line-height: 35px;
    font-family: 'Montserrat';
    color: #5d5d5d;
    text-transform: capitalize;
}
.catering .fadeInLeft ul,
.private-parties .fadeInLeft ul {
	position:relative;
	margin-top: -3em;
	background:#eee;
	padding:30px;
	box-shadow:0px 0px 40px -1px rgba(0, 0, 0, 0.39);
	z-index:10;
}
.private-parties .fadeInLeft ul {
	padding: 68px 65px 110px;
	margin: 0;
}

.catering .fadeInLeft ul h3 {
	margin: 0 !important;
}
.catering .fadeInLeft ul li {
    font-size: 14px;
    margin: 20px 0 0;
    line-height: 20px;
}
.catering .section-white:nth-child(7),
.private-parties .section-white:nth-child(7) {
}
.private-parties .priviate-room-section {
	background: #fff url(/wp-content/themes/pastabrioni-theme/images/wine/wine-room-bg.jpg) no-repeat;
	background-position: 112% 6em;
}
.private-parties .priviate-room-section p,
.private-parties .priviate-room-section h2 {
	color:#3a3a3a !important;
}

.happy-hour .fadeInRight ul li {
	font-size: 18px;
	font-weight: 100;
	line-height: 35px;
	font-family: 'Montserrat';
	color: #000000;
	text-transform: capitalize;
}
.happy-hour ul li .wine-label {
	position: inherit !important;
}
.happy-hour .fadeInRight ul li span {
	font-weight:600;
	color:#4a4a4a;
	position: absolute;
	right: 70px;
}
.fadeInRight h2.section-title:before,
.fadeInLeft h2.section-title:before {
    position: absolute;
    content: "";
    background-color: #710808;
    height: 3px;
    width: 50px;
    bottom: -6px;
    left: 0;
}
.home-happy-hour .fadeInRight h2.section-title:before,
.home-menu-section .fadeInLeft h2.section-title:before {
	display:none;
}
.bar-menu .home-happy-hour h3 {
	color:#fff;
	font-size:3em;
	font-weight:100;
}

h3.section-title{
	color: #252525;
	text-transform:uppercase;
	font-size: 36px;
	font-weight: 100;
	line-height: 42px;
	letter-spacing:2px;
	margin: 0 0 30px 0;
}
.home-menu-section h3.section-title {
	font-size:1.4em;
	font-weight:400;
	line-height:30px;
	text-transform:inherit;
	padding:20px 0 0;
	letter-spacing:0;
}

h2.section-title.white, h3.section-title.white{
	color:#fff;
}

h2.section-title.small-margin, h3.section-title.small-margin{
	margin: 0 0 20px 0;
}

h2.section-title.no-margin, h3.section-title.no-margin{
	margin-bottom:0;
}

.comic-text{
	/* display:block; */
	font-size:80px;
	line-height:60px;
	color: #d61515;
	font-family: 'Tangerine', cursive;
	text-transform: capitalize;
	letter-spacing: -1px;
}
.home-happy-hour .comic-text,
.bar-menu .home-happy-hour .comic-text {
	font-size:8em;
	/* line-height:120px; */
	/* font-family: 'MorningGloryFont', cursive; */
	/* transform: rotate(-120deg); */
	-ms-transform: rotate(20deg); /* IE 9 */
	/* -webkit-transform: rotate(20deg); */ /* Safari */
	/* transform: rotate(-6deg); */
	/* display: block; */

	text-shadow: 0px 0px 15px rgba(191, 191, 191, 0.85);
}
.home-happy-hour .section-title,
.bar-menu .home-happy-hour .section-title {
	/* font-size:6em; */
	/* font-weight:100; */
	/* font-family: 'MorningGloryFont', cursive; */
	/* transform: rotate(-120deg); */
	-ms-transform: rotate(20deg); /* IE 9 */
	/* -webkit-transform: rotate(20deg); */ /* Safari */
	/* transform: rotate(-6deg); */
	display: block;
}



p.section-subtitle{
	font-size:16px!important;
}

p.section-subtitle.grey{
	color:#bbb;
}

.separator_wrapper, .separator_wrapper_white {
	margin-bottom:10px;
}

.separator_wrapper::after, .separator_wrapper::before {
	background-color: #E74C3C;
	display: inline-block;
	vertical-align: middle;
	content: "";
	width: 60px;
	height: 1px;
	margin-top: -6px;
}

.separator_wrapper_white::after, .separator_wrapper_white::before {
	background-color: #ddd;
	display: inline-block;
	vertical-align: middle;
	content: "";
	width: 60px;
	height: 1px;
	margin-top: -6px;
}

h3.medium-text {
	font-size: 32px;
	margin-top:10px;
}

h3.large-text {
	font-size: 48px;
	line-height:1.1;
	font-weight:400;
}

iframe {
	max-width:100%;
	border:none;
	width: 100%;
	margin: 0 auto;
	display: block;
	position: relative;
}
.contact-us .iframe-wrapper {
	padding:0;
	margin:0;
}

.width-100 {
	width: 100%;
}
.navbar-brand > img {
	width: 235px;
	margin-top: -6px;
}

.medium {
	font-weight: 400;
}

.bold {
	font-weight: 700;
}

.lyla {
    color: #9E5FBA;
}

.green {
    color: #16A085;
}

.blue {
    color: #3498db;
}

.red{
	color:#E74C3C;
}
.grey{
	color:#ddd;
}

.white{
	color:#fff;
}

.section-white {
	/* background-color: #ffffff; */
	padding: 90px 0 10em;
	/* position: relative; */
}
.section-white .col-md-6 p,
.section-white .col-md-6 h2 {
	color: #e8e8e8;
}
.press .section-white {
	background:#fff;
	padding: 1em;
}
.press .section-white .container {

}
.catering .section-white .col-md-6 p,
.catering .section-white .col-md-6 h2 {
	color: #3e3e3e;
}
.happy-hour .section-white {
    background: url(/wp-content/themes/pastabrioni-theme/images/happy-hour-bg-2.jpg) right bottom no-repeat;
    background-size: contain;
    background-color: #fff;
}
.barrel-aged-section {
	/* background: url(/wp-content/themes/pastabrioni-theme/images/wine/new-bar-tap.jpg) 0 no-repeat; */
	background-size: cover;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,e5e5e5+35,a5a5a5+100 */
	background: #f7f7f7; /* Old browsers */
	background: -moz-linear-gradient(45deg, #f7f7f7 0%, #e5e5e5 35%, #a5a5a5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #f7f7f7 0%,#e5e5e5 35%,#a5a5a5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #f7f7f7 0%,#e5e5e5 35%,#a5a5a5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#a5a5a5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	/* overflow: hidden; */
}
.barrel-aged-section .container {
	padding:0;
	width: 1240px;
}

.barrel-aged-section h1 {
	letter-spacing:-1px;
}
.barrel-aged-section p,
.barrel-aged-section h2 {
	color:#333 !important;
}
.barrel-aged-section img {
    width: 540px;
    right: 0;
    max-width: inherit;
    margin-top: -1.5em;
    position: absolute;
    z-index: 3;
}
.barrel-aged-section a {
    font-weight:700;
    font-size:1.1em;
    color:#6d0707;
    text-decoration:underline;
}
.barrel-aged-section a:hover {
	text-decoration:none;
	opacity:0.7;
}
.barrel-aged-section .aged-timer {
	text-align:center;
	margin-top: -1em;
}

.catering .section-white:nth-child(4) {
	background:url(/wp-content/themes/pastabrioni-theme/images/catering-body-bg.jpg) bottom left no-repeat;
	background-size:43%;
	background-color: #fff;
}

.catering .section-white:nth-child(3) {
	background:url(/wp-content/themes/pastabrioni-theme/images/catering-table.jpg) no-repeat;
	background-position: 0 -200px;
}
.catering .section-white:nth-child(5) {
	padding-bottom:0;
}
.about-us .section-white .col-md-6 {
	text-align:left;
	padding: 0 20px !important;
	display: block;
	height: 100%;
}
.about-us .section-white .col-md-6 img {
	box-shadow: 0px 0px 45px -1px #000;
}
.about-us .barrel-aged-section .col-md-6 {
	/* background:#fff !important; */
	/* padding:50px !important; */
}
.about-us .barrel-aged-section .col-md-6 img {
	box-shadow:none;
}
.about-us .slideInLeft img,
.about-us .slideInRight img {
	width: 800px;
    position: relative;
    right: 50%;
    box-shadow: 0px 0px 55px -5px #000;
}
.about-us .slideInRight img {
	right:0 !important;
}
.about-us .about-top-text {
	padding:60px 0 40px !important;
	background:black;
}
.about-us .about-top-text p {
	color:#bfbfbf;
}
.about-us .about-top-text h2 {
	color:#e4e4e4;
}

.light-menu-block {
	background: url(/wp-content/themes/pastabrioni-theme/images/patterns/reservation-bg.jpg) repeat;
	padding: 50px 0;
}
.light-menu-block h2,
.light-menu-block p {
	color:#fff;
}
.section-white-story {
	background-color: #ffffff;
	padding:90px 0;
	background: #000 url(/wp-content/themes/pastabrioni-theme/images/PastaBrioniBldgImages.jpg) no-repeat;
	background-size: cover;
	background-position: 550px -75px;
}
.section-white-story h2 {
	color:#eee;
}
.section-white-story p {
	color:#c7c7c7;
	font-family: 'Montserrat';
}

.section-grey{
	/* background-color: #f5f5f5; */
	/* border-top: 1px solid #e9e9e9; */
	/* border-bottom: 1px solid #e9e9e9; */
}
.section-grey-staff {
	background-position: 0;
	padding: 100px 0;
	background: url(/wp-content/themes/pastabrioni-theme/images/wine/barrel-aged-line-2.jpg) 0 -65px no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.home .section-grey-staff {
	background-position: 0;
	padding: 100px 0;
	background: url(/wp-content/themes/pastabrioni-theme/img/index-happy-hour-bg.jpg) 0 -65px no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.section-grey span,
.section-grey h2,
.section-grey p {
	color:#e6e6e6;
}
.section-grey-staff .col-md-6 img {
	position:absolute;
	width: 700px;
	top: -10em;
	z-index: 10;
	left: -160px;
	display: none;
}
.section-grey-staff .col-md-6 {
	text-align:left;
}

.section-grey-footer-cta {
	/* background-color:#710808; */
}
.section-grey-footer-cta p {
	font-size:1.5em;
}


.section-grey.small-padding, .section-white.small-padding{
	padding:50px 0;
}

.section-grey.no-padding-bottom, .section-white.no-padding-bottom, .section-dark.no-padding-bottom, .section-blue.no-padding-bottom{
	padding:90px 0 0 0;
}

.section-grey.small-padding-bottom, .section-white.small-padding-bottom, .section-dark.small-padding-bottom, .section-blue.small-padding-bottom{
	padding:90px 0 60px 0;
}

.section-grey.no-padding, .section-white.no-padding, .section-dark.no-padding, .section-blue.no-padding{
	padding:0;
}

.section-white.about-padding{
	padding:85px 0 100px 0;
}

.section-dark.portfolio-padding{
	padding:60px 0 75px 0;
}

.section-dark{
	background-color:#393f43;
	padding:90px 0;
}

.section-blue{
	background-color:#34b1c4;
	padding:90px 0;
}

/* margin and padding classes */


.margin-right-25 {
	margin-right: 25px !important;
}

.margin-top-110 {
	margin-top: 110px !important;
}

.margin-top-100 {
	margin-top: 100px !important;
}

.margin-top-90 {
	margin-top: 90px !important;
}

.margin-top-80 {
	margin-top: 80px !important;
}

.margin-top-70 {
	margin-top: 70px !important;
}

.margin-top-60 {
	margin-top: 60px !important;
}

.margin-top-50 {
	margin-top: 50px !important;
}

.margin-top-40 {
	margin-top: 40px !important;
}

.margin-top-30 {
	margin-top: 30px !important;
}

.margin-top-20 {
	margin-top: 20px !important;
}

.margin-top-10 {
	margin-top: 10px !important;
}

.margin-top-5 {
	margin-top: 5px !important;
}

.margin-top-0 {
	margin-top: 0px !important;
}

.margin-bottom-0 {
	margin-bottom: 0px !important;
}

.margin-bottom-10 {
	margin-bottom: 10px !important;
}

.margin-bottom-20 {
	margin-bottom: 20px !important;
}

.margin-bottom-30 {
	margin-bottom: 30px !important;
}

.margin-bottom-40 {
	margin-bottom: 40px !important;
}

.margin-bottom-50 {
	margin-bottom: 50px !important;
}

.margin-bottom-60 {
	margin-bottom: 60px !important;
}



.margin-bottom-70 {
	margin-bottom: 70px !important;
}

.margin-bottom-80 {
	margin-bottom: 80px !important;
}

.margin-bottom-90 {
	margin-bottom: 90px !important;
}

.margin-bottom-100 {
	margin-bottom: 100px !important;
}

.margin-bottom-110 {
	margin-bottom: 110px !important;
}

.margin-bottom-120 {
	margin-bottom: 120px !important;
}

.margin-bottom-130 {
	margin-bottom: 120px !important;
}

.margin-bottom-140 {
	margin-bottom: 140px !important;
}

.padding-top-0 {
	padding-top: 0px !important;
}

.padding-top-10 {
	padding-top: 10px !important;
}

.padding-top-20 {
	/* padding-top: 20px !important; */
}

.padding-top-30 {
	padding-top: 30px !important;
}

.padding-top-40 {
	padding-top: 40px !important;
}

.padding-top-50 {
	padding-top: 50px !important;
}

.padding-top-60 {
	padding-top: 60px !important;
}

.padding-top-70 {
	padding-top: 70px !important;
}

.padding-top-80 {
	padding-top: 80px !important;
}

.padding-top-90 {
	padding-top: 90px !important;
}

.padding-top-100 {
	padding-top: 100px !important;
}

.padding-top-110 {
	padding-top: 110px !important;
}

.padding-bottom-110 {
	padding-bottom: 110px !important;
}

.padding-bottom-100 {
	padding-bottom: 100px !important;
}

.padding-bottom-90 {
	padding-bottom: 90px !important;
}

.padding-bottom-80 {
	padding-bottom: 80px !important;
}

.padding-bottom-70 {
	padding-bottom: 70px !important;
}

.padding-bottom-60 {
	padding-bottom: 60px !important;
}

.padding-bottom-50 {
	padding-bottom: 50px !important;
}

.padding-bottom-40 {
	padding-bottom: 30px !important;
}
.padding-left-40 {
	padding-left:40px;
}

.padding-bottom-30 {
	padding-bottom: 30px !important;
}

.padding-bottom-20 {
	padding-bottom: 20px !important;
}

.padding-bottom-10 {
	padding-bottom: 10px !important;
}

.padding-bottom-0 {
	padding-bottom: 0px !important;
}

/* carousel */
.carousel.carousel1 .carousel-indicators {
	position: inherit;
	right: 0px;
}

.carousel.carousel1 .item .lead {
	font-size: 20px;
}

.carousel.carousel1 .carousel-indicators li {
	background-color: transparent;
	border: 2px solid #710808;
	width: 14px;
	height: 14px;
}

.carousel.carousel1 .carousel-indicators li.active {
	background-color: #5a0101;
}

.carousel.carousel3 .carousel-indicators {
	position: inherit;
	right: 0px;
}

.carousel.carousel3 .item .lead {
	font-size: 20px;
}

.carousel.carousel3 .carousel-indicators li {
	background-color: #f9f9f9;
	border:3px solid #e0e0e0;
	width: 14px;
	height: 14px;
}

.carousel.carousel3 .carousel-indicators li.active {
	background-color: #e0e0e0;
}

.carousel.carousel-fade .item {
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	opacity:0;
}

.carousel.carousel-fade .active.item {
	opacity:1;
}

.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
	left: 0;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
}

.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
	left: 0;
	z-index: 1;
}

.carousel.carousel-fade .carousel-control {
	z-index: 3;
}

.carousel-indicators {
  bottom: auto;
  left: auto;
  margin: 0;
  right: 16px;
  top: 16px;
  width: auto;
  line-height: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.carousel-indicators li {
  vertical-align: top;
  border: none;
  width: 8px;
  height: 8px;
  margin: 0 0 0 6px;
  background-color: #2c3e50;
  background-color: rgba(44, 62, 80, 0.5);
}
.carousel-indicators li.active {
  background-color: #fff;
  width: 8px;
  height: 8px;
  margin: 0 0 0 6px;
}
/* end carousel */

/* -----  Photos Hover Animations ----- */
.popup-wrapper{ display:block; position:relative; overflow:hidden;}

.popup-gallery{
	display:inline-block;
	position:relative;
}

.popup-gallery::after {
  display: block;
  content: '';
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  border: 1px solid rgba(255, 255, 255, 0.7);
}

.first-gallery{
	margin-bottom:15px;
}

.popup-gallery img {
	z-index:10;
	width: 100%;
	height: auto;
}

.popup-gallery:hover img {
	opacity: 0.25;
}

.popup-gallery a span.eye-wrapper, 
.popup-gallery a span.eye-wrapper2 {
	background-color:rgba(0, 0, 0, 0.4);
	position: absolute;
	display: block;
	overflow:hidden;
	z-index: 2;
	height:100%!important;
	top: 0%;
	margin-top: 0px;
	left: 0%;
	right: 0%;
	color:#fff;
	text-align: center;
	font-weight:300;
	opacity: 0;
}

.popup-gallery a span.eye-wrapper i.eye-icon, .popup-gallery a span.eye-wrapper2 i.eye-icon{
	position: absolute;
	display: inline-block;
	font-size:48px;
	z-index: 3;
	top: 50%!important;
	margin-top: -24px!important;
	left: 0%;
	right: 0%;
}

.popup-gallery a:hover span{
	opacity: 1;
}

.popup-gallery img,
.popup-gallery a span {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.image-wrapper {
  display: inline-block;
  position: relative;
}

.image-wrapper:before {
  display: block;
  content: '';
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  /* border: 1px solid rgba(255, 255, 255, 0.7); */
}

/* ----- Instagram Feed ----- */
#instafeed {
	position:relative;
	display:block;
	overflow:hidden;
}

#instafeed a{
	position:relative;
	display:inline-block;
	width:12.5%;
    -webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

#instafeed a img{
	display:inline-block;
	width:100%;
}

#instafeed a:hover:before {
    background-color: rgba(0,0,0, 0.3);
    -webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

#instafeed a:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    background-color: rgba(0,0,0, 0.6);
    z-index: 1;
    -webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.instagram-text{
	position:absolute;
	z-index:100;
	top:158px;
	left:50%;
	margin-left:-158px;
	width:100%;
	max-width:315px;
	padding:26px 0 29px 0;
	text-align:center;
	background-color:#000;
}

.instagram-text a.instagram-icon{
	color:#fff;
	font-size:32px;
    -webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.instagram-text a.instagram-icon:hover{
	color:#f8bf2c;
}

.instagram-text p{
	color:#fff;
	margin:10px 0 0 0;
}

/* ----- Buttons ----- */
.btn, btn:hover{
    -webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.btn-margin {
    display: inline-block;
    margin: 10px 10px;
}

.btn-white-transparent {
	color: #fff;
	background-color: transparent;
	border-color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	padding:16px 32px;
	font-size:13px;
	letter-spacing:2px;
}

.btn-white-transparent:hover,
.btn-white-transparent:focus,
.btn-white-transparent:active,
.btn-white-transparent.active,
.open .dropdown-toggle.btn-white-transparent {
	color: #F2B410;
	background-color: #fff;
	border-color: #fff;
}

.btn-yellow, .btn-yellow-small, .btn-yellow-x-small {
	position:relative;
	color: #fff;
	background-color: #040404;
	/* border-color: #F2B410; */
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	padding: 18px 45px;
	font-size:13px;
	line-height:20px;
	letter-spacing:2px;
}

.btn-yellow-small {
	padding:14px 28px;
	font-size:12px;
	line-height:18px;
	letter-spacing:1px;
}

.btn-yellow-x-small {
	color: #fff!important;
	padding:12px 26px;
	font-size:12px;
	line-height:18px;
	letter-spacing:1px;
}

.btn-yellow:before, .btn-yellow-small:before {
	display: block;
	content: '';
	position: absolute;
	top: 4px;
	right: 4px;
	bottom: 4px;
	left: 4px;
	border: 2px solid #710808;
}

.btn-yellow-x-small:before {
	display: block;
	content: '';
	position: absolute;
	top: 3px;
	right: 3px;
	bottom: 3px;
	left: 3px;
	border: 2px solid #710808;
}

.btn-yellow:hover, .btn-yellow:focus, .btn-yellow:active, .btn-yellow.active, .open .dropdown-toggle.btn-yellow,
.btn-yellow-small:hover, .btn-yellow-small:focus, .btn-yellow-small:active, .btn-yellow-small.active, .open .dropdown-toggle.btn-yellow-small,
.btn-yellow-x-small:hover, .btn-yellow-x-small:focus, .btn-yellow-x-small:active, .btn-yellow-x-small.active, .open .dropdown-toggle.btn-yellow-x-small {
	color:#fff;
    background-color: #941f1f;
}

/* ----- Page Loader ----- */
#loader{
	background:#eeece3;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 90000;
	left: 0%;
	top: 0%;
}

.sk-three-bounce {
	position:absolute;
	top:50%;
	margin-top:-10px;
	left:50%;
	margin-left:-40px;
	width: 80px;
	text-align: center;
}

.sk-three-bounce .sk-child {
	width: 20px;
	height: 20px;
	background-color: #cf564b;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
			animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
}

.sk-three-bounce .sk-bounce1 {
    -webkit-animation-delay: -0.32s;
            animation-delay: -0.32s;
}

.sk-three-bounce .sk-bounce2 {
    -webkit-animation-delay: -0.16s;
            animation-delay: -0.16s;
}

@-webkit-keyframes sk-three-bounce {
	0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
}

40% {
    -webkit-transform: scale(1);
            transform: scale(1); 
}
}

@keyframes sk-three-bounce {
	0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); 
}
40% {
    -webkit-transform: scale(1);
            transform: scale(1); 
}
}

/* ========================================================== */
/* 			                02. HEADER                        */
/* ========================================================== */

#navbar-collapse-02 li.selected a{
    color: #a0a0a0!important;
}

#navbar-collapse-02 .current a {
    color: #F2B410!important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.navbar-fixed-top {background-color: transparent!important;transition: background-color 1s ease 0s;/* margin-top: 1em; */padding: 2em 0 1.5em;}
.navbar-fixed-top.opaque {background-color: rgb(0, 0, 0)!important;transition: background-color 1s ease 0s;margin-top: 0;}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 10px;
}

.navbar-default .navbar-nav > li > a:hover {
	color:#b7b7b7 !important;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.navbar-default .navbar-nav > li > a.purchase{
	position:relative;
	color:#454545;
	background-color:#f8bf2c;
	border:2px solid #f8bf2c;
	margin-left:15px;
	margin-right:15px;
	padding:8px 20px;
	font-weight:700!important;
	text-transform:none;

	webkit-border-radius: 3px 3px;
    -moz-border-radius: 3px 3px;
    border-radius: 3px 3px;
}

.navbar-default .navbar-nav > li > a.purchase:hover{
	color:#fff!important;
	background-color: transparent;
	border:2px solid #fff;
}

.navbar-default .navbar-nav > li.social > a {
	padding-left:10px;
	padding-right:10px;
}

.navbar-default .navbar-nav > li.social > a.first {
	/* border: 2px solid rgb(119, 16, 16); */
	padding: 10px 16px;
	margin-left:15px;
	margin-top: 0px;
	font-size: 14px;
	box-shadow:0px 0px 10px 1px #000;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#006e2e+0,005b03+27,ad0000+100 */
	background: rgb(0,110,46); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(0,110,46,1) 0%, rgba(0,91,3,1) 27%, rgba(173,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,110,46,1) 0%,rgba(0,91,3,1) 27%,rgba(173,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,110,46,1) 0%,rgba(0,91,3,1) 27%,rgba(173,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006e2e', endColorstr='#ad0000',GradientType=0 ); /* IE6-9 */
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.navbar-default .navbar-nav > li.social > a.first:hover {
	color:#bfbfbf !important;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.navbar-default .navbar-nav > li.social > a.last {
	padding-right:15px;
}

.navbar-default .navbar-nav > li.social > a i{
	font-size:18px;
	line-height: 22px!important;
	color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.navbar-default .navbar-nav > li.social > a:hover i{
	color: #f8bf2c;
}

.navbar-default .navbar-brand {
    margin-top: 0;
    color: #fff;
    font-size: 34px;
    font-family: inherit;
}


.tp-simpleresponsive .tp-caption-mobile, .rev_slider .tp-caption-mobile {
		display:none !important;
}
.tp-simpleresponsive .tp-caption-desktop, .rev_slider .tp-caption-desktop {
		display:block;
}

.rev_slider .Concept-SubTitle2 {
	color:#fff;
	/* font-size: 1.5em !important; */
	/* font-family: 'Montserrat'; */
	/* font-weight: 100 !important; */
}

.rev_slider_2 {
    height:inherit !important;
}


/* ========================================================== */
/* 			                03. FOOTER                        */
/* ========================================================== */

/* ----- 1. Footer General Styles ----- */
.footer{
	width:100%;
	position:relative;
	background: #151515;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	margin: 0 auto;
}

.footer-top{
	padding:65px 0 15px 0;
	border-bottom: 1px solid #404040;
}

.footer-bottom{
	padding:30px 0 20px 0;
}

a.top-scroll {
	position:relative;
	padding:7px 14px;
	font-size:20px;
	line-height:20px;
	color:#fff!important;
	background-color: #040404;
	/* border-color: #F2B410; */
	transition: all .50s ease-in-out;
	-moz-transition: all .50s ease-in-out;
	-webkit-transition: all .50s ease-in-out;
}

a.top-scroll:before {
	display: block;
	content: '';
	position: absolute;
	top: 3px;
	right: 3px;
	bottom: 3px;
	left: 3px;
	border: 2px solid #710808;
}



a.top-scroll:hover {
	background-color: #F39C12;
}

.footer h4{
	font-size:16px;
	position:relative;
	padding-bottom:20px;
	color: #fff;
}

.footer h4::after{
	position: absolute;
	content: "";
	background-color: #710808;
	height: 3px;
	width: 40px;
	bottom: -1px;
	left: 0;
}

.footer p, .footer a {
	color: #ddd;
	font-family: 'Montserrat';
}

.footer-bottom p {
	color: #999;
}

.footer-bottom p a {
	font-size: 16px;
	color: #999;
	text-decoration:underline;
}

.footer p a:hover {
	color: #F2B410;
}

p.contact_info{
	margin-bottom:8px;
	font-size:14px;
	line-height:20px;
}

p.contact_info a{
	margin-bottom:8px;
	font-size:14px;
	line-height:20px;
}

p.contact_info i{
	font-size:18px;
	padding-right:5px;
	vertical-align: middle;
}

/* ----- 2. Footer Social Icons ----- */
ul.footer_social{
	display:block;
	float:right;
	margin:0;
}

ul.footer_social li{
	display:inline-block;
	margin: 0 0 10px 10px;
	color: #999;
	line-height:100%!important;
	font-family: 'Montserrat';
}

ul.footer_social li a i {
  display: inline-block;
  padding:0;
  font-size:22px!important;
  line-height: 22px!important;
  color: #999;
  transition: all .5s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
}

ul.footer_social li a i:hover {
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  color:#F2B410;
}

/* ----- 3. Footer Gallery ----- */
ul.footer-gallery{
	position:relative;
	display:block;
	margin:0;
}

ul.footer-gallery li{
	display:inline-block;
	border:5px solid #292929;
    margin:5px 2px 2px 2px;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

ul.footer-gallery li.popup-gallery::after{
	display:none;
}

ul.footer-gallery li a img{
	position:relative;
	display:inline-block;
	width:71px;
}

/* ----- 4. Footer List ----- */
ul.footer-list{
	display:block;
	margin:0;
}

ul.footer-list li {
	padding: 3px 0;
	border-bottom: 1px solid #292929;
}

ul.footer-list li.first {
	padding-top: 0;
}

ul.footer-list li a:hover{
  color:#F2B410;
}

/* ========================================================== */
/* 			              04. HERO SECTIONS                   */
/* ========================================================== */

.mobile-row-hide .hh-titles {
	display:none;
}
.hh-titles-center {
	text-align:center;
}
.hh-titles-center .col-md-6:nth-child(2) {
	text-align:left !important;
}


.hh-titles {
	font-size:2em;
	font-weight:600;
	color: #545454 !important;
}

.section-grey-reserve {
	background: url(/wp-content/themes/pastabrioni-theme/images/patterns/reservation-bg.jpg) repeat;
	/* background-size: cover; */
	/* background-color: #333; */
	padding: 15px 0 30px;
	/* background-position: 0; */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6d0019+0,8f0222+56,a90329+100 */
	/* background: #6d0019; */ /* Old browsers */
	background: -moz-linear-gradient(45deg, #6d0019 0%, #8f0222 56%, #a90329 100%); /* FF3.6-15 */
	/* background: -webkit-linear-gradient(45deg, #6d0019 0%,#8f0222 56%,#a90329 100%); */ /* Chrome10-25,Safari5.1-6 */
	/* background: linear-gradient(45deg, #6d0019 0%,#8f0222 56%,#a90329 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d0019', endColorstr='#a90329',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.section-grey-reserve .fadeInRight h2.section-title:before, 
.section-grey-reserve .fadeInLeft h2.section-title:before {
    content: "";
    background-color: #710808;
    height: 3px;
    width: 50px;
    bottom: -6px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}
.section-grey-reserve .col-md-6:nth-child(2) {
	text-align:left;
}
.section-grey-reserve h2,
.section-grey-reserve p {
	color:#3e3e3e;
	/* font-weight: 100; */
}
.catering .section-title-catering-cta {
	letter-spacing:-0.1px;
	font-size: 2em;
	/* font-weight: 700; */
	color: #fff;
}
.private-parties .section-title-catering-cta {
	color:#fff;
	letter-spacing:-0.1px;
	font-size: 2em;
	font-weight: 700;
}
.catering .section-grey-reserve {
	background: url(/wp-content/themes/pastabrioni-theme/images/catering-event-bg.jpg) no-repeat;
	background-size:cover;
	padding: 80px 0;
	background-position:0;
	background-attachment: fixed;
	/* margin-bottom: 4em; */
}
.private-parties .section-grey-reserve {
    background: url(/wp-content/themes/pastabrioni-theme/images/private-parties-bg-2.jpg) no-repeat;
    background-size: cover;
    padding: 80px 0;
    background-position: 0;
    background-attachment: fixed;
    /* margin-bottom: 4em; */
}




.menu-hero-section{
	width:100%;
	position:relative;
	background: url(/wp-content/themes/pastabrioni-theme/images/wood-site-bg-2.jpg) top no-repeat fixed;
	background-size: cover;
	color: white;
	margin: 0 auto;
	padding: 160px 0 120px 0;
}
.bar-menu .menu-hero-section{
	width:100%;
	position:relative;
	background: url(/wp-content/themes/pastabrioni-theme/images/wine/new-bar-tap.jpg) top no-repeat fixed;
	background-size: cover;
	color: white;
	margin: 0 auto;
	padding: 160px 0 120px 0;
}
.bar-menu .menu-hero-section .image-overlay {
	background: rgba(17, 17, 17, 0.26);
}

.menu-hero-section .image-overlay{
	background: rgba(17, 17, 17, 0.38);
	position: absolute;
	z-index:10;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}

.about-hero-section{
	width:100%;
	position:relative;
	background: url(/wp-content/themes/pastabrioni-theme/images/wine/PastaBrioniBldgImages-38.jpg) no-repeat fixed;
	background-position: 0 -12em;
	background-size: cover;
	color: white;
	margin: 0 auto;
	padding: 140px 0 90px 0;
}
.group-menu .about-hero-section {
	width:100%;
	position:relative;
	background: url(/wp-content/themes/pastabrioni-theme/images/wood-site-bg-2.jpg) top no-repeat fixed;
	background-size: cover;
	color: white;
	margin: 0 auto;
	padding: 160px 0 120px 0;
}
.group-menu .about-hero-section .image-overlay {
	background: rgba(17, 17, 17, 0.55);
}
.private-parties .about-hero-section{
	background: url(/wp-content/themes/pastabrioni-theme/images/private-parties-bg.jpg) no-repeat fixed !important;
	background-position: 0 -50em !important;
	background-size: cover !important;
}
.happy-hour .about-hero-section{
	background: url(/wp-content/themes/pastabrioni-theme/images/happy-hour-bg.jpg) top no-repeat fixed;
	background-position: 0;
	background-size: cover;
}
.catering .about-hero-section {
	background: url(/wp-content/themes/pastabrioni-theme/images/catering-title-bg-2.jpg) top no-repeat fixed;
	background-position: 0;
	background-size: cover;
}

.about-hero-section .image-overlay{
	background: rgba(17, 17, 17, 0.86);
	position: absolute;
	z-index:10;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}

.gallery-hero-section{
	width:100%;
	position:relative;
	background: url(/wp-content/themes/pastabrioni-theme/images/slide-1.jpg) top no-repeat fixed;
	background-size: cover;
	color: white;
	margin: 0 auto;
	padding: 210px 0 90px 0;
}

.gallery-hero-section .image-overlay{
	background: rgba(17, 17, 17, 0.75);
	position: absolute;
	z-index:10;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}

.reservation-hero-section{
	width:100%;
	position:relative;
	background: url(http://placehold.it/1920x1280) 50% top no-repeat fixed;
    background-size: cover;
	color: white;
	margin: 0 auto;
	padding: 210px 0 90px 0;
}

.reservation-hero-section .image-overlay{
	background: rgba(17, 17, 17, 0.75);
	position: absolute;
	z-index:10;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}

.hero-gallery-section{
	width:100%;
	position:relative;
	background: url(http://placehold.it/1920x1280) 50% top no-repeat fixed;
    background-size: cover;
	color: white;
	margin: 0 auto;
	padding: 210px 0 90px 0;
}

.hero-gallery-section .image-overlay{
	background: rgba(17, 17, 17, 0.75);
	position: absolute;
	z-index:10;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}

.contact-hero-section{
	width:100%;
	position:relative;
	/* background: url(http://placehold.it/1920x1280) 50% top no-repeat fixed; */
	background-size: cover;
	color: white;
	margin: 0 auto;
	padding: 90px 0 0;
}



.contact-hero-section .image-overlay{
	background: rgba(17, 17, 17, 0.75);
	position: absolute;
	z-index:10;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}

.contact2-hero-section{
	width:100%;
	position:relative;
	background: url(http://placehold.it/1920x1280) 50% top no-repeat fixed;
    background-size: cover;
	color: white;
	margin: 0 auto;
	padding: 90px 0 90px 0;
}

.contact2-hero-section .image-overlay{
	background: rgba(255, 255, 255, 0.95);

	position: absolute;
	z-index:10;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}

.image-section{
	width:100%;
	position:relative;
	background: url(/wp-content/themes/pastabrioni-theme/images/main-carousel-bg-2.jpg);
	/* background-position: 0 -35em; */
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	margin: 0 auto;
	padding:190px 0 200px 0;
}

.image-section .image-overlay{
	background: rgba(19, 19, 19, 0.54);
	position: absolute;
	z-index:10;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}

.image-section-inside {
	position:relative;
	z-index:100;
}
.image-section-inside .hh-times .col-md-6 p {
	color: #f5b700;
	font-size:1.6em;
	font-weight:800;
}
.contact-us .image-section-inside {
	width:inherit;
}


.image-section-togo p {
	color:#fff;
}

/* ========================================================== */
/* 					          05. MENU                        */
/* ========================================================== */

.full-menu-btn p {
	font-size:2em;
	font-weight:600;
}

.mobile-row {
	display:none;
}

.pdf-jumbotron {
	margin:30px 0;
}

/* ----- Menu PDF links ----- */
.pdf-menu-link a {
	font-size:1.5em;
	font-weight: 600;
	font-family:'Montserrat' !important;
	color: #7b140d;
}

/* ----- 1. Featured Menu ----- */
.featured-menu-section{
	width:100%;
	position:relative;
	background: url(http://placehold.it/1920x1280) 50% 0 no-repeat fixed;
    background-size: cover;
	color: white;
	margin: 0 auto;
	padding: 120px 0 80px 0;
}

.featured-menu-section .image-overlay{
	background: rgba(0, 0, 0, 0.50);
	position: absolute;
	z-index:10;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}

/* ----- 2. Menu Homepage ----- */
.home-menu-section{
	width:100%;
	position:relative;
	background: url(/wp-content/themes/pastabrioni-theme/images/recipes-bg.jpg) 50% no-repeat fixed;
	background-size: cover;
	color: white;
	margin: 0 auto;
	padding: 120px 0;
}
.home-menu-section .pp-menu-link {
	color:#e04242;
	text-decoration:underline;
}
.home-menu-section .pp-menu-link:hover {
	text-decoration:none;
	cursor:pointer;
}

.home-menu-section .image-overlay{
	background: rgba(0, 0, 0, 0.75);
	position: absolute;
	z-index:10;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}

.menu-wrapper {
}

.home-menu-list {
	display:block;
	clear:both;
}

.home-menu-list h5 {
	font-size: 18px;
    line-height: 24px;
    vertical-align: bottom;
    font-family: 'Lora', serif;
    font-weight: 700;
    color: #FFF;
    float: left;
    letter-spacing: 2px;
    max-width: 70%;
	padding-right:10px;
	margin-bottom:10px;
}

.home-menu-list p.price{
	color: #F2B410;
    font-size: 18px;
    line-height: 30px;
	font-weight:700;
    display: inline-block;
    vertical-align: bottom;
    float: right;
    padding-top: 8px;
	padding-left:10px;
	margin-bottom:10px;
}

.dot-line{
	border-bottom:2px dotted #fff;
    height: 29px;
    overflow: hidden;
    display: block;
}

p.home-menu-ingredients{
	display:block;
	clear:both;
	width:100%;
	color:#eee;
}

/* ----- 3. Menu First Version ----- */
.first-menu-section{
	width:100%;
	position:relative;
	background: url(http://placehold.it/1920x1280) 50% 0 no-repeat fixed;
    background-size: cover;
	color: white;
	margin: 0 auto;
	padding: 120px 0;
}

.first-menu-section .image-overlay{
	background: rgba(0, 0, 0, 0.60);
	position: absolute;
	z-index:10;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}

.menu-wrapper {
	display:inline-block;
	padding-right:20px;
	margin-bottom:10px;
}

h2.menu-section-title{
	font-size:28px;
	position:relative;
	margin-bottom:50px;
	margin-right:40px;
	padding-bottom:20px;
	border-bottom:1px solid #ddd;
}

h2.menu-section-title::after{
	position: absolute; content: "";
	background-color: #f8c12c;
	height: 3px;
	width: 50px;
	bottom: -1px;
	left: 0;
}

.menu-image{
	float:left;
	width:20%;
}

.menu-image a img{
}

.menu-description{
	float:left;
	padding-left:5%;
	width:75%;
}

.menu-list {
	display:block;

	clear:both;
}

.menu-list h5 {
	font-size: 18px;
    line-height: 22px;
    vertical-align: bottom;
    font-family: 'Lora', serif;
    font-weight: 700;
    float: left;
    letter-spacing: 2px;
    max-width: 70%;
	padding-right:12px;
	margin:5px 0;
}

.menu-list p.price{
	color: #F2B410;

    font-size: 18px;
    line-height: 18px;
	font-weight:700;
    display: inline-block;
    vertical-align: bottom;
    float: right;
    padding-top: 7px;
	padding-left:12px;
	margin-bottom:5px;
}

.menu-dot-line{
	border-bottom:2px dotted #F2B410;
    height: 22px;
    overflow: hidden;
    display: block;
}

p.menu-ingredients{
	display:block;
	clear:both;
	width:100%;
}

/* ========================================================== */
/* 						      06. BLOG                        */
/* ========================================================== */

.blog-item{
	position:relative;
	text-align:center;
	margin-bottom:30px;
    background-color: #fff;
    transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
}

.blog-item-pic {
  display: inline-block;
  position: relative;
}

.blog-item-pic:before {
  display: block;
  content: '';
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  border: 1px solid rgba(255, 255, 255, 0.7);
}

.blog-item-inner{
	padding:1px 25px 20px 25px;
}

.blog-item-inner p{
	margin:10px 0 20px 0;
}

h3.blog-title{
	margin-top:20px;
	margin-bottom:1px;
}

h3.blog-title a{
	font-family: 'Montserrat', sans-serif;
    font-weight: 700;
	font-size:21px;
	color:#252525;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

h3.blog-title a:hover{
	color:#F2B410;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

/* ========================================================== */
/* 					       07. REGISTER                       */
/* ========================================================== */

.register-inner{
	padding:40px 0;
}

#register-form{
	padding:25px 0 20px 0;
}

input.register-input{
	width:100%;
	height:52px;
    padding-left:4%;
    padding-right:4%;
	margin-bottom:20px;
	color: #999;
	border: 1px solid #e1e1e1;
	background-color: transparent;
    font-size:14px;
}

select.register-input{
	width:100%;
	height:52px;
    padding-left:4%;
    padding-right:4%;
	margin-bottom:20px;
	color: #999;
	border: 1px solid #e8e8e8;
	background-color: transparent;
    font-size:14px;
}

input.register-submit{
	position:relative;
    display: inline-block;
	color: #fff;
	border: 1px solid #F2B410;
	background-color: #F2B410;
    cursor: pointer;
    font-size: 14px;
	font-weight:700;
	width:100%;
    padding: 16px 0;
    text-transform: uppercase;
	transition: all .50s ease-in-out;
	-moz-transition: all .50s ease-in-out;
	-webkit-transition: all .50s ease-in-out;
}

input.register-submit:hover{
	color:#fff;
    background-color: #F39C12;
	border:1px solid #F39C12;
	transition: all .50s ease-in-out;
	-moz-transition: all .50s ease-in-out;
	-webkit-transition: all .50s ease-in-out;
}

input.white-input::-webkit-input-placeholder,
select.white-input::-webkit-input-placeholder { /* WebKit browsers */
    color:#999;
}
input.white-input:-moz-placeholder,
select.white-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#999;
}
input.white-input::-moz-placeholder,
select.white-input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#999;
}
input.white-input:-ms-input-placeholder,
select.white-input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#999;
}

#register-form input.register-input:focus, #register-form select.register-input:focus {
  border-color:#e8e8e8;
  outline: none;
}

p.register_success_box{
	text-align:center;
	display:inline-block;
	color:#454545;
	font-size:16px;
	font-style:italic;
	margin:20px 0 30px 0;
	padding:20px 20px;
	border:1px solid #fff;
	webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

/* ========================================================== */
/* 						    08. CONTACT                       */
/* ========================================================== */

#contact-form{
	margin:0 auto;
	width:100%;
	max-width:960px;
	text-align:center;
	padding:30px 0 10px 0;
	font-family: 'Montserrat';
}

input.contact-input{
	width:100%;
	height:55px;
    padding-left:2%;
    padding-right:2%;
	margin-bottom:20px;
	color: #656565;
	border: 2px solid #454545;
	background-color: transparent;
    font-size:14px;
	float:left;
}

textarea{
	height:205px;
	margin-bottom:20px;
	width:100%;
    padding-left:2%;
    padding-right:2%;
    padding-top:10px;
    padding-bottom:10px;
	color: #656565;
	border: 2px solid #454545;
	background-color: transparent;
    font-size:14px;
	float:left;
}

input.contact-submit{
	color: #fff;
	border: 1px solid #710808;
	background-color: #040404;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight:700;
	margin-top:10px;
	padding: 16px 30px;
	position: relative;
	text-transform: uppercase;
	transition: all .50s ease-in-out;
	-moz-transition: all .50s ease-in-out;
	-webkit-transition: all .50s ease-in-out;
}

input.contact-submit:hover{
	color:#5f0a0a;
	background-color: transparent;
	border:2px solid #5f0a0a;
	transition: all .50s ease-in-out;
	-moz-transition: all .50s ease-in-out;
	-webkit-transition: all .50s ease-in-out;
}

input.white-input::-webkit-input-placeholder,
textarea.white-input::-webkit-input-placeholder { /* WebKit browsers */
    color:#656565;
}
input.white-input:-moz-placeholder,
textarea.white-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#656565;
}
input.white-input::-moz-placeholder,
textarea.white-input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#656565;
}
input.white-input:-ms-input-placeholder,
textarea.white-input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#656565;
}

#contact-form input.contact-input:focus, #contact-form textarea.contact-commnent:focus {
  border-color:#a9a9a9;
  outline: none;
}

p.contact_success_box{
	text-align:center;
	display:inline-block;
	color:#454545;
	font-size:20px;
	font-style:italic;
	padding:20px 20px;
}


.wow:first-child {
	visibility: hidden;
}




.home-gallery {
	padding: 0;
	margin: 0;
}
.home-gallery .container {
	width:inherit;
}
.home-gallery .container .col-md-4 {
	padding: 0;
}


.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	background-color: #630202;
	color: #fff;
}

.footer .contact-block {
	color:#d8d8d8;
	font-size:1.3em;
	font-weight:700;
	font-family: 'Montserrat';
}



/* ========================================================== */
/* 		    Background Images - max-width: 1024px             */
/* ========================================================== */

@media only screen and (max-width: 1024px) {
	.image-section, .featured-menu-section, .home-menu-section, .first-menu-section, .menu-hero-section, .about-hero-section, .gallery-hero-section, .reservation-hero-section, .hero-gallery-section, .contact-hero-section, .contact2-hero-section, .footer {
		background-attachment: scroll!important;
		background-size: cover!important;
		background-repeat: no-repeat!important;
	}
}

/* ========================================================== */
/* 					    19. MOBILE DEVICES                    */
/* ========================================================== */

@media handheld, only screen and (max-width: 800px) {

.hh-titles-mobile {
	display:none !important;
}
.mobile-row-hide .hh-titles {
	display:inherit;
}
.mobile-row {
	display:inherit;
}
.mobile-row-first .col-md-6:nth-child(2) {
	/* display:none; */
}
.mobile-row .col-md-6:nth-child(2) {
	display:none;
}
.mobile-row-hide {
	/* display:none; */
}

	.footer{
		text-align:center;
	}
	
	.footer h4::after{
		left: 50%;
		margin-left:-20px;
	}
	
		ul.footer_social{
		float:none;
		margin-top:25px;
	}
		
	.instagram-text{

		display:none;
	}
	.navbar-fixed-top {
    background-color: rgb(0, 0, 0) !important;
    transition: background-color 1s ease 0s;
    padding: 21px 0;
    /* margin: 0; */
 }
	.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: none;
    -webkit-box-shadow: none;
    box-shadow:none;
    margin-top: 2em;
 }
 	.navbar-toggle {
 	border:none;

 }
 	.navbar-toggle .icon-bar {
	width: 25px;
	height: 2px;
 }

	.tp-simpleresponsive .tp-caption-desktop, .rev_slider .tp-caption-desktop {
	display:none !important;
	}
	.tp-simpleresponsive .tp-caption-mobile, .rev_slider .tp-caption-mobile {
	display:block !important;
}

.section-white-story {
    background-size: 100%;
    background-position: 0 40em;
}

.about-hero-section {
	background-position:inherit;
}

.private-parties .about-hero-section {
	background-position: center center !important;
	/* background-size: contain !important; */
	background-attachment: inherit !important;
}

.menu-boxed-bg {
	padding:20px;
}

.menu-boxed-bg h1 {
	font-size: 4em;
}

.section-grey-staff .col-md-6 img {
	display:none;
}

.barrel-aged-section img {
    width: 100%;
    /* top:16em; */
    margin-top: 0;
    left: 0;
}

.barrel-aged-section .row {
    margin:0;
    position: relative;
}

.barrel-aged-section {
    overflow: hidden;
    height: 1670px;
}

.barrel-aged-section .col-md-6:nth-child(2) h2.section-title {
	font-size:24px !important;
	margin-bottom:1em;
}

.aged-timer-row .col-md-6 h2 {
    text-align:left;
}


.countDays {
  padding:0 20px 0;
}
.countDays:after{
  content:'Days';
  position:absolute;
  left:0;
  bottom:0;
  right: 12em;
  letter-spacing:-1px;
  font-size:20px;
  text-align: center !important;
}
.countDiv0{ display:none !important; }
.countHours { 
  padding:0 20px 0;
}
.countHours:after{ 
  content:'Hours';
  position:absolute;
  left:0;
  bottom:0;
  right:4em;
  letter-spacing:-1px;
  font-size:20px;
  text-align:center !important;
}
.countDiv1{display:none !important;}
.countMinutes {
  padding:0 20px 0;
}
.countMinutes:after{ 
  content:'Mins';
  position:absolute;
  left:0;
  bottom:0;
  right:-3.5em;
  letter-spacing:-1px;
  font-size:20px;
  text-align:center !important; 
}
.countDiv2{display:none !important;}
.countSeconds {
  padding:0 20px 0;
}
.countSeconds:after{ 
  content:'Secs';
  position:absolute;
  left:0;
  bottom:0;
  right:-11em;
  letter-spacing:-1px;
  font-size:20px;
  text-align:center !important; 
}


.catering .section-grey-reserve {
    background: url(/wp-content/themes/pastabrioni-theme/images/catering-event-bg.jpg) no-repeat;
    background-size: cover;
    padding: 80px 0;
    background-position: 0;
    background-attachment: inherit;
    /* margin-bottom: 4em; */
}

.private-parties .section-grey-reserve {
    background: url(/wp-content/themes/pastabrioni-theme/images/private-parties-bg-2.jpg) no-repeat;
    background-size: cover;
    padding: 80px 0;
    background-position: 0;
    background-attachment: inherit;
    /* margin-bottom: 4em; */
}

.private-parties .priviate-room-section {
    background: #fff url(/wp-content/themes/pastabrioni-theme/images/wine/wine-room-bg.jpg) no-repeat;
    background-position:-25em 25em;
}

.navbar-nav li:nth-child(7) {
    border-right: none;
}

.navbar-default .navbar-nav > li.social > a.first {
    /* border: 2px solid rgb(119, 16, 16); */
    padding: 10px 16px;
    margin: 0 20px 0;
    text-align:center;
}

.home .section-grey-staff {
    background-attachment: inherit;
}


/* ========================================================== */
/* 		    Responsive Bootstrap Modal styles                 */
/* ========================================================== */

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 100%;
    margin: inherit;
    top: 10em;
}
.modal-body {
	margin: 75px 0 0;
}

.modal-footer {
	padding:0 20px;
}

.modal-footer .btn {
	padding:8px 0;
}
	
}