body,h1,h2,h3,input,textarea {
 font-family: 'Ubuntu', sans-serif!important;
}

b {
	font-weight: 500;
}

.masonry-grid-item { 
 margin-bottom: 2rem;
}

h1 {
 text-transform: uppercase;
 margin-top: 30px;
 text-align: center;
 margin-bottom: 30px;
}

#menubar_container {
 position: absolute;
 width:100%;
}

#menubar {
 background-color: rgba(0,0,0,0.6);
 color: #ffffff;
}

.k-navigation_mobile {
}

.k-navigation_mobile a {
  text-decoration: none;
  padding-top: 2px;
  padding-bottom: 2px;
  color: #fff;
}

.k-navigation_mobile ul {
 list-style: none;
}

.k-navigation_mobile li {
  padding-top: 6px;
  padding-bottom: 6px;
}

.k-navigation {
 margin-right:-2px;
}

.k-navigation ul {
 margin: 0px;
 padding: 0px;
}

.k-navigation a {
 text-decoration: none;
 display: inline-block;
 padding-left: 12px;
 padding-right: 12px;
 border-bottom: 2px solid rgba(0,0,0,0);
 color: #fff;
}

.k-navigation a:hover,.k-navigation a.selected, .k-navigation_mobile a:hover, .k-navigation_mobile a.selected { 
 border-bottom: 2px solid #AEE9E4;
 color: #ffffff;
 }

.k-pano-home {
 background-image:url('images/restaurant-oasis-villeneuve.jpg'); 
 min-height: 800px;
 background-size: cover;
 background-position: center;
}

.k-pano-default {
 min-height: 200px;
 background-size: cover;
 background-position: center;
 margin-bottom: 20px;
}

.k-accroche {
 cursor: pointer;
 margin-top: 15px;
 margin-bottom: 15px;
 display: block;
}

.k-accroche:hover .k-accroche-title {
  background-color: rgba(0,0,0);
}

.k-accroche-title {
  padding: 4px;
  background-color: rgba(0,0,0,0.6);
  color: #fff;
 text-transform: uppercase;
}

.k-accroche-image {
 min-height: 200px;
 background-size: cover;
 background-position: center;
}

.k-image-home {
 cursor: pointer;
 height: 420px;
 background-size: cover;
 background-position: center;
 
}

.k-button-black {
 background-color: #222!important;
}
.k-button-black:hover, .k-button-black:active {
 background-color: #000!important;
}

.k-map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.k-map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.k-box-shadow {
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.k-text-shadow {
 text-shadow: rgba(20, 20, 20, 0.8) 0px 0px 20px;
}

.k-langues img {
  width: 40px;
  height: auto;
  margin-left: 10px;
  margin-right: 10px;
}

.k-font-bold {
  font-weight: bold;
}

.k-text-spaced {
 letter-spacing: 0.1em;
}

.k-text-main-title {
  font-size: 3rem;
}

.k-text-white {
 color: rgb(255 255 255);
}

.k-text-black {
 color: rgb(0 0 0);
}

.k-text-red {
 color: rgb(255 0 0);
}

.k-text-xs	{
 font-size: 0.75rem; /* 12px */
 line-height: 1rem; /* 16px */
}

.k-text-sm	{
 font-size: 0.875rem; /* 14px */
 line-height: 1.25rem; /* 20px */
}

.k-text-base {
 font-size: 1rem; /* 16px */
 line-height: 1.5rem; /* 24px */
}

.k-text-lg	{
 font-size: 1.125rem; /* 18px */
 line-height: 1.75rem; /* 28px */
}

.k-text-xl	{
 font-size: 1.25rem; /* 20px */
 line-height: 1.75rem; /* 28px */
}

.k-text-2xl	{
 font-size: 1.5rem; /* 24px */
 line-height: 2rem; /* 32px */
}

.k-text-3xl	{
 font-size: 1.875rem; /* 30px */
 line-height: 2.25rem; /* 36px */
}

.k-text-4xl	{
 font-size: 2.25rem; /* 36px */
 line-height: 2.5rem; /* 40px */
}

.k-text-5xl	{
 font-size: 3rem; /* 48px */
 line-height: 1;
}

.k-text-6xl	{
 font-size: 3.75rem; /* 60px */
 line-height: 1;
}

.k-text-7xl	{
 font-size: 4.5em; /* 72px */
 line-height: 1;
}

.k-text-8xl	{
 font-size: 6rem; /* 96px */
 line-height: 1;
}

.k-mt-12 {
 margin-top: 3rem;
}

.k-mt-24 {
 margin-top: 6rem;
}

.k-pt-6 {
 padding-top: 1.5rem;
}

.k-pt-12 {
 padding-top: 3rem;
}

.k-pt-18 {
 padding-top: 4.5rem;
}

.k-pt-24 {
 padding-top: 6rem;
}

.k-pt-36 {
 padding-top: 9rem;
}

.k-pt-48 {
 padding-top: 12rem;
}

.k-p-3 {
 padding: 0.75rem;
}

.k-p-6 {
 padding: 1.5rem;
}

.k-p-12 {
 padding: 3rem;
}

.k-p-24 {
 padding: 6rem;
}

.k-line-white {
 border-bottom: 2px solid #fff;
}

.k-background-gris {
 background-color: #eee;
}

.k-filet {
 border-top: 3px solid black;
 padding-top: 20px;
}

.k-filet-bas {
 border-bottom: 3px solid black;
 padding-top: 20px;
}

.k-telephone {
 background-color: #14679E;
 color: white;
}

.k-telephone a, a.k-link-white {
 color: white;
}

.k-footer {
 background-color: #3a3a3a;
 margin-top: 100px; 
 min-height: 400px
}

@media screen and (min-width: 960px) {

 .k-pano-default {
   background-image:url('images/restaurant-oasis-filets-de-perche.jpg'); 
 }
.k-text-main-title {
  font-size: 4.5rem;
 }
}