@import url('../lib/fancybox/jquery.fancybox.css');

@font-face {
  font-family: 'Modernica';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/modernica/ModernicaThin-webfont.svg') format('svg'),
  url('../fonts/modernica/ModernicaThin-webfont.eot') format('eot'),
  url('../fonts/modernica/ModernicaThin-webfont.woff') format('woff'),
  url('../fonts/modernica/ModernicaThin-webfont.woff2') format('woff2');
}
@font-face {
  font-family: 'Modernica';
  font-style: italic;
  font-weight: 100;
  src: url('https://oliveetbasil.com/resources/fonts/modernica/ModernicaThin-italic-webfont.svg') format('svg'),
  url('https://oliveetbasil.com/resources/fonts/modernica/ModernicaThin-italic-webfont.eot') format('eot'),
  url('https://oliveetbasil.com/resources/fonts/modernica/ModernicaThin-italic-webfont.woff') format('woff'),
  url('https://oliveetbasil.com/resources/fonts/modernica/ModernicaThin-italic-webfont.woff2') format('woff2');
}

@font-face {
  font-family: 'Modernica';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/modernica/ModernicaLight-webfont.svg') format('svg'),
  url('../fonts/modernica/ModernicaLight-webfont.eot') format('eot'),
  url('../fonts/modernica/ModernicaLight-webfont.woff') format('woff'),
  url('../fonts/modernica/ModernicaLight-webfont.woff2') format('woff2');
}
@font-face {
  font-family: 'Modernica';
  font-style: italic;
  font-weight: 200;
  src: url('https://oliveetbasil.com/resources/fonts/modernica/ModernicaLight-italic-webfont.svg') format('svg'),
  url('https://oliveetbasil.com/resources/fonts/modernica/ModernicaLight-italic-webfont.eot') format('eot'),
  url('https://oliveetbasil.com/resources/fonts/modernica/ModernicaLight-italic-webfont.woff') format('woff'),
  url('https://oliveetbasil.com/resources/fonts/modernica/ModernicaLight-italic-webfont.woff2') format('woff2');
}

@font-face {
  font-family: 'Modernica';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/modernica/ModernicaBook-webfont.svg') format('svg'),
  url('../fonts/modernica/ModernicaBook-webfont.eot') format('eot'),
  url('../fonts/modernica/ModernicaBook-webfont.woff') format('woff'),
  url('../fonts/modernica/ModernicaBook-webfont.woff2') format('woff2');
}
@font-face {
  font-family: 'Modernica';
  font-style: italic;
  font-weight: 300;
  src: url('https://oliveetbasil.com/resources/fonts/modernica/ModernicaBook-italic-webfont.svg') format('svg'),
  url('https://oliveetbasil.com/resources/fonts/modernica/ModernicaBook-italic-webfont.eot') format('eot'),
  url('https://oliveetbasil.com/resources/fonts/modernica/ModernicaBook-italic-webfont.woff') format('woff'),
  url('https://oliveetbasil.com/resources/fonts/modernica/ModernicaBook-italic-webfont.woff2') format('woff2');
}

@font-face {
  font-family: 'Modernica';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/modernica/ModernicaRegular-webfont.svg') format('svg'),
  url('../fonts/modernica/ModernicaRegular-webfont.eot') format('eot'),
  url('../fonts/modernica/ModernicaRegular-webfont.woff') format('woff'),
  url('../fonts/modernica/ModernicaRegular-webfont.woff2') format('woff2');
}
@font-face {
  font-family: 'Modernica';
  font-style: italic;
  font-weight: 400;
  src: url('https://oliveetbasil.com/resources/fonts/modernica/ModernicaRegular-italic-webfont.svg') format('svg'),
  url('https://oliveetbasil.com/resources/fonts/modernica/ModernicaRegular-italic-webfont.eot') format('eot'),
  url('https://oliveetbasil.com/resources/fonts/modernica/ModernicaRegular-italic-webfont.woff') format('woff'),
  url('https://oliveetbasil.com/resources/fonts/modernica/ModernicaRegular-italic-webfont.woff2') format('woff2');
}

@font-face {
  font-family: 'Modernica';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/modernica/ModernicaMedium-webfont.svg') format('svg'),
  url('../fonts/modernica/ModernicaMedium-webfont.eot') format('eot'),
  url('../fonts/modernica/ModernicaMedium-webfont.woff') format('woff'),
  url('../fonts/modernica/ModernicaMedium-webfont.woff2') format('woff2');
}
@font-face {
  font-family: 'Modernica';
  font-style: italic;
  font-weight: 500;
  src: url('https://oliveetbasil.com/resources/fonts/modernica/ModernicaMedium-italic-webfont.svg') format('svg'),
  url('https://oliveetbasil.com/resources/fonts/modernica/ModernicaMedium-italic-webfont.eot') format('eot'),
  url('https://oliveetbasil.com/resources/fonts/modernica/ModernicaMedium-italic-webfont.woff') format('woff'),
  url('https://oliveetbasil.com/resources/fonts/modernica/ModernicaMedium-italic-webfont.woff2') format('woff2');
}

@font-face {
  font-family: 'Modernica';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/modernica/ModernicaBold-webfont.svg') format('svg'),
  url('../fonts/modernica/ModernicaBold-webfont.eot') format('eot'),
  url('../fonts/modernica/ModernicaBold-webfont.woff') format('woff'),
  url('../fonts/modernica/ModernicaBold-webfont.woff2') format('woff2');
}
@font-face {
  font-family: 'Modernica';
  font-style: italic;
  font-weight: 700;
  src: url('https://oliveetbasil.com/resources/fonts/modernica/ModernicaBold-italic-webfont.svg') format('svg'),
  url('https://oliveetbasil.com/resources/fonts/modernica/ModernicaBold-italic-webfont.eot') format('eot'),
  url('https://oliveetbasil.com/resources/fonts/modernica/ModernicaBold-italic-webfont.woff') format('woff'),
  url('https://oliveetbasil.com/resources/fonts/modernica/ModernicaBold-italic-webfont.woff2') format('woff2');
}

@font-face {
  font-family: 'Modernica';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/modernica/ModernicaHeavy-webfont.svg') format('svg'),
  url('../fonts/modernica/ModernicaHeavy-webfont.eot') format('eot'),
  url('../fonts/modernica/ModernicaHeavy-webfont.woff') format('woff'),
  url('../fonts/modernica/ModernicaHeavy-webfont.woff2') format('woff2');
}
@font-face {
  font-family: 'Modernica';
  font-style: italic;
  font-weight: 800;
  src: url('https://oliveetbasil.com/resources/fonts/modernica/ModernicaHeavy-italic-webfont.svg') format('svg'),
  url('https://oliveetbasil.com/resources/fonts/modernica/ModernicaHeavy-italic-webfont.eot') format('eot'),
  url('https://oliveetbasil.com/resources/fonts/modernica/ModernicaHeavy-italic-webfont.woff') format('woff'),
  url('https://oliveetbasil.com/resources/fonts/modernica/ModernicaHeavy-italic-webfont.woff2') format('woff2');
}

@font-face {
  font-family: 'Modernica';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/modernica/ModernicaBlack-webfont.svg') format('svg'),
  url('../fonts/modernica/ModernicaBlack-webfont.eot') format('eot'),
  url('../fonts/modernica/ModernicaBlack-webfont.woff') format('woff'),
  url('../fonts/modernica/ModernicaBlack-webfont.woff2') format('woff2');
}
@font-face {
  font-family: 'Modernica';
  font-style: italic;
  font-weight: 900;
  src: url('https://oliveetbasil.com/resources/fonts/modernica/ModernicaBlack-italic-webfont.svg') format('svg'),
  url('https://oliveetbasil.com/resources/fonts/modernica/ModernicaBlack-italic-webfont.eot') format('eot'),
  url('https://oliveetbasil.com/resources/fonts/modernica/ModernicaBlack-italic-webfont.woff') format('woff'),
  url('https://oliveetbasil.com/resources/fonts/modernica/ModernicaBlack-italic-webfont.woff2') format('woff2');
}

.section-title h1, .promo-image h1, .promo-video .promo-contents h1,
.section-title h3, .main-header .header-bottom-bar .category-filter li, .main-header .header-bottom-bar .contact-info ul li,
.about .promo p, .latest-post .blog-post article header h1, .blog-single-page .blog-post article .post-contents .recipe-container .recipe-title,
.blog-single-page .blog-post article .author .author-info .author-name, .blog-single-page .blog-post article .related-posts-container article h4,
.blog-single-page .blog-post article .tags-container h6, .blog-single-page .blog-post article .tags-container ul li, .shopping-cart .cart-items ul li .item-container .food-name,
.shopping-cart .cart-items ul li .item-container .food-price, .food-banner .banner .banner-features .food-price p,
.store-item .food-order .food-price, .store-item .food-order .add-to-cart-link, .store-items-details .store-item-detail .food-info .food-price,
.store-items-details .store-item-detail .food-tags-category, h1, h2, h3, h4, h5, h6 {
  font-family: 'Modernica';

}

.section-title h1 span , .section-title span,.team .member .member-info .member-post, .gallery .gallery-filter li.active,
.latest-post .blog-post article header .post-meta a,.about .promo p span,.about .promo p strong,
 .latest-post .blog-post article header h1 a:hover, .red,
.main-nav-container .tweets-container .twitter-logo, .services .service h2, .latest-post .blog-post article .category li a,
.latest-post .blog-post article .post-contents a.read-more-button, .reservation .reservation-by-phone .contact-info .phone-number span,
.dark-bg .contact-form-contaienr .section-title h1 span
{
  color: #b7151b
}

.testimonials .testimonial-container .testimonial .customer-job {
  color: inherit;
}

.section-title h1 {
  line-height: 66px;
  padding: 12px 0px;
}

.custom-button.button-style1,
.map .map-container #cd-zoom-in, .map .map-container #cd-zoom-out  {
  background-color: rgba(152,27,30,0.9);
}

.custom-button.button-style1:hover ,.no-touch .map .map-container #cd-zoom-in:hover, .no-touch .map .map-container #cd-zoom-out:hover {
  background-color: #b7151b;
}

::selection {
  background: #b7151b; /* WebKit/Blink Browsers */
}

::-moz-selection {
  background: #b7151b; /* Gecko Browsers */
}

.about {
  padding-top: 0px;
}

.about.deuxbloc ,
.about.entete {
  padding-top: 78px;
}

.about .promo {
  background: inherit;
  color: inherit;
}

h1.black {
  color: #23323a;
}

h1.heading {
  color: #fff;
  font-size: 100px!important;
  font-weight: 300;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.5em;
  margin-bottom: 23px;
  text-transform: uppercase;
}

h1 { /* Titre 4 */
/*  font-family: 'Great Vibes', 'Times New Roman' ,serif;*/
  font-size: 60px;
  line-height: 1.5em;
  margin-bottom: 23px;
  font-weight: 400;
}

h3 { /* Titre 3 */
/*  font-family: 'Great Vibes', 'Times New Roman' ,serif;*/
  font-size: 48px;
  line-height: 48px;
  padding: 12px 0px;
  margin-bottom: 16px;
  font-weight: 400;
}

h3 small {
  font-size: 36px;
}

.blog-single-page .blog-post .related-posts-container article h4,
.overlay-container .overlay .overlay-details h3 {
/*  font-family: "Palatino Linotype", Palatino, "Book Antiqua", "URW Palladio L", serif;*/
}


h4 { /* Titre 4 */
/*  font-family: 'Great Vibes', 'Times New Roman' ,serif;*/
  font-size: 32px;
  line-height: 1.5em;
  margin-bottom: 16px;
  font-weight: 400;
}

h5 { /* Titre 5 */
  /*font-family: 'Great Vibes', 'Times New Roman' ,serif;*/
  font-size: 24px;
  line-height: 1.5em;
  margin-bottom: 10px;
  font-weight: 400;
}

.team .members-images-container {
  padding-left: 0px;
}

.dark-bg {
  background: #23292c;
  color: #9da7ac;
}

.dark-bg a {
  color: #b7151b;
}

.dark-bg .section-title h1 span {
  color: #fff;
}

p.btnbeige a {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  background: white;
  padding: 10px 20px;
  color: #23292c;
  background: #eae5d6;
  vertical-align: middle;
  line-height: 20px;
}

p.btnbeige a:hover {
  color: #b7151b;
}

.white-rock-bg {
  background: #EFEFEF;/*#eae5d6;*/
  /* color: #73848e; */
}

.white-rock-bg p.btnbeige a {
  color: #9da7ac;
  background: #23292c;
}

.about.white-rock-bg .about-container p {
  color: #73848e;
}

.about.white-bg .promo ,
.about.white-rock-bg .promo {
  color: #23292c;
}

.white-bg {
  background: #fff;;
  color: #73848e;
}

p + p {
  margin-top: 20px;
}

.logo img {
  max-height: 120px;
}

.at_PinItButton {
  background: none!important;
  width: auto;
  height: auto;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: 1em;
}

.at_PinItButton:before {
    content: "\f231";
}

.fb_iframe_widget, .fb_iframe_widget span , .fb_iframe_widget iframe {
  width: 100%!important;
}

textarea {
  resize: none;
}

input#lebleu { display: none; }

section.alert {
  padding: 20px 0px;
}

.alert {
    padding: 10px 20px;
    border: 1px solid transparent;
}

p.alert{
  margin-bottom: 10px;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.main-footer, .main-footer .socials-container ul li a , .dark-bg address a {
    color: #fff;
}
.latest-post .blog-post article footer .socials-container ul li a > div{
  display: none!important;
}
.main-footer .socials-container ul li a:hover , a:hover, a:focus {
  color: #b7151b;
}

.reservation .reservation-form button {
  padding: 5px 56px 13px 36px;

}

.blog-single-page .blog-post article .comment-form-container .contact-form input[type="file"] {
  border: none;
  background: none;
  padding: 0px;
}

.contact-form p.alert {
  margin-top: -10px;
  margin-bottom: 20px;
}

.menus-full .menu-meals-container ul li .meal-details {
  margin-bottom: 20px;
}

.menus-full .menu-meals-container ul .owl-item li h5 {
  margin-bottom: 0px;
}

.menus-full .menu-meals-container ul .owl-item {
  padding: 6px 0px;
}

.menus-full .menu-meals-container ul li h3 {
  margin-top: 20px;
  line-height: 1em;
}

i.piment {
  background: url('../images/piment.png') no-repeat center;
  background-size: 28px auto;
  display: inline-block;
  color: transparent;
  height: 24px;
  width: 30px;
}

.menus .menu-carousel .owl-item p.specs {
  font-style: italic;
}

.menus .menu .food p + p {
    margin-top: 10px;
}

.menus .menu .food p {
  line-height: 1.25em;
}

.menus .menu .food .food-desc {
  line-height: 24px;
}

.menus .menu .food .food-name {
  margin-bottom: 6px;
  font-style: normal;
}

.menus .menu .food .food-desc .food-details {
  padding-right: 6px;
}

.menus .menu .food .food-desc .food-price {
  padding-left: 6px;
}

.menus-full .menu .section-title {
  margin-bottom: 20px;
}

.menus .menu .food {
  margin-bottom: 30px;
}

.menus .menu .food .food-name span.specs {
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
}

.menus-full .menu-meals-container ul .owl-item.active li h3, .owl-item h5 {
    color: #23292c;
}

.menus-full .menu-meals-container ul .owl-item.active li h5 {
    color: #e36630;
}

.page404 .term {
  text-align: center;
}

.btncommande {
  display: none;
  position: fixed;
  right: 0px;
  bottom: 0px;
  z-index: 100;
  background-color: rgba(152,27,30,0.9)!important;
}

.btncommande:hover {
  background-color: #b7151b!important;
}

.gloriafood-button, .glf-button {
  padding: 12px!important;
}

.btnreserver {
  display: inline-block;
  padding: 12px;
  margin: 2px;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  color: #fff !important;
  text-decoration: none !important;
  font-family: "Arial", sans-serif;
  font-size: 18px;
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(0,0,0,.1);
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #ef8b17;
  -moz-box-shadow: 0 1px 0 rgba(0,0,0,.15);
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.15);
  box-shadow: 0 1px 0 rgba(0,0,0,.15);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…Igd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
  background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(255,255,255,.1) 100%);
  background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(255,255,255,.1) 100%);
  background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(255,255,255,.1) 100%);
  background-image: linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(255,255,255,.1) 100%);
  transition: background-color 0.4s ease-out;
  position: fixed;
  right: 0px;
  bottom: 42px;
  z-index: 100;
  background-color: rgba(152,27,30,0.9)!important;
}

.btnreserver:hover {
  background-color: #b7151b!important;
}

.main-nav-container .main-nav {
  padding-left: 18px;
}

nav.main-nav .glf-button {
  background: url(../images/template-assets/nav-link-arrow.png) no-repeat;
  background-position: left 12px;
  color: inherit!important;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
  margin: 0px;
  padding: 10px 0px;
  padding-left: 16px;
  text-align: left;
  text-shadow: none;
  border-radius: 0px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

nav.main-nav .glf-button:hover {
  color: #fff!important;
}

.tp-simpleresponsive .tp-caption {
  text-align: center;
  max-width: 100%!important;
  z-index: 20!important;
}

.tp-caption img {
  max-width: 75%;
  margin: auto;
  height: auto!important;
}

.tp-simpleresponsive .tp-caption span {
  color: #fff;
  font-size: 50px;/*28px;*/
  line-height: 60px;
  font-weight: 300;
  text-transform: uppercase;
  max-width: 100%;
  display: inline-block;
  white-space: normal!important;
}

.top-banner-container:before ,
.tp-simpleresponsive >ul >li:before {
  content: '';
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: url('../images/ombrage.png') repeat center;
  z-index: 10;
}

.gallery {
  padding-top: 0px;
}
.main-nav-container .main-nav ul li {
  margin-bottom: 16px;
}
.main-nav-container .main-nav ul li ul.child {
  padding-left: 10px;
}

.main-nav-container .main-nav ul li ul.child li {
  margin-bottom: 0px;
}

iframe .vertical-middle {
  vertical-align: top!important;
}

button {
  outline: none;
}

.mobile-nav-container .logo-container img {
    width: 100px;
}

.row.liste-videos .overlay-container .overlay .buttons-container {
  bottom: 50%;
  left: 50%;
  margin-left: -27px;
  margin-bottom: -27px;
}


@media (max-width: 991px) {
  nav.main-nav .glf-button {
    background: none;
    padding-left: 0px;
  }
}
@media (max-width: 640px) {
  .tp-caption img {
    max-width: 100%;
  }

  .tp-simpleresponsive .tp-caption span {
    font-size: 16px;
    line-height: 20px;
  }

  .btncommande.glf-button {
    padding: 10px;
    font-size: 14px;
  }
  h1.heading {
    font-size: 60px!important;
  }
}

.promo-video .mejs-container {
  right: 0px;
}

.ficheEmploye {
  background: #EFEFEF;
  /* color: #73848e; */
  padding: 20px 15px;
  position: relative;
}

.promo-video {
  height: 600px;
  background: #000;
}

.promo-video video {
  margin-top: -60px;
  max-width: 100%;
}

.promo-video .promo-contents h1 span {
  color: #fff;
}

.mejs-mediaelement {
  text-align: center;
}

.mejs-overlay-button {
  background-image: url('../../template/img/template-assets/icon-play.png');
}
.promo-video .mejs-container {
  min-height: 100%;
}
@media (max-width: 1199px){
  .promo-video video {
    margin-top: 0px;
  }
}
@media (max-width: 991px){
  .promo-video {
    height: auto;
  }
  .gallery .gallery-items-container li {
    width: 50%;
  }
}

.wrapper {
  position: relative;
}

#fancyMusicPlayer {
  max-width: 100%;
  /*margin: 20px 0px;*/
  padding: 20px 10px;
  position: absolute;
  right: 0px;
  top: 0px;
  width: auto;
  z-index: 1000;
}

/*#fancyMusicPlayer .fmp-time-bar, */#fancyMusicPlayer .fmp-next-button , #fancyMusicPlayer .fmp-previous-button {
  display: none;
}

#fancyMusicPlayer .fmp-time-bar {
  width: 86px;
}

#fancyMusicPlayer a {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

.promo-image {
  background-position-x : center!important;
  background-size: 100% auto;
}

.copyright a {
  color: #fff;
}

.reservation .bkda .btn-success:focus,
.reservation .bkda .btn-success:hover {
  background-color: rgba(152,27,30,0.9);
}

.reservation .bkda .btn-success {
  background-color: #b7151b;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  border: none;
  color: #fff;
  outline: none!important;
}

.main-nav-container a:not([href]):hover {
  color: #8a9eae;
}

a.fancybox-close {
  background: none;
}

a.fancybox-close:after {
  content : '×';
  width: 36px;
  height: 36px;
  line-height: 36px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  font-style: normal;
  font-size: 28px;
  font-family: Arial,Baskerville,monospace;

  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}
.row.liste-videos > div {
  padding-top: 15px;
  padding-bottom: 15px;
}

@media (min-width: 1640px ) {
  .promo-image {
    min-height: 1200px;
  }
}

@media (min-width: 1230px ) {
  .promo-image {
    min-height: 640px;
  }
}

@media (min-width: 992px ) {
  .promo-image {
    min-height: 500px;
  }
}

@media (max-width: 992px ) {
  .promo-image {
    background-position : center center!important;
  }
}

@media (max-width: 640px ) {
  .promo-image {
    background-size: auto 120%!important;
  }
}

@media print {
  footer, .map , .promo-image, .main-header .top-banner-container .top-banner-bg, #fancyMusicPlayer , .main-nav-trigger , .mobile-nav-container , .blog-single-page .blog-post article footer .socials-container{
    display: none;
  }

  a[href]:after {
    content: none !important;
  }

  .main-header .top-banner-container-style1 {
    height: 230px;
  }
}

header.with-video {
  margin: 0;
  text-align: center;
  display: block;
  height: 100%;
  width: 100%;
  vertical-align: middle;
  font-family: 'Open Sans', sans-serif;
  background: /*url('https://oliveetbasil.com/medias/logo.jpg')*/ #000 no-repeat center center fixed;
  /* background-size: 100% auto; */
  position: relative;
  max-width: 100%;
}

header.with-video #center {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  width: 100%;
}

header.with-video #logo {
  max-width: 100%;
}

header.with-video #center p {
  color: #fff;
  font: 300 40px/40px 'Great Vibes', 'Times New Roman' ,serif;
  margin: 10px 0px;
}

header.with-video #center button:hover {
    background: #4e5457;
    color: white;
    border-color: #4e5457;
}

header.with-video #center button {
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    border: 2px solid #fff;
    background: none;
    padding: 20px 40px;
    margin-top: 30px;
    width: auto;
    outline: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

header.with-video .boitevideo {
  max-width: 100%;
  overflow: hidden;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  display: table;
  top: 50%;
  height: 400px;
  margin-top: -200px;
  z-index: 1000;
  width: 100%;
  padding: 0px 40px;
}
header.with-video .mejs-container .mejs-controls, header.with-video video + video {
  display: none;
}
header.with-video .mejs-mediaelement {
  max-width:100%;
  position: relative;
}
header.with-video .mejs-mediaelement video,
header.with-video .mejs-container {
  height: auto!important;
  max-width:100%;
}
/*
header.with-video video {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  background: url('https://oliveetbasil.com/medias/logo.jpg') no-repeat;
  background-size: 100% auto;
  background-size: cover;
  transition: 1s opacity;
  max-width: 120%;
}*/

@media screen and (max-device-width: 800px) {
  #bgvid, #center button { display: none; }
}

.blog-single-page .blog-post article .related-posts-container figure {
  position: relative;
  padding-bottom : 68%;
}
.blog-single-page .blog-post article .related-posts-container figure img {
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}