::-webkit-scrollbar {
  width: 1px;
}

::-webkit-scrollbar-track {
  background-color: #755e44;
}

::-webkit-scrollbar-thumb {
  background-color: #b28e65;
}

body {
  user-select: none;
}

img,
a {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

/* scroolbar user selection images drag and copy none  */

/* background image */
.home-1st-bg-img {
  background-image: url(/images/hero-background-img.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.home-2nd-bg-img {
  background-image: url(/images/bg-02-free-img.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.home-3rd-page-left {
  background-image: url(/images/bg-03-free-img.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.home-3rd-page-right {
  background-image: url(/images/bg-04-free-img.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.home-2nd-page-side-logo {
  background-image: url(/images/logo-bg-02-free-img.png);
  background-position: center right;
  background-repeat: no-repeat;
  opacity: .1;
  transition: background .3s, border-radius .3s, opacity .3s;
  background-attachment: scroll;
  height: 100%;
  width: 100%;
}

.home-7th-page-1st-outlet {
  background-image: url(/images/outlets-01-free-img.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.home-7th-page-2st-outlet {
  background-image: url(/images/outlets-02-free-img.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.home-7th-page-3st-outlet {
  background-image: url(/images/outlets-03-free-img.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.home-7th-page-4st-outlet {
  background-image: url(/images/outlets-04-free-img.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.home-7th-page-5st-outlet {
  background-image: url(/images/outlets-05-free-img.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.home-8th-page {
  background-image: url(/images/bg-05-free-img.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.home-last-bg-img {
  background-image: url(/images/bg-06-free-img.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

/* history bg   */
.history-1st-bg-img {
  background-image: url(/images/history-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.history-3rd-page-side-bg-img {
  background-image: url(/images/histoy-content.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* grill bg  */
.grill-1st-bg-img {
  background-image: url(/images/bg-08-free-img.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.wines-1st-bg-img {
  background-image: url(/images/bg-09-free-img.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.event-1st-bg-img {
  background-image: url(/images/bg-10-free-img.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.contact-1st-bg-img {
  background-image: url(/images/bg-11-free-img.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

/* background image */
/* background color  */
.bg-brown {
  background-color: #b28e65 !important;
}

.bg-dark-low-opacity {
  background-color: rgba(0, 0, 0, 0.579) !important;
}

.bg-light-yellow {
  background-color: #f8f1e3 !important;
}

.bg-dark-low-opacity-hover:hover {
  background-color: rgba(0, 0, 0, 0.507) !important;
  transition: .3s ease;
}

.bg-white-deep {
  background-color: rgb(255, 241, 241) !important;
}

.bg-dark-low-opacity-hover {
  transition: .3s ease;
}

.bg-white-low-opacity {
  background-color: rgba(255, 255, 255, 0.363) !important;
}

.bg-white-low-opacity-hover:hover {
  background-color: rgba(90, 90, 90, 0.207) !important;
  transition: .3s ease;
}

.bg-white-low-opacity-hover {
  transition: .3s ease;
}

.bg-brown-hover:hover {
  background-color: #b28e65 !important;
  transition: .3s ease;
}

.bg-brown-hover {
  transition: .3s ease;
}

.bg-white-hover:hover {
  background-color: #ffffff !important;
  transition: .3s ease;
}

.bg-white-hover {
  transition: .3s ease;
}

/* background color  */
/* btn bg hover colors  */
.btn-bg-hover-white-to-brown {
  background-color: white;
  transition: .3s ease;
}

.btn-bg-hover-white-to-brown:hover {
  background-color: #b28e65;
  transition: .3s ease;
}

.btn-bg-hover-white-to-black {
  background-color: #ffffff;
  transition: .3s ease;
}

.btn-bg-hover-white-to-black:hover {
  background-color: #000000;
  transition: .3s ease;
}

.btn-bg-hover-brown-to-white:hover {
  background-color: #ffffff;
  transition: .3s ease;
}

.btn-bg-hover-brown-to-white {
  background-color: #b28e65;
  transition: .3s ease;
}

/* btn bg hover colors  */
/* border color  */
.border-brown {
  border-color: #b28e65 !important;
}

/* border color  */
/* font color */
.text-brown {
  color: #b28e65 !important;
}

.text-brown-hover:hover {
  color: #b28e65 !important;
  transition: .3s ease;
}

.text-brown-hover {
  transition: .3s ease;
}

.text-brown-to-white-hover:hover {
  color: #ffffff !important;
  transition: .3s ease;
}

.text-brown-to-white-hover {
  color: #b28e65 !important;
  transition: .3s ease;
}

.text-brown-to-black-hover {
  color: #b28e65 !important;
  transition: .3s ease;
}

.text-brown-to-black-hover:hover {
  color: #000000 !important;
  transition: .3s ease;
}

.text-hover-black-to-white {
  color: black;
  transition: .3s ease;
}

.text-hover-black-to-white:hover {
  color: rgb(255, 255, 255);
  transition: .3s ease;
}

.text-hover-white-to-black {
  color: rgb(255, 255, 255);
  transition: .3s ease;
}

.text-hover-white-to-black:hover {
  color: rgb(0, 0, 0);
  transition: .3s ease;
}

.text-md-center {
  text-align: unset !important;
}

/* font color */
/* hight */
.vh-10 {
  height: 10vh !important;
}

.vh-20 {
  height: 20vh !important;
}

.vh-30 {
  height: 30vh !important;
}

.vh-40 {
  height: 40vh !important;
}

.vh-50 {
  height: 50vh !important;
}

.vh-60 {
  height: 60vh !important;
}

.vh-70 {
  height: 70vh !important;
}

.vh-80 {
  height: 80vh !important;
}

.vh-90 {
  height: 90vh !important;
}

.hight-for-history-timeline {
  height: 95rem;
}

.h-1px {
  height: 1px !important;
}

.h-3px {
  height: 3px;
}

.h-20px {
  height: 20px;
}

/* hight */
/* width */
.w-px {
  width: 35px;
}

.w-1px {
  width: 1px;
}

.w-md-50 {
  width: 50%;
}

/* width */
/* padding  */
.pt-6 {
  padding-top: 6rem !important;
}

.pb-6 {
  padding-bottom: 6rem !important;
}

/* padding  */
/* font family , size */
.cinzel-font {
  font-family: "Cinzel", serif;
}

.nunito-font {
  font-family: "Nunito", sans-serif;
}

.font-size-12px {
  font-size: 12px !important;
}

/* font family , size */

/* nav bar */
.navbar-2 {
  background-color: transparent;
  overflow: hidden;
  position: relative;
}

.navbar-header {
  display: flex;
  align-items: center;
  justify-content: center;
  /* Center the toggle */
  padding: 14px 20px;
}

.navbar-toggle,
.navbar-close {
  font-size: 24px;
  cursor: pointer;
  color: rgb(255, 255, 255);
  /* Change color of toggles */
}

.main-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  /* Center navigation options */
  transition: all 0.4s ease-in-out;
  /* Smooth transition */
  opacity: 0;
  max-height: 0;
  overflow: hidden;
}

.main-nav li {
  padding: 14px 20px;
}

.nav-links {
  text-decoration: none;
  color: rgb(255, 255, 255);
  font-size: 18px;
  display: block;
}

@media (max-width: 767px) {
  .navbar-toggle {
    display: block;
  }

  .main-nav {
    flex-direction: column;
    width: 100%;
    background-color: #333;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    z-index: 111;
  }

  .main-nav.active {
    opacity: 1;
    max-height: 100vh;
  }

  .navbar-close {
    display: block;
    padding: 24px 30px;
    width: 100%;
    text-align: right;
    position: absolute;
    top: 0;
    right: 0;
  }

  .main-nav li {
    width: 100%;
    text-align: center;
  }
}

@media (min-width: 767px) {
  .main-nav {
    display: flex !important;
    flex-direction: row;
    position: static;
    height: auto;
    width: auto;
    justify-content: center;
    /* Center navigation options */
    opacity: 1;
    max-height: none;
    overflow: visible;
  }

  .navbar-toggle,
  .navbar-close {
    display: none;
  }

}

/* nav bar */
/* page 6 card white ball hover */

.white-hover-ball {
  border: 2px solid white;
  border-radius: 50%;
  height: 4rem;
  width: 4rem;
  transition: .3s ease;
}

.white-hover-ball:hover {
  border: 2px solid white;
  border-radius: 50%;
  height: 4rem;
  width: 4rem;
  transition: .3s ease;
  background-color: white;
}

.svg {
  fill: rgb(255, 255, 255) !important;
  transition: .3s ease;
}

.white-hover-ball:hover .svg {
  fill: #b28e65 !important;
  transition: .3s ease;
}

/* page 6 card white ball hover */
.icon-hover {
  fill: gray;
  transition: .3s ease;
}

.icon-bg-hover:hover .icon-hover {
  fill: #b28e65;
  transition: .3s ease;
}

.icon-bg-hover {
  background-color: rgb(255, 255, 255);
  transition: .3s ease;
}

.icon-bg-hover:hover {
  background-color: rgb(255, 255, 255);
  transition: .3s ease;
}

.right-arrow-hover-brown-to-black {
  stroke: #b28e65 !important;
  transition: .3s ease;
}

.right-arrow-hover-brown-to-black:hover {
  stroke: #000000 !important;
  transition: .3s ease;
}

@media (min-width:768px) {
  .vh-md-100 {
    height: 100vh !important;
  }

}

@media (max-width:767px) {
  .w-md-50 {
    width: auto;
  }

  .text-md-center {
    text-align: center !important;
  }

  .history-1st-bg-img,
  .home-last-bg-img,
  .home-8th-page,
  .home-7th-page-5st-outlet,
  .home-7th-page-4st-outlet,
  .home-7th-page-3st-outlet,
  .home-7th-page-2st-outlet,
  .home-7th-page-1st-outlet,
  .home-1st-bg-img,
  .history-1st-bg-img,
  .grill-1st-bg-img,
  .wines-1st-bg-img,
  .event-1st-bg-img,
  .contact-1st-bg-img {

    background-attachment: scroll;
  }
}

@media (max-width:420px) {
  .d-block-max-420px {
    display: block !important;
  }
}



@media (max-width:1399px) {
  .hight-for-history-timeline {
    height: 100rem;
  }
}

@media (max-width:992px) {
  .hight-for-history-timeline {
    height: 115rem;
  }
}








.w{
  width: 10rem;
}