/* Fonts */
@import url('https://fonts.googleapis.com/earlyaccess/notokufiarabic.css');
@import url('https://fonts.googleapis.com/earlyaccess/notonaskharabic.css');

@font-face {
  font-family: 'BTB';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/ar/Asmaa-Font.otf);
}

@font-face {
  font-family: 'CO';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/ar/DIN-NEXT_-ARABIC-REGULAR.otf);
}

@font-face {
  font-family: 'RB';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/ar/DIN-NEXT_-ARABIC-REGULAR.otf);
}
@font-face {
  font-family: 'RB-bold';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/Rubik/Rubik-Bold.ttf);
}
.z-1, .hero-btns, .title-s2, p.text, .call-back {text-align: right;}
.btb-font {font-family: 'BTB', sans-serif;}
.co-font {font-family: 'CO', sans-serif;}
.rb-font {font-family: 'RB', sans-serif;}
.rbb-font {font-family: 'RB-bold', sans-serif;}

.blue-color {color: #004b93;}
.blue-bgcolor {background: #004b93;}
.yellow-color {color: #fad000;}
.yellow-bgcolor {background: #fad000;}
.red-color {color: #db4969;}
.red-bgcolor {background: #db4969;}

.text-light-color {color: #5b5b5b;}


.filter-a {border: 1px solid #fad000;border-radius: 20px;font-weight: bold; }
.filter-a:hover {background: #fad000; color: #004b93; }
ul {list-style-type: none;}
html {
    scroll-behavior: smooth;
    transition: 0.5s;
    padding: 0;
    margin: 0;
}
.rtl {
    direction: ltr;
}
body{
  font-family: 'RB', sans-serif;
  direction: rtl;
  background-color: #f5f5f5;
}
a {
  color: #1565C0;
  text-decoration: none;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}

a:focus {
  outline: none;
}

a:hover,
a:active {
  outline: 0;
}
.logo {}
.adj-item {
  position: relative;
  top: 30px;
  margin-right: 28px;
  margin-left: 24px;
}

/*.navbar-dark .navbar-toggler {
    color: #000;
    border-color: #000;
}*/

.navbar-dark .navbar-toggler {
  color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1);
}
.navbar-dark .navbar-toggler-icon {
  
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.bg-dark {
    background-color: #fff !important;
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link ,.navbar-dark .navbar-nav .nav-link:hover {
  color: #004B93;
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color: #db4969;
  background: url(../imgs/link-hover.png) no-repeat bottom;
  background-size: contain;
}

.navbar-dark .navbar-nav .t-logo .active>.nav-link, .navbar-dark .navbar-nav .t-logo .nav-link:focus, .navbar-dark .navbar-nav .t-logo .nav-link:hover {
  color: transparent;
  background: transparent;
}



.navbar-dark .navbar-nav .active>.nav-link {
  font-weight: bold;
}
@media all and (min-width: 992px) {
.dir-fix {
  direction: rtl;
}
}
@media all and (max-width: 991px) {
    .t-logo {
        display: none;
    }
  .bg-dark {
      /*background-color: #F7D101!important;*/
  } 
  .adj-item {
    top: 0px;
    margin-right: 0;
    margin-left: 0;
  }    
}

@media all and (max-width: 1024px) {
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color: #db4969;
  background: url(../imgs/link-hover.png) no-repeat bottom;
    background-size: auto; 
}
.cart {
    margin-left: -34px !important;
}
.apply-btn {
    bottom: 50% !important;
}
}
@media all and (max-width: 1024px) { 
.apply-btn {
    bottom: 0 !important;
}
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.modal-body .btn-circle {
  width: 44px;
  height: 44px;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}
.qs-badge {
    position: relative;
    top: -34px !important;
    left: 20px !important;
    border-radius: 50%; 
}

/*== Header Left Side ==*/
.lanso {
    margin-right: 34px;
    margin-top: 22px;
}
/*== Hero ==*/
/*.hero-bg {
  position: relative;
  min-height: 673px;
  overflow: hidden;
  background: rgb(223,210,201);
  background: linear-gradient(0deg, rgba(223,210,201,1) 50%, rgba(217,151,3,1) 100%);
}*/

.hero-bg {
  position: relative;
  min-height: 560px;
  overflow: hidden;
  background: rgb(223,210,201);
  background: linear-gradient(0deg, rgba(223,210,201,1) 50%, rgba(217,151,3,1) 100%);
  background: url(../imgs/main-page-slider-ar.jpg) no-repeat;
  background-size: cover;
}

.t-h-bg {
  background: url('../imgs/t-hero-bg.png') repeat-x;
  background-size: 100%;
  height: 62px;
}
.b-h-bg {
  background: url('../imgs/b-hero-bg.png') repeat-x;
  background-size: 100%;
  height: 37px;
  position: absolute;
  bottom: 0;
  width: 100%;
}
@media only screen and (max-width: 640px) {
.hero-bg {
  background: url(../imgs/main-page-slider-ar.jpg) no-repeat right;
}
.b-h-bg {
  height: 17px;
}
}
.hbg {
  background: url('../imgs/heroBg.png') no-repeat;
  height: 550px;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 507px;
}
.hbgs {
  background: url('../imgs/heroBg-small.png') no-repeat;
  height: 350px;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 380px;
  z-index: 5;
}
.bt {
  color: #22345a;
  font-size: 108px;
  background: url(../imgs/bline.png) no-repeat bottom right;
  background-position-y: 162px;
  padding-bottom: 29px;
}
.gr {
  color: #004b93;
  font-size: 34px;
  background: url(../imgs/bline2.png) no-repeat bottom center;
  padding-bottom: 21px;
  margin-bottom: 10px;
}
.title-s2 {
  color: #d9a008;
    font-size: 23px;  
}
.title-s02 {
  color: #004b93;
  font-size: 19px;
}
.contact-content .title-s02 {
    font-size: 22px;
}
.contact-content p, .contact-content .row div {
    font-size: 18px;
    margin-top: 17px;
}
.hero-tab {
  position: relative;
}
.hero-title {
    font-size: 21px;
    color: #004b93;
}
.hero-title p:nth-child(1) {
  font-size: 30px;
  width: 616px;
  padding-top: 20px;
  font-weight: bold;
}
.hero-title p:nth-child(2) {
  font-size: 16px;
  font-family: 'RB', sans-serif;
  width: 700px;
  padding-bottom: 60px;
}

.hero-btns {font-family: 'CO', sans-serif;}
.hero-btns a {
    padding: 7px 5px;
    width: 170px;
    display: inline-block;
    text-align: center;
    border-radius: 25px;
    font-weight: bold;
    margin-bottom: 16px;
}
.hero-btns a:hover {
    text-decoration: none;  
    color: #195d9d;
}
.hero-btns .btn1 {
    background: #fad000;
    color: #004b93;
}
.hero-btns .btn2 {
    background: #FFF;
    color: #004b93;
    margin-left: 15px;
}
.hero-btns .btn1:hover {
  background: #fad419;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(225, 187, 0, 1);
  }
.hero-btns .btn2:hover {
  background: #F1F1F1;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.call-btn {
    padding: 7px 5px;
    display: inline-block;
    text-align: center;
    border-radius: 25px;
    font-weight: bold;
    margin-bottom: 16px;  
    background: #fad000;
    color: #004b93;    
}
.call-btn:hover {
  background: #fad419;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(225, 187, 0, 1); 
}

.call-back {
    width: 170px;
    float: right;
}


.call-down {
    width: 250px;   
}

@media all and (max-width: 991px) {
.hero-bg {
  min-height: 476px;
} 
}
@media only screen and (max-width: 640px) {
  .hero-btns a {
      width: 160px;
  }
.bt {
  color: #22345a;
  font-size: 54px;
  background: url(../imgs/bline.png) no-repeat bottom right;
  background-size: 203px;
  background-position-y: auto;
  padding-bottom: 29px;
}  
.hero-title p:nth-child(1) {
  font-size: 21px;
  width: auto;
  padding-top: 15px;
}
.hero-title p:nth-child(2) {
  font-size: 12px;
  font-family: 'RB', sans-serif;
  width: auto;
  padding-bottom: 20px;
}
.hero-btns {margin-bottom: 20px}
.hero-btns .btn2 {
    margin-left: 5px;
}
}
.z-1 {
  position: relative;
  z-index: 1;
}
.pos-relative {position: relative;}
.pos-absolute {position: absolute;}
.s3-bg {
  background: url('../imgs/bg-s3.png');
  height: 500px;
  overflow: hidden;
}
.s3-bg2 {background: url('../imgs/s3-bg3-ar.png') right no-repeat;background-size: contain;height: 100%;width: 100%;max-width: 600px;max-height: 450px;bottom: -37px;}
img.s3-mobile {
    width: 400px;
    margin-right: 55px;
}
.s3-hashtag {
  padding: 0 11px 6px 11px;
  border-radius: 100%;
  font-size: 20px;
}
.s3-hashtag:hover {
  color: white;
}
@media all and (max-width: 991px) {
.s3-bg {
  background: url('../imgs/bg-s3.png');
  height: auto;
}
img.s3-mobile {
    width: 400px;
    margin-right: auto;
}
}
/*== Cart ==*/
.cart {
    margin-left: 34px;  
}
.cart-empty {
    color: #0f538a;
    background-color: #fad000;
    border-color: #fad000;  
}
.cart-empty:hover {
    color: #0f538a;
    background-color: #fbd932;
    border-color: #fad419;
}
.cart-empty:focus {
    box-shadow: 0 0 0 0.2rem rgba(250, 208, 0, 1);
}

.cart-has-items {
    color: #FFF;
    background-color: #db4969;
    border-color: #de5b78;  
}
.cart-has-items:hover {
    color: #FFF;
    background-color: rgba(219, 72, 104, 0.73);
    border-color: #de5b78;
}
.cart-has-items:focus {
    box-shadow: 0 0 0 0.2rem rgba(219, 72, 104, 0.73);
}


@media all and (max-width: 640px) {
.cart {
    margin-left: -34px;
}
}

/*== Gallery ==*/

.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.filter-button
{
    font-size: 18px;
    border: 1px solid #fad000;
    border-radius: 20px;
    text-align: center;
    color: #004b93;
    margin-bottom: 30px;
}
.filter-button:hover
{
    font-size: 18px;
    border: 1px solid #fad000;
    border-radius: 20px;
    text-align: center;
    color: #004b93;
    background-color: #fad000;
}
.btn-default:active .filter-button:active
{
    background-color: #42B32F;
    color: white;
}

.port-image
{
    width: 100%;
}

.psection  .gallery_product
{
    margin-bottom: 30px;
}

/*== S5 ==*/
.s5-bg {
  background: url('../imgs/s5-bg.png') no-repeat;
  overflow: hidden;
}

.sand-left {
    background: url(../imgs/sand-right.png) no-repeat;
    background-size: contain;
    width: 664px;
    height: 100%;
    right: 0;
}
/*== S6 ==*/
.footer-contact {
  background: #fafafa;
  min-height: 500px;
  overflow: hidden;
}
.gmap {
    top: 0;
}
.gmap iframe {
  width: 710px;
  height: 500px;
}
@media all and (max-width: 1288px) {
.gmap iframe {
  width: 570px;
  height: 500px;
  min-width: 100%;
} 
}
.find-us ul {
    list-style-type: none;
    line-height: 3;
}
.find-us ul li {
}
.find-us ul li i {
    font-size: 21px;
}
.find-us ul li span {margin-left: 15px;}
.find-us ul li a {}
.find-us ul li a:hover {}

.footer-bg {}
.fbg {
    background: url(../imgs/footer-tash.png) top;
    top: -114px;
    width: 100%;
    height: 117px;
}
.flinks ul {}
.flinks li {
    line-height: 2;
}
.flinks li a {color: #FFF;}
.flinks li a:hover {}


.t-social {padding-right: 0;margin-left: 28px;}
.t-social li {
    display: inline-block;
}
.t-social li:nth-child(1) {
  background: url('../imgs/social-icons.png') no-repeat 0 0;
  width: 21px;
  height: 21px;
}
.t-social li:nth-child(2) {
  background: url('../imgs/social-icons.png') no-repeat -24px 0;
  width: 21px;
  height: 21px; 
}
.t-social li:nth-child(3) {
  background: url('../imgs/social-icons.png') no-repeat -48px 0;
  width: 23px;
  height: 23px; 
}
.t-social li a {
    display: block;
}
.t-social li a:hover {
    text-decoration: none;
}

.f-social ul {}
.f-social li {
    display: inline-block;
}
.f-social li:nth-child(1) {
  background: url('../imgs/f-social-icons.png') no-repeat 0 0;
  width: 21px;
  height: 21px;
}
.f-social li:nth-child(2) {
  background: url('../imgs/f-social-icons.png') no-repeat -24px 0;
  width: 21px;
  height: 21px; 
}
.f-social li:nth-child(3) {
  background: url('../imgs/f-social-icons.png') no-repeat -48px 0;
  width: 23px;
  height: 23px; 
}
.f-social li a {
    display: block;
}
.f-social li a:hover {
    text-decoration: none;
}

.copy-rights {}

@media all and (max-width: 1024px) {
.gmap iframe {
    width: 380px;
} 
}

@media all and (max-width: 640px) {
  .t-social {position: relative;right: -31px;}
  .contact-content .t-social {position: relative;right: -10px;}
.footer-bg {
    top: -26px;
}
.fbg {
    background: url(../imgs/footer-sm-tash.png) no-repeat top;
    top: -100px;
    width: 100%;
    height: 104px;
}
}

/*== Basket ==*/
.basket-bg {
  background: #f9f4eb;
  min-height: 100vh;
}
.bsk {
  color: #004b93;
  font-size: 39px;
  background: url(../imgs/bline2.png) no-repeat bottom right;
  background-size: 74px;
  padding-bottom: 6px;
  margin-bottom: 10px;
}
.bsk-id {border: 2px solid #fad000;border-radius: 25px;padding: 7px;}
.bsk-id span {
    cursor: pointer;
    font-weight: bold;
}
.bsk-id .minus {}
.bsk-id .add {}
.bsk-id input {
    background: transparent;
    border: 0;
    width: 50px;
    text-align: center;
    margin: 0 5px;
}
.bsk-id i {}
.bsk-img {max-width: 200px;}
.bskt-title {
    font-size: 14px;
    width: 104px;
}
.total-info {
  height: 100%;
  min-height: 300px;
}
.total-brdr {
  background: url(../imgs/total-line.png) no-repeat right;
  background-size: contain;
}
@media (orientation: landscape) and (max-width: 640px) {
.t-social {right: -45px;}
}
@media all and (max-width: 640px) {
.total-brdr {
  background: transparent;
  margin-bottom: 50px;
} 
}
.total-h4 {font-size: 20px;}
.l-bs-line {
  border-bottom: 1px solid #CCC; 
}
.apply-btn {
  bottom: 0;
  left: 25%;
  z-index: 1;
}


/* Panel */

.sidepanel  {
  width: 0;
  position: fixed;
  z-index: 1;
  height: 100%;
  top: 100px;
  left: 0;
  background-color: #004b93;
  transition: 0.5s;
  /* padding-top: 60px; */
}

.sidepanel a {
  text-decoration: none;
  font-size: 19px;
  transition: 0.3s;
}

.sidepanel a:hover {
  /* color: #f1f1f1; */
}

.sidepanel .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  color: #FFF;  
}



/* Style inputs */
.apply-form {width: 350px;}
.order-now {}
.apply-form input[type=text], .apply-form select, .apply-form textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

.apply-form input[type=submit] {
  padding: 12px 20px;
  border: none;
  cursor: pointer;
}

/* Style the container/contact section */

.call-order {}
.call-close {
    width: 126px;
    background: #FFF;
}
.call-close:hover {
  background: #FFF;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(225, 225, 225, 225);
}
.nav-wrap {
    position: relative;
}
.nav-wrap .nav-border {
    position: absolute;
    background: url(../imgs/t-hero-bg.png) repeat-x;
    background-size: 100%;
    height: 62px;
    width: 100%;
    z-index: 1;
}
.apply-wrap {}
.apply-top-bg {
    background: url(../imgs/footer-tash.png) center repeat-x;
    background-size: contain;
    height: 29px;
    width: 100%;
    top: -22px;
}
.apply-left-bg {
    background: url(../imgs/right-line-bg.png) center repeat-y;
    background-size: contain;
    height: 200vh;
    width: 21px;
    right: -13px;
    top: -9px;
}


@media all and (max-width: 640px) {
.apply-top-bg {
    top: -22px;
}
.apply-left-bg {
    top: -9px;
}
.apply-form {width: 277px;padding-left: 1rem!important;}
.sidepanel-sm-fix  {
  width: 340px !important;
}
}

/*== Cooking ==*/
.cook {
    padding-right: 0;
    margin-top: 40px;
}
.cook li {
    display: inline-block;
    margin-left: 46px;
    background: #004b93 url(../imgs/cook-bg.png) no-repeat bottom;
    background-size: contain;
    color: white;
    border-top: 10px solid #fad000;
    text-align: center;
    padding: 10px 8px;
}
.cook li h4 {
    font-size: 12px;
}
.cook li strong {
    font-size: 23px;
}
.cook li h5 {
    font-size: 12px;
}
.white-cook li {background: #004b93 url(../imgs/wcook-bg.png) no-repeat bottom;background-size: contain;}

.ingredients-content h1, .ingredients-content h2, .ingredients-content h3,.ingredients-content h4, .ingredients-content h5, .ingredients-content h6 {
    font-family: 'CO', sans-serif;
    color: #004b93;
}
.ingredients-content p {
    line-height: 2;
}
.ingredients-title {
    color: #004b93;
    margin-bottom: 20px;
}
.call-btns-group {}
.def-add-to-cart-btn {
    padding: 7px 5px;
    display: inline-block;
    text-align: center;
    border-radius: 25px;
    font-weight: bold;
    margin-bottom: 16px;
    background: #004b93;
    color: white;
    margin-left: 10px;
}
.call-back2 {
    width: 220px;
}
.def-add-to-cart-btn:hover {
    background: #004B93;
    color: #FFF;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0, 76, 148, 1);
}

.def-white-btn {
    padding: 7px 5px;
    display: inline-block;
    text-align: center;
    border-radius: 25px;
    font-weight: bold;
    margin-bottom: 16px;
    background: white;
    color: #004b93;
    margin-left: 10px;
}

.def-white-btn:hover {
    background: white;
    color: #004b93;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(255, 255, 255, 1);
}

.p-s2 {
    min-height: 500px;
    background: #f5f5f5;
}
.line-top-2 {
    background: url(../imgs/line-top-2.png) no-repeat;
    height: 65px;
    top: -63px;
    background-size: contain;
    width: 100%;
}
@media all and (max-width: 1398px) { 
.line-top-2 {
    top: -50px;
}}
@media all and (max-width: 1160px) { 
.line-top-2 {
    top: -42px;
}}
@media all and (max-width: 975px) { 
.line-top-2 {
    top: -27px;
}}
.bgp-bottom-center {
  background-position: bottom right;
}
.products-items-random {
    margin-bottom: 45px;
}
.p-i-r {margin-bottom: 0px;}
.products-items-random img {}
.products-items-random h4 {
    text-align: center;
    font-size: 18px;
    margin-top: 17px;
    padding: 0 18px;
    font-weight: bold;
}

@media all and (max-width: 640px) {
.cook {
    margin-bottom: 40px;
    margin-top: 0px;
}  
.cook li {
    margin-left: 23px;
}
.ingredients-title {
  font-size: 20px;
  margin: 14px 0 20px 0;
}
.call-back2 {
    width: 145px;
}

.line-top-2 {
    top: -12px;
}
.psection .products-items-random div {
    margin-bottom: 33px;
}
.products-items-random h4 {margin-top: 8px;}

}

/*== recipe ==*/

.recipe-bg {
  background: #004b93;
  min-height: 452px;
  overflow: hidden;
}
.recipe-white-bg {
  background: #f5f5f5;
  /*min-height: 100vh;*/
}
.rec-hero-img {
  background: url(../imgs/rec-bg-ar.png) no-repeat;
  width: 500px;
  height: 367px;
  background-size: contain;
  left: -66px;
  bottom: -123px;
}
.recp {
    color: #FFF;
    font-size: 55px;
    background: url(../imgs/bline3.png) no-repeat bottom right;
    background-size: 125px;
    padding-bottom: 30px;
    margin-bottom: 10px;
    position: relative;
    top: 20px;
}


@media all and (max-width: 640px) {
.recipe-white-bg {
  /*min-height: 170vh;*/
}  
 .recp {
    color: #FFF;
    font-size: 26px;
    background: url(../imgs/bline3.png) no-repeat bottom right;
    background-size: 125px;
    padding-bottom: 30px;
    margin-bottom: 10px;
    position: relative;
    top: -42px;
} 
}
.rec-call-btns-group {
    margin-top: 50px;
}
.p-s3 {
    min-height: 500px;
    min-height: 700px;
    background: #f9f4eb;
}
.s3-line-bg {
  background: url('../imgs/t-hero-bg-gay.png') repeat-x;
  background-size: 100%;
  height: 62px;
  width: 100%;
  top: -16px;  
}

/*== Sections ==*/
.sections-bg{
  background: url(../imgs/E-img.jpg);
  background-size: cover;
  min-height: 550px;
  overflow: hidden;
}
.snackes-bg{
  background: url(../imgs/Snak-page-image-ar.png) ;
  background-size: cover;
  min-height: 550px;
  overflow: hidden;
}

.about-bg {
  background: url(../imgs/about-Eng-.jpg);
  background-size: cover;
  min-height: 550px;
  overflow: hidden;
}


.pro-hero-title {
    color: #FFF;
    font-size: 88px;
    background: url(../imgs/bline3.png) no-repeat bottom right;
    background-size: 125px;
    padding-bottom: 20px;
    margin-bottom: 10px;
    position: relative;
    top: 70px;
}
.snackes-bg .pro-hero-title {
    color: #004b93;
    background: url(../imgs/bline.png) no-repeat bottom right;
    background-size: 155px;
    padding-bottom: 30px;
    top:0;
}
.about-bg .pro-hero-title {
    background: url(../imgs/bline.png) no-repeat bottom right;
    background-size: 155px;
    padding-bottom: 30px;
    top: 0px;
    font-size: 70px;
}
.about-bg p:nth-child(2) {
    font-size: 24px;
    font-weight: bold;
}

.about-bg p:nth-child(3) {
    font-size: 14px;
}
.wtb-bg .pro-hero-title {
    color: #004b93;
    background: url(../imgs/bline.png) no-repeat bottom right;
    background-size: 155px;
    padding-bottom: 30px;
    top: 97px; /*90px*/
    left: 30px;
}
.products-filter{}
.products-items{}

.line-top-3 {
    background: url(../imgs/line-top-2.png) no-repeat;
    height: 65px;
    top: -111px;
    background-size: contain;
    width: 100%;
}

@media all and (max-width: 640px) {
.about-bg {
  background: url(../imgs/about-ar.png) right;
  background-size: cover;
}  
.p-s3 {
    min-height: 230vh;
}  
div#cartritems {
    margin-left: 32px;
}
.snackes-bg{
  background: url(../imgs/Snak-page-image-ar.png) right;
  background-position:center;
  min-height: 400px;  
}  
.sections-bg{
    background-position: center;
    min-height: 400px;  
}
.pro-hero-title {
    font-size: 57px;
    padding-bottom: 18px;
    top: 29px;
    margin-top: 20px !important;
}
.wtb-bg .pro-hero-title {
    font-size: 40px;
    padding-bottom: 18px;
    top: 150px;
    right: 0;
    margin-top: 20px !important;
}
.products-filter {
    text-align: right !important;
}
.products-filter button{
     font-size: 15px; 
}
.products-items{
    margin-top: 0 !important;
}
.gr {
  color: #004b93;
  font-size: 33px;
  background: url(../imgs/bline2.png) no-repeat bottom center;
  padding-bottom: 21px;
  margin-bottom: 10px;
}
.text-sm-left {
  text-align: left !important;
}
.mt-sm-3 {
  margin-top: 30px !important 
}
.s3-line-bg {
  top: -1px;
}
.line-top-3 {
    height: 17px;
    top: -62px;
    background-size: contain;
}
}
@media only screen and (orientation: landscape) and (max-width: 640px) {
.p-s3 {
    min-height: 400vh;
} 
}
.v-all {
    position: relative;
    /* right: -185px; */
    font-size: 20px;
}
@media all and (max-width: 640px) {
.v-all {
    left: 0;
}   
.gr-content h4 {
    margin-bottom: 50px;
} 
.gallery_product h4 {
    font-size: 15px;
    width: 150px;
    text-align: center;
}
}

.gr-content {}
.gr-content h4 {
}
p.text {
    font-size: 14px;
    padding-top: 18px;
    padding-bottom: 10px;
}
.s-content {
    font-size: 15px;
}
.s-content span {}
.s-content i {
    font-size: 16px;
    font-family: 'RB-bold', sans-serif;
}
.s-content span strong, .s-content b{
    font-size: 16px;
}
.s-content i {
    color: #004b93;
}

.gallery_product {}
.gallery_product a:hover {text-decoration: none;}
.gallery_product h5 {
    font-size: 15px;
    padding-top: 9px;
}
.gallery_product h4 {
    font-size: 18px;
    font-weight: bold;
}
.s-img-h-fix {
    min-height: 60px;
}
.m-btns-gal {}
.m-btns-gal button {
    font-size: 15px;
    margin-left: 10px;
}
.m-btns-gal button:hover {
    font-size: 15px;
    margin-left: 10px;
}
.our-p-img {
    background: url(../imgs/basket-bread.png) no-repeat left;
    background-size: contain;
    width: 600px;
    height: 500px;
    left: 0;
    bottom: 0;
}
i.fa-shopping-cart {
    right: 2px;
    top: 1px;
}
.about-content p {
    font-size: 18px;
    margin-top: 30px;
    line-height: 2;
    font-weight: bold;
    text-align:center;
}
.about-bg-2 {
    background: url(../imgs/about2.jpg) no-repeat;
    background-size: cover;
    height: 700px;
}
.about-bg-2 .pro-hero-title {
    font-size: 70px;
    top: 0;
    margin-top: 150px !important;
}

.about-bg-2 p:nth-child(2) {
    font-size: 24px;
}

.about-bg-2 p:nth-child(3) {
    font-size: 14px;
}

.wtb-bg {
  background: url(../imgs/Where-to-buy-ar.png);
  background-size: cover;
  min-height: 550px;
  overflow: hidden;
}
.contact-content .t-social {
    padding-left: 0;
    margin-top: 17px;
}
.contact-content .t-social li {
    margin-right: 10px;
}
.wtb-bg-2 {
    min-height: 500px;
}
.wtb-bg-3 {
    min-height: 500px;
    bottom: -48px;
}
.wtb-bg-3 .wtb-iframe {
    width: 100%;
}
.wtb-w-bg {
    background: #f9f4eb;    
}
.wtb-form {} 
.wtb-form label {
    font-family: 'CO', sans-serif;
    font-weight: bold;
}
.wtb-form input, .wtb-form textarea {
    border-radius: 0px;
    border: 1.2px solid #e1e1e1;
}
.wtb-form .wtb-submit, .wtb-form .wtb-submit:hover, .wtb-form .wtb-submit:focus {
    background: #fad000;
    border: 1px solid #fad000;
    min-width: 200px;
    border-radius: 25px;
}
.w-gal {
    max-height: 360px;
    overflow: hidden;
}
@media only screen and (max-width: 640px) {
.wtb-bg {
  background: url(../imgs/Where-to-buy-ar.png) center;
}  
.wtb-bg-3 {
    min-height: 560px;
}  
.w-gal {
    max-height: 1210px;
    overflow: hidden;
}
}
.btns-go {
    margin: 0px 40px;
    padding: 6px 0 7px 0;
    /*background: #F1F1F1;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);*/
}
@media only screen and (max-width: 760px) {
.btns-go {margin: 0px 20px;}
}
.btns-go a {
    padding: 1px 7px;
    border-radius: 25px;
    font-size: 14px;
}
.btns-go a:hover {}
.btns-go .link-go {
    background: #004b93;
    border: 1px solid #004b93;
    color: #FFF;
}
.btns-go .link-go:hover {
    background: #195d9d;
    border: 1px solid #004b93;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);     
}
.btns-go .cart-go {
    background: #fad000;
    border: 1px solid #fad000;
}
.btns-go .cart-go:hover {
    background: #fad419;
    border: 1px solid #fad000;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);    
}

.det-img {}
.det-img img {
    position: relative;
    z-index: 0;
}
.det-img .img {
    position: relative;
}
.det-img .img-line {
    background: url(../imgs/b-hero-bg.png) no-repeat bottom center;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 27px;
    bottom: 0;
    background-size: cover;
}
.about-content {
    /*min-height: 40vh;*/
    text-align: right;
}

span.bre-section,span.bre-product, span.bre-line {
    font-size: 12px;
    font-weight: bold;
}

span.bre-section {color: #0f538a;}

span.bre-product {color: #fad000;}

span.bre-line {color: #db4969;}

.wp-img {
    min-height: 141px;
}
    
.y-bgcolor {
    background: #fad000;
    border: 1px solid #fad000;
}
.y-bgcolor:hover, .y-bgcolor:focus, .y-bgcolor:not(:disabled):not(.disabled):active  {
    background: #fbd932;
    border: 1px solid #fbd932;
    box-shadow: 0 0 0 0.2rem rgba(250, 208, 0, 1);   
}

.b-bgcolor {
    background: #004b93;
    border: 1px solid #004b93;
}
.b-bgcolor:hover, .b-bgcolor:focus, .b-bgcolor:not(:disabled):not(.disabled):active {
    background: #195d9d;
    border: 1px solid #195d9d;
    box-shadow: 0 0 0 0.2rem rgba(0, 75, 147, 1);      
}    

span.p-type {
    color: #dc3545;
}

span.p-line {
    color: #dc3545;
}
p.qty {padding-top: 8px;color: #004b93;font-weight: bold;font-size: 14px;}
.qty span {
    color: #dc3545;
    margin-left: 5px;
}

.delete {
    border-radius: 25px;
    top: 0;
    /* left: -25px; */
    padding: 0px 4px;
    height: 20px;
    line-height: 1;
}
.delete i {
    font-size: 12px;
}
.h-100px {
    height: 100px;
}
.btn-default {
    background: #fad000;
    color: #004b93;
}
.btn-default:hover {
    color: #004b93;
    background: #fad419;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(225, 187, 0, 1); 
}
.loading-cart {
    z-index: 1;
    text-align: center;
    width: 98%;
    /* width: 338px; */
    height: 100%;
    border-radius: 7px;
    line-height: 30;
    background: rgba(0, 0, 0, 0.4);
}

@media only screen and (max-width: 640px) {
.loading-cart {
    width: 94%;
}
}

.modal-body {
    padding: 1rem 1rem 0 1rem;
}

.find-us {
    min-height: 333px;
}
.our-products {
    min-height: 500px;
}
.navbar-brand .qs-badge {
    top: -15px !important;
    left: 1px !important;
}
.w-qc {}
.w-qc .qs-cart {
    padding-right: 15px;
    padding-left: 0px;
}
.w-qc .qs-cost {
    padding-right: 0px;
    padding-left: 0px;
    border-left: 2px solid #004b93;
    height: 17px;
    margin-top: 10px;
    line-height: 0.2;
}
.w-qc .qs-qty {
    padding-right: 10px;
    padding-left: 0px;
}

.alert-message
{
    margin: 20px 0;
    padding: 20px;
    border-left: 3px solid #eee;
}
.alert-message h4
{
    margin-top: 0;
    margin-bottom: 5px;
}
.alert-message p:last-child
{
    margin-bottom: 0;
}
.alert-info-message
{
    background-color: #fad000;
    border-color: #004b93;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.alert-info-message h4
{
    color: #3C763D;
}
.modal-title {
    width: 300px;
    text-align: right;
}
.modal-header .close {
    margin: -1rem 9rem -1rem auto;
}
.ingredients-content {
    text-align: right;
}
@media only screen and (max-width: 768px) {
.adj-t-menu {
    width: 100%;
    padding-right: 0;
}
}