html, body
{
    font-family: 'Montserrat', sans-serif;
}
body
{
    height:100vh;
}


#cookie-bar.fixed.bottom
{
	padding:1em;
	z-index:5000;
}
#cookie-bar .cb-enable
{
	background:#00a651 !important;
}

.inside-wrapper
{
    min-height:75vh;
}



/****************
** Header
*****************/

header 
{
    position: fixed;
    z-index: 2000;
    width: 100%;
}
header .header
{
    background-color:#535353;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
header .header.lighter 
{
	background-color:#535353;
}
header .sticky-header 
{
    background-color:#fff;
    box-shadow: 0px 1px 1px #00000026;
}
header .header-line
{
    height:1px;
    background: rgba(154, 150, 150, 0.45);
}
header .logo
{
    margin:30px 0px;
}
header .navbar-toggler
{
    color:#212121;
    padding: 0px;
    margin-top:-90px;
    margin-left:-20px;
}
header .logo
{
    margin-left:auto;
    margin-right:auto;
    display:block;
}




/****************
** Modal
*****************/
.modal
{
	z-index:3000;
}
.modal-header
{
	display:block;
}




/****************
** Navigation
*****************/
header nav
{
    background:transparent;
}
header .navbar-nav a
{
    color:#FFF;
    font-weight:400;
    text-transform: uppercase;
    transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
header .navbar-nav a:hover 
{
    text-decoration: none;
    opacity:0.75;
}


/****************
** Hero/Slide
*****************/
.hero
{
    height:600px;
    background-color:#dfdfdf;
    margin-top:100px;
}
.hero .carousel-item
{
    height:100%;
    background-size:cover;
    position: relative;
    background-repeat: no-repeat;
	background-position: bottom;
}
.hero .carousel-item .container
{
    position: relative;
    height:100%;
}
.hero .carousel-item h2
{
    font-size:3em;
    color:#FFF;
    position: absolute;
    bottom:50px;
    left:0px;
    text-transform:uppercase;
    font-weight:500;
}


.hero-still 
{
    margin-top:100px;
	background-size:cover;
    background-attachment: fixed;
    position: relative;
    background-repeat: no-repeat;
	background-position: bottom;
}
.hero-still .title 
{
	padding-top:10rem;
	padding-bottom:4rem;
}
.hero-still .title h1 
{
	font-weight:bold;
	color:#FFF;
    font-size:3.6em;
    text-shadow: 1px 1px 2px #00000080;
}


/****************
** Content
*****************/
#wrapper
{
    overflow:auto;
}
.content h1, .content h2, .content h3, .content h4
{
	font-weight:bold;
	color:#333;
}
.content p 
{
	font-size:1em;
	color:#999;
}
.content a 
{
	color:#00a651;
}
.content a:focus, .content a:hover 
{
	text-decoration:none;
	opacity:0.8;
}



section.padded
{
    padding:30px 0px;
}
section.padding
{
	padding:60px 0;
}

section.attention
{
    background-color: #333;
    padding: 15px 0px;
    text-align: center;
    color: #CCC;
}

section.attention .btn
{
    border-radius: 4px;
    font-weight: bold;
}


section.green-banner.split
{
    background: #535353;
}
section.green-banner
{
    background: #535353;
    color:#FFF;
}
section.green-banner.padded
{
    padding:20px 0px;
}
section.green-banner .green-button-option
{
    display:block;
    padding:30px 20px;
    text-align:center;
    color:#FFF;
    text-decoration:none;
}
section.green-banner p 
{
	margin:0px;
}
.green-button-option
{
    font-size:2rem;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
section.green-banner .green-button-option:hover, section.green-banner .green-button-option:focus
{
    opacity:0.8;
}

section.green-banner .row, section.green-banner .col-sm-6
{
    padding:0px;
    margin:0px;
}
section.green-banner h3
{
    margin:0px;
    font-weight:100;
    font-size:1.4rem;
}



.outline
{
    padding:20px;
    padding-top:30px;
    border:2px solid #000;
    position: relative;
}
.outline p
{
    text-align:center;
}
.outline .title
{
    display: block;
    position: absolute;
    margin-top: -40px;
    width: 100%;
    left: 0;
    text-align: center;
}
.outline h4
{
    background-color: #fff;
    font-size: 1.1rem;
    text-transform: uppercase;
    display: inline;
    padding: 10px 30px;
}


/****************
** Forms & buttons
*****************/
.form-control
{
    border:2px solid #000;
    border-radius:0px;
    font-weight:300;
}
.form-control:focus
{
    border:2px solid #00a651;
    outline:none;
    box-shadow:none;
}
.btn
{
    border-radius:0;
}
.btn-primary
{
    background-color: #ffffff !important;
    border: 2px solid #fff;
    font-weight: bold;
    color: #000;
    font-weight: 500;
    padding:0.5rem 1.5rem;
    text-transform: uppercase;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
.btn-primary:hover, .btn-primary:focus
{
    background-color:#000 !important;
    color:#fff;
    border:2px solid #000;
}
.subscribe-form .btn
{
    margin:15px auto;
}



/****************
** Grids
*****************/
section .row.borderless
{
    margin:0px;
}
section .row.borderless>div
{
    padding:0px;
}
.thumbnail-tile
{
    display:block;
    background-color:#dfdfdf;
    height:400px;
    position: relative;
    background-size:cover;
    background-repeat: no-repeat;
    margin-bottom:30px;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
.thumbnail-tile:hover
{
    opacity: 0.8;
}
.thumbnail-tile h3
{
    padding:15px 0px;
    background-color:rgba(0,0,0,0.7);
    color:#FFF;
    text-align:center;
    font-weight:300;
    position: absolute;
    width:100%;
    bottom:0px;
    font-size:1rem;
    margin:0px;
}

.thumbnail-tile .button-container
{
    position: absolute;
    bottom:0px;
    padding:20px 10px;
    width:100%;
    text-align:center;
}
.thumbnail-tile .btn
{
    border:2px solid #fff;
    font-size:0.9rem;
    color:#FFF;
    text-align:center;
    display:inline-block;
    position: absolute;
    bottom: 15px;
    left: 15px;
}
.thumbnail-tile.padded
{
    padding:20px;
}

.thumbnail-tile .black-transparent
{
    background-color:rgba(0,0,0,0.7);
    padding:15px;
    height:100%;
    color:#FFF;
    position: relative;
}
.thumbnail-tile .black-transparent h2
{
    font-size:1.6rem;
    font-weight:300;
}
.thumbnail-tile .black-transparent p
{
    margin:0px;
    font-size:0.8rem;
    font-weight:300;
}
.thumbnail-tile.no-opacity:hover
{
    opacity: 1;
}



.page-tile .thumbnail 
{
	margin-bottom:1em;
	border:1px solid #dfdfdf;
}
.page-tile h3 
{
	font-size:1.2em;
	text-align:center;
	margin-bottom:1em;
}



/****************
** View kitchen Page
*****************/
.hero-kitchen
{
	background-size:cover;
	background-position:50%;
	background-repeat:no-repeat;
	height:600px;
}




/****************
** Footer
*****************/
footer
{
    background:#2d2d30;
    padding-top:15px;
}
footer a
{
    color:#FFF;
}
footer a:hover, footer a:focus
{
    color:#00a651;
}
footer h4
{
    font-weight:bold;
    color:#FFF;
    text-align:center;
    margin:15px 0px;
    text-transform: uppercase;
    font-size:1rem;
    display:block;
}
footer .footer-bottom
{
    border-top:1px solid #4b4b50;
    padding:15px 0px;
    color:#FFF;
    font-size:0.8rem;
}
footer .footer-bottom p
{
    margin-bottom:0px;
}
footer ul
{
    list-style:none;
    margin:15px 0px;
    padding:0px;
    margin:15px 0px;
}
footer ul li
{
    list-style:none;
    text-align:center;
    font-size:0.9rem;
    padding:5px 0px;
}


footer .socials
{
    text-align:center;
    margin:20px 0px;
}
footer .social-icon
{
    font-size:2.2em;
    color: #ffffff45;
    margin-right:10px;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
footer .social-icon:hover
{
    opacity: 0.7;
    color:#FFF;