@charset "UTF-8";
body {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }

body {
  font-family: "Tajawal", sans-serif; }

.navbar {
  min-height: 75px;
  width: 100%;
  padding: 0px;
  z-index: 10;
  background-color: white !important; }
  .navbar img {
    width: 65px;
    height: 55px; }
  @media (max-width: 992px) {
    .navbar .navbar-nav {
      background: #0c0b0bed; } }
  @media (max-width: 992px) {
    .navbar .nav-link {
      border-bottom: 0.1px solid #dddddd2b;
      color: #fff !important; } }
  @media (max-width: 992px) {
    .navbar .last {
      border-bottom: none !important; } }
  .navbar .nav-item {
    margin: 0.2rem 2rem; }
    @media (min-width: 1240px) {
      .navbar .nav-item {
        margin: 0.2rem 3rem; } }
    .navbar .nav-item .link {
      margin-top: 1rem; }
  .navbar .navbar-toggler {
    margin-right: 15px;
    border-color: rgba(0, 0, 0, 0.322);
    border-radius: 0%; }
  .navbar .navbar-toggler:focus {
    outline: none; }

.sweet .image img,
.halwet-elmouled .image img {
  width: 200px;
  height: 200px;
  position: fixed;
  top: 45%;
  left: 42.6%;
  z-index: 1; }
  @media (min-width: 1400px) {
    .sweet .image img,
    .halwet-elmouled .image img {
      left: 44.3%; } }
  @media (max-width: 1024px) {
    .sweet .image img,
    .halwet-elmouled .image img {
      width: 150px;
      height: 150px;
      top: 23%;
      left: 42.7%; } }
  @media (max-width: 768px) {
    .sweet .image img,
    .halwet-elmouled .image img {
      top: 29.7%;
      left: 40%; } }
  @media (max-width: 600px) {
    .sweet .image img,
    .halwet-elmouled .image img {
      top: 51%;
      left: 36%;
      height: 139px;
      width: 140px; } }
  @media (max-width: 500px) {
    .sweet .image img,
    .halwet-elmouled .image img {
      top: 53%;
      left: 36%;
      width: 110px;
      height: 110px; } }
  @media (max-width: 400px) {
    .sweet .image img,
    .halwet-elmouled .image img {
      top: 53%;
      left: 34%;
      width: 110px;
      height: 110px; } }
.sweet .image .circle,
.halwet-elmouled .image .circle {
  width: 100px;
  height: 50px;
  border-radius: 50%;
  position: fixed;
  top: 6%;
  left: 46.2%;
  background-color: white;
  z-index: 1; }
  @media (min-width: 1400px) {
    .sweet .image .circle,
    .halwet-elmouled .image .circle {
      left: 47.2%; } }
  @media (max-width: 1024px) {
    .sweet .image .circle,
    .halwet-elmouled .image .circle {
      top: 3%;
      left: 45%; } }
.sweet .left-part,
.halwet-elmouled .left-part {
  background-color: black;
  width: 100%;
  position: relative;
  background-image: url("../img/81gOTNo51jL._AC_SL1500_.png");
  background-size: 100% 100%;
  background-repeat: no-repeat; }
  @media (min-width: 767px) {
    .sweet .left-part,
    .halwet-elmouled .left-part {
      min-height: 650px; } }
  @media (min-width: 1400px) {
    .sweet .left-part,
    .halwet-elmouled .left-part {
      height: 100vh; } }
  @media (max-width: 600px) {
    .sweet .left-part .product-img,
    .halwet-elmouled .left-part .product-img {
      top: 0%;
      left: 26% !important; } }
  @media (max-width: 500px) {
    .sweet .left-part .product-img,
    .halwet-elmouled .left-part .product-img {
      top: -5%;
      left: 19% !important; } }
  .sweet .left-part .header,
  .halwet-elmouled .left-part .header {
    font-family: "Shippori Mincho", serif;
    text-align: center;
    position: absolute;
    top: 1%;
    left: 5%;
    z-index: 1; }
    @media (max-width: 768px) {
      .sweet .left-part .header,
      .halwet-elmouled .left-part .header {
        top: 18%;
        left: 6%; } }
    @media (max-width: 600px) {
      .sweet .left-part .header,
      .halwet-elmouled .left-part .header {
        top: 0%;
        left: 20%; } }
    @media (max-width: 500px) {
      .sweet .left-part .header,
      .halwet-elmouled .left-part .header {
        top: -5%;
        left: 8%; } }
    .sweet .left-part .header h2,
    .halwet-elmouled .left-part .header h2 {
      margin: auto;
      color: #fff;
      line-height: 1.2;
      padding-top: 15rem;
      width: 60%;
      margin-bottom: 20px; }
      @media (max-width: 992px) {
        .sweet .left-part .header h2,
        .halwet-elmouled .left-part .header h2 {
          font-size: 20px;
          padding-top: 9rem; } }
    .sweet .left-part .header a,
    .halwet-elmouled .left-part .header a {
      color: #fff;
      text-decoration: none;
      border: 1px solid #fff;
      margin-top: 10px;
      padding: 5px 20px; }
  @media (max-width: 768px) {
    .sweet .left-part,
    .halwet-elmouled .left-part {
      height: 50vh; } }
.sweet .right-part,
.halwet-elmouled .right-part {
  width: 100%;
  cursor: pointer;
  background-image: url("../img/_C6A5977.png");
  background-size: 100% 100%;
  background-repeat: no-repeat; }
  @media (min-width: 767px) {
    .sweet .right-part,
    .halwet-elmouled .right-part {
      min-height: 650px; } }
  @media (min-width: 1400px) {
    .sweet .right-part,
    .halwet-elmouled .right-part {
      height: 100vh; } }
  .sweet .right-part img,
  .halwet-elmouled .right-part img {
    width: 100%;
    height: 100%; }
  @media (max-width: 992px) {
    .sweet .right-part,
    .halwet-elmouled .right-part {
      height: 50vh; } }
.sweet .col-md-6,
.halwet-elmouled .col-md-6 {
  padding: 0%; }

.flavors .left-part {
  background-color: #c5d7bf;
  background-image: none; }
  .flavors .left-part .header {
    left: 16%;
    top: 13%; }
    @media (min-width: 1400px) {
      .flavors .left-part .header {
        top: 19%; } }
    @media (max-width: 768px) {
      .flavors .left-part .header {
        top: 15%; } }
    @media (max-width: 600px) {
      .flavors .left-part .header {
        left: 8%;
        top: 5%; } }
    @media (max-width: 500px) {
      .flavors .left-part .header {
        top: 17%;
        left: 10%; } }
    @media (max-width: 400px) {
      .flavors .left-part .header {
        top: 15%;
        left: 15%; } }
    .flavors .left-part .header img {
      width: 70%;
      height: 400px;
      display: block;
      margin-bottom: 20px;
      margin-left: 10px; }
      @media (max-width: 767px) {
        .flavors .left-part .header img {
          width: 68%;
          height: 238px;
          margin-left: 60px; } }
      @media (max-width: 500px) {
        .flavors .left-part .header img {
          margin-left: 40px; } }
      @media (max-width: 400px) {
        .flavors .left-part .header img {
          height: 200px;
          margin-left: 30px; } }
    .flavors .left-part .header a {
      margin-right: 9rem; }
      @media (max-width: 768px) {
        .flavors .left-part .header a {
          margin-right: 6rem; } }
      @media (max-width: 600px) {
        .flavors .left-part .header a {
          margin-right: 3rem;
          font-size: 15px; } }
      @media (max-width: 420px) {
        .flavors .left-part .header a {
          margin-right: 2.6rem;
          font-size: 15px; } }
.flavors .right-part {
  background-image: url("../img/0f14b288230953.5dd003f283603.png"); }

.westen-sweet .left-part {
  background-color: #8cc9ba; }
.westen-sweet .right-part {
  background-image: url("../img/DSC07360.png"); }

.bakery .left-part {
  background-color: #ffffff; }
  .bakery .left-part .header h2,
  .bakery .left-part .header a {
    color: rgba(0, 0, 0, 0.911); }
  .bakery .left-part .header a {
    border: 1px solid #181818;
    padding-left: 25px;
    padding-right: 25px; }
.bakery .right-part {
  background-image: url("../img/b7c47770825969.5bb0b6ea090a0.png"); }

.hot-drinks .left-part {
  background-color: #1c1c1c; }
  .hot-drinks .left-part .header a {
    padding-left: 25px;
    padding-right: 25px; }
.hot-drinks .right-part {
  background-image: url("../img/سايفون.png"); }

.soft-drink .left-part,
.chocolates .left-part {
  background-color: #51acb7; }
  @media (max-width: 420px) {
    .soft-drink .left-part .header,
    .chocolates .left-part .header {
      left: 22%; } }
  .soft-drink .left-part .header a,
  .chocolates .left-part .header a {
    padding-left: 25px;
    padding-right: 25px; }
.soft-drink .right-part,
.chocolates .right-part {
  background-image: url("../img/97ffe091671527.5e3836fab8921(1).png"); }

.sandwitch .left-part {
  background-color: #f9cb9a; }
.sandwitch .right-part {
  background-image: url("../img/IMG_1522.png"); }

.chocolates .left-part {
  background-color: #cf9869; }
.chocolates .right-part {
  background-image: url("../img/52029336_1475573162573305_1194478014730076160_o.png"); }

.halwet-elmouled .left-part {
  background-color: #f9cb9a; }
.halwet-elmouled .right-part {
  background-image: url("../img/IMG_0006_1.png"); }

.westen-sweet,
.sweet1,
.bakery,
.hot-drinks,
.soft-drink,
.sandwitch,
.chocolates,
.halwet-elmouled {
  display: none; }
  .westen-sweet .col-md-6,
  .sweet1 .col-md-6,
  .bakery .col-md-6,
  .hot-drinks .col-md-6,
  .soft-drink .col-md-6,
  .sandwitch .col-md-6,
  .chocolates .col-md-6,
  .halwet-elmouled .col-md-6 {
    padding: 0%; }

.find-us,
.about-us,
.menu,
.our-story,
.products,
.catering,
.pro-details {
  padding-bottom: 30px;
  padding-top: 30px; }
  .find-us .head-line,
  .about-us .head-line,
  .menu .head-line,
  .our-story .head-line,
  .products .head-line,
  .catering .head-line,
  .pro-details .head-line {
    width: 100%;
    height: 5px;
    background-color: #f7ca7d; }
  .find-us .page-contents,
  .about-us .page-contents,
  .menu .page-contents,
  .our-story .page-contents,
  .products .page-contents,
  .catering .page-contents,
  .pro-details .page-contents {
    background-color: #f5f5f5;
    padding-top: 50px; }
    .find-us .page-contents .details,
    .about-us .page-contents .details,
    .menu .page-contents .details,
    .our-story .page-contents .details,
    .products .page-contents .details,
    .catering .page-contents .details,
    .pro-details .page-contents .details {
      padding-bottom: 40px;
      padding-top: 0px; }
      .find-us .page-contents .details .phone,
      .find-us .page-contents .details .email,
      .find-us .page-contents .details .location,
      .about-us .page-contents .details .phone,
      .about-us .page-contents .details .email,
      .about-us .page-contents .details .location,
      .menu .page-contents .details .phone,
      .menu .page-contents .details .email,
      .menu .page-contents .details .location,
      .our-story .page-contents .details .phone,
      .our-story .page-contents .details .email,
      .our-story .page-contents .details .location,
      .products .page-contents .details .phone,
      .products .page-contents .details .email,
      .products .page-contents .details .location,
      .catering .page-contents .details .phone,
      .catering .page-contents .details .email,
      .catering .page-contents .details .location,
      .pro-details .page-contents .details .phone,
      .pro-details .page-contents .details .email,
      .pro-details .page-contents .details .location {
        color: #707070;
        margin-top: 20px; }
      .find-us .page-contents .details .phone span,
      .find-us .page-contents .details .email span,
      .find-us .page-contents .details .location span,
      .about-us .page-contents .details .phone span,
      .about-us .page-contents .details .email span,
      .about-us .page-contents .details .location span,
      .menu .page-contents .details .phone span,
      .menu .page-contents .details .email span,
      .menu .page-contents .details .location span,
      .our-story .page-contents .details .phone span,
      .our-story .page-contents .details .email span,
      .our-story .page-contents .details .location span,
      .products .page-contents .details .phone span,
      .products .page-contents .details .email span,
      .products .page-contents .details .location span,
      .catering .page-contents .details .phone span,
      .catering .page-contents .details .email span,
      .catering .page-contents .details .location span,
      .pro-details .page-contents .details .phone span,
      .pro-details .page-contents .details .email span,
      .pro-details .page-contents .details .location span {
        padding-left: 10px; }
      @media (min-width: 767px) {
        .find-us .page-contents .details,
        .about-us .page-contents .details,
        .menu .page-contents .details,
        .our-story .page-contents .details,
        .products .page-contents .details,
        .catering .page-contents .details,
        .pro-details .page-contents .details {
          margin-top: 7rem; } }
    .find-us .page-contents .koka-location,
    .about-us .page-contents .koka-location,
    .menu .page-contents .koka-location,
    .our-story .page-contents .koka-location,
    .products .page-contents .koka-location,
    .catering .page-contents .koka-location,
    .pro-details .page-contents .koka-location {
      border: 1px solid rgba(0, 0, 0, 0.123);
      height: 450px; }

.footer {
  margin-top: 20px; }
  .footer .copy-right,
  .footer span {
    color: #6d2739;
    font-size: 12px; }
  @media (max-width: 400px) {
    .footer .copy-right {
      font-size: 10px; } }
  .footer .social .icons a {
    color: #6d2739; }
  .footer .social .icons svg:not(:root).svg-inline--fa {
    margin-left: 5px; }

.about-us .image,
.about-us .video,
.menu .image,
.menu .video,
.our-story .image,
.our-story .video,
.products .image,
.products .video,
.catering .image,
.catering .video,
.pro-details .image,
.pro-details .video {
  margin-top: 20px;
  border: 1px solid rgba(0, 0, 0, 0.041); }
  .about-us .image img,
  .about-us .image video,
  .about-us .video img,
  .about-us .video video,
  .menu .image img,
  .menu .image video,
  .menu .video img,
  .menu .video video,
  .our-story .image img,
  .our-story .image video,
  .our-story .video img,
  .our-story .video video,
  .products .image img,
  .products .image video,
  .products .video img,
  .products .video video,
  .catering .image img,
  .catering .image video,
  .catering .video img,
  .catering .video video,
  .pro-details .image img,
  .pro-details .image video,
  .pro-details .video img,
  .pro-details .video video {
    width: 100%;
    height: 450px; }
.about-us h5,
.menu h5,
.our-story h5,
.products h5,
.catering h5,
.pro-details h5 {
  font-weight: 600;
  color: #707070;
  margin-top: 30px; }
.about-us p,
.menu p,
.our-story p,
.products p,
.catering p,
.pro-details p {
  font-size: 15px;
  color: #707070; }

.products .head-line,
.catering .head-line,
.pro-details .head-line {
  background: #c5d7bf;
  margin-bottom: 20px; }
.products .product-img,
.catering .product-img,
.pro-details .product-img {
  margin: 10px;
  text-align: center;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
  padding-bottom: 20px;
  border-radius: 5px;
  overflow: hidden;
  background-color: #fff;
  margin-bottom: 10px;
cursor: pointer; }
  .products .product-img .pro-img,
  .catering .product-img .pro-img,
  .pro-details .product-img .pro-img {
    overflow: hidden;
    margin: 10px; }
  .products .product-img img,
  .catering .product-img img,
  .pro-details .product-img img {

    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
    transition: all 0.3s ease-in-out; }
    .products .product-img img{
        height: 450px;
    }
    @media ( min-width:768px) and (max-width: 991px){
        .products .product-img img{
            height: 360px;
        }
    }
    @media ( min-width:576px) and (max-width: 767px){
        .products .product-img img{
            height: 220px;
        }
    }

    .products .product-img img:hover,
    .catering .product-img img:hover,
    .pro-details .product-img img:hover {
      transform: scale(1.1); }
  .products .product-img button,
  .catering .product-img button,
  .pro-details .product-img button {
    transition: all 0.3s ease-in-out; }
    .products .product-img button:hover,
    .catering .product-img button:hover,
    .pro-details .product-img button:hover {
      background-color: #faac29;
      color: #fff;
      border: 1px solid #faac29; }
.products .header,
.catering .header,
.pro-details .header {
  margin: 10px;
  text-align: center; }
  .products .header img,
  .catering .header img,
  .pro-details .header img {
    width: 100%; }

.pro-details .head-line {
  background: #5cb0bc; }
.pro-details .product-info {
  text-align: left;
  padding-top: 10px; }
  .pro-details .product-info p {
    font-size: 14px;
    font-weight: bold;
    color: #1d1d1d;
    margin-top: 0px !important;
    margin-bottom: 0px !important; }
.pro-details .best-select {
  color: red !important;
  font-size: 14px;
  padding-top: 10px; }


.our-story .head-line,
.menu .head-line,
.catering .head-line {
  background: #1e0004; }

.catering .carousel-item img {
  width: 99% !important;
  margin: auto;
  height: 450px; }
@media (min-width: 992px) {
  .catering .carousel-control-prev {
    left: -95 !important; } }
@media (min-width: 992px) {
  .catering .carousel-control-next {
    right: -95 !important; } }
.catering .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); }
.catering .carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
  color: black; }

button:focus {
  outline: none; }

.navbar .navbar-toggler {
  border: none !important; }

.products .product-img button,
.catering .product-img button,
.pro-details .product-img button, .products .header button,
.catering .header button,
.pro-details .header button {
  border: none;
  padding: 2px 40px;
  padding-top: 6px;
  padding-bottom: 6px !important;
  border: 1px solid #707070;
  color: #707070;
  border-radius: 30px;
  background-color: transparent;
  margin-top: 28px;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 700;
}

/*# sourceMappingURL=style.css.map */