@import 'https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap';



body,html {
 font-family:rubik,
 sans-serif;
 width:100%;
 height:100%;
 overflow-x:hidden;
 direction:rtl
}
.content-section-heading {
 padding-top:50px;
 padding-bottom:30px
}
body
{
    
 font-family:rubik;
}


.foodicon {
    
    width:120px;
     margin-right: 100px;
    
}

.drinkicon {
      width:120px;
      margin-right: -100px;
    
}


.btn-xl {
 padding:1.25rem 2.5rem
}
.content-section {
 padding-top:7.5rem;
 padding-bottom:7.5rem
}
.content-section-heading h2 {
 font-size:30px
}
.content-section-heading h3 {
 font-size:1rem;
 text-transform:uppercase
}
h1,
h2,
h3,
h4,
h5,
h6 {
 font-weight:400
}
.text-faded {
 color:#fff
}
.map {
 height:30rem
}
@media(max-width:992px) {
 .map {
  height:75%
 }
}
.map iframe {
 pointer-events:none
}
.scroll-to-top {
 position:fixed;
 right:15px;
 bottom:15px;
 display:none;
 width:50px;
 height:50px;
 text-align:center;
 color:#fff;
 background:rgba(52,58,64,.5);
 line-height:45px
}
.scroll-to-top:focus,
.scroll-to-top:hover {
 color:#fff
}
.scroll-to-top:hover {
 background:#343a40
}
.scroll-to-top i {
 font-weight:800
}
.masthead {
 min-height:30rem;
 position:relative;
 display:table;
 width:100%;
 height:auto;
 padding-top:8rem;
 padding-bottom:8rem;
 background:linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%),url(../img/bg-masthead.jpg);
 background-position:center center;
 background-repeat:no-repeat;
 background-size:cover
}
.masthead h1 {
 font-size:4rem;
 margin:0;
 padding:0
}
@media(min-width:992px) {
 .masthead {
  height:100vh
 }
 .masthead h1 {
  font-size:5.5rem
 }
}
#sidebar-wrapper {
 position:fixed;
 z-index:2;
 right:0;
 width:250px;
 height:100%;
 transition:all .4s ease 0s;
 transform:translateX(250px);
 background:#222;
 border-left:1px solid rgba(255,255,255,.1)
}
.sidebar-nav {
 position:absolute;
 top:0;
 width:250px;
 margin:0;
 padding:0;
 list-style:none
}
.sidebar-nav li.sidebar-nav-item a {
 display:block;
 text-decoration:none;
 color:#fff;
 padding:15px
}
.sidebar-nav li a:hover {
 text-decoration:none;
 color:#fff;
 background:rgba(255,255,255,.2)
}
.sidebar-nav li a:active,
.sidebar-nav li a:focus {
 text-decoration:none
}
.sidebar-nav>.sidebar-brand {
 font-size:1.2rem;
 background:rgba(52,58,64,.1);
 height:80px;
 line-height:50px;
 padding-top:15px;
 padding-bottom:15px;
 padding-left:15px
}
.sidebar-nav>.sidebar-brand a {
 color:#fff
}
.sidebar-nav>.sidebar-brand a:hover {
 color:#fff;
 background:0 0
}
#sidebar-wrapper.active {
 right:250px;
 width:250px;
 transition:all .4s ease 0s
}
.menu-toggle {
 position:fixed;
 right:20px;
 top:15px;
 width:50px;
 height:50px;
 text-align:center;
 color:#fff;
 background:rgba(123,134,49,.5);
 line-height:50px;
 z-index:999
}
.menu-toggle:focus,
.menu-toggle:hover {
 color:#fff
}
.menu-toggle:hover {
 background:#343a40
}
.service-icon {
 color:#fff;
 height:68px;
 width:155px;
 display:block;
 line-height:4.5rem;
 font-size:3.25rem;
 box-shadow:0 3px 3px 0 rgba(0,0,0,.1);
 border:navajowhite;

}
.rounded-circle {
 border-radius:20px!important
}
.service-icon:hover {

 color:#fff
}
.callout {
 padding:15rem 0;
 background:linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%),url(../img/bg-callout.jpg);
 background-position:center center;
 background-repeat:no-repeat;
 background-size:cover
}
.callout h2 {
 font-size:3.5rem;
 font-weight:700;
 display:block;
 max-width:30rem
}
.portfolio-item {
 display:block;
 position:relative;
 overflow:hidden;
 max-width:530px;
 margin:auto auto 1rem
}
.portfolio-item .caption {
 display:flex;
 height:100%;
 width:100%;
 background-color:rgba(33,37,41,.2);
 position:absolute;
 top:0;
 bottom:0;
 z-index:1
}
.portfolio-item .caption .caption-content {
 color:#fff;
 margin:auto 2rem 2rem
}
.portfolio-item .caption .caption-content h2 {
 font-size:.8rem;
 text-transform:uppercase
}
.portfolio-item .caption .caption-content p {
 font-weight:300;
 font-size:1.2rem
}
@media(max-width:570px) {
    
    
    .foodicon {
    
    width:90px !important;
     margin-right: 30px!important;
    
}

.drinkicon {
      width:90px!important;
      margin-right: -30px!important;
    
}
    
    
    
    
    .bottomimg {
    padding-top:50px !important;
}
    
  .welcometitle  {
      font-size:20px !important;
  }    
    
 .bg-primary {
  padding:3rem 0;
  background:url(images/bgmob.jpg)!important;
  background-position:center top;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-color: #213942 !important;
  background-position: center top !important;
 }
 .service-icon {
  width:115px;
  height:110px
 }
 .h2,
 h2 {
  font-size:22px
 }
 .h4,
 h4 {
  font-size:21px!important;
  line-height:15px
 }
 .content-section-heading {
  padding-top:55px !important;
  margin-bottom:-40px;
 }
 
 
 
 .bg-primary {
  padding:130px 0 !important;
 }
 
 
 .logointro {
  width:111px !important;
 }
}



.bottomimg {
    padding-top:240px;
}


@media(min-width:992px) {
 .portfolio-item {
  max-width:none;
  margin:0
 }
 .portfolio-item .caption {
  -webkit-transition:-webkit-clip-path .25s ease-out,background-color .7s;
  -webkit-clip-path:inset(0);
  clip-path:inset(0)
 }
 .portfolio-item .caption .caption-content {
  transition:opacity .25s;
  margin-left:5rem;
  margin-right:5rem;
  margin-bottom:5rem
 }
 .portfolio-item img {
  -webkit-transition:-webkit-clip-path .25s ease-out;
  -webkit-clip-path:inset(-1px);
  clip-path:inset(-1px)
 }
 .portfolio-item:hover img {
  -webkit-clip-path:inset(2rem);
  clip-path:inset(2rem)
 }
 .portfolio-item:hover .caption {
  background-color:rgba(29,128,159,.9);
  -webkit-clip-path:inset(2rem);
  clip-path:inset(2rem)
 }
}
footer.footer {
 padding-top:1.5rem;
 padding-bottom:1.5rem
}
footer.footer .social-link {
 display:block;
 height:4rem;
 width:4rem;
 line-height:4.3rem;
 font-size:1.5rem;
 background-color:#1d809f;
 transition:background-color .15s ease-in-out;
 box-shadow:0 3px 3px 0 rgba(0,0,0,.1)
}
footer.footer .social-link:hover {
 background-color:#155d74;
 text-decoration:none
}
a {
 color:#fff
}
a:active,
a:focus,
a:hover {
 color:#eaeaea;
 text-decoration:none
}
.btn-primary {
 background-color:rgba(229,216,173,0.9) !important;
 border-color:rgba(229,216,173,0.9) !important;
 color:#fff!important
}
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
 background-color:#444!important;
 border-color:#444!important
}
.btn-secondary {
 background-color:#ecb807!important;
 border-color:#ecb807!important;
 color:#fff!important
}
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover {
 background-color:#ba9106!important;
 border-color:#ba9106!important
}
.btn-dark {
 color:#fff!important
}
.btn {
 box-shadow:0 3px 3px 0 rgba(0,0,0,.1);
 font-weight:700
}
.logointro {
 width:150px
}
.bg-primary { 
 padding:3rem 0;
 background:url(images/bg.png);
 background-position:center center;
 background-repeat:no-repeat;
 background-size:contain;
 min-height:100%;
 padding-top:90px;
}
.text-primary {
 color:#1d809f!important
}
.text-secondary {
 color:#ecb807!important
}
.socialtwo i {
 cursor:pointer;
 padding:1rem;
 opacity:.9
}
.socialtwo i:hover {
 opacity:1
}
.socialtwo .fa-facebook {
 background-color:#3b5998;
 color:#fff;
 border-radius:50%;
 width:3rem;
 height:3rem
}
.socialtwo .fa-twitter {
 background-color:#1da1f2;
 color:#fff;
 border-radius:50%;
 width:3rem;
 height:3rem
}
.socialtwo .fa-google-plus {
 background-color:#dd4b39;
 color:#fff;
 border-radius:50%;
 width:3rem;
 height:3rem
}
.socialtwo .fa-linkedin {
 background-color:#0077b5;
 color:#fff;
 border-radius:50%;
 width:3rem;
 height:3rem
}
.socialtwo .fa-envelope {
 background-color:#dd4b39;
 color:#fff;
 border-radius:50%;
 width:3rem;
 height:3rem
}
.socialtwo .fa-whatsapp {
 background-color:#25d366;
 color:#fff;
 border-radius:50%;
 width:3rem;
 height:3rem
}
.socialtwo .fa-at {
 background-color:#088ecc;
 color:#fff;
 border-radius:50%;
 width:3rem;
 height:3rem
}