/* ==========================================================================
   01. GLOBAL DESIGN SYSTEM VARIABLES
   Beirut Lebanese Foods
   ========================================================================== */

:root{

    /* =========================
       Brand Colors
       ========================= */
    --blf-green:#a9cd2e;
    --blf-green-dark:#789131;
    --blf-olive:#3d4f1d;

    --blf-gold:#d4af37;
    --blf-gold-soft:#c5b89d;

    /* =========================
       Background Colors
       ========================= */
    --blf-white:#ffffff;
    --blf-cream:#f8f6ef;
    --blf-soft-bg:#fdfcf7;
    --blf-warm-bg:#f8f6ef;

    /* =========================
       Text Colors
       ========================= */
    --blf-dark:#25221d;
    --blf-black:#0d1117;

    --blf-text:#666666;
    --blf-muted:#777777;

    /* =========================
       System Colors
       ========================= */
    --blf-primary:#a9cd2e;
    --blf-primary-dark:#789131;
--blf-footer-text:#f6fafd;
--blf-footer-title:#bababa;
--blf-footer-text:#bfbfbf;
    /* =========================
       Borders
       ========================= */
    --blf-border:rgba(120,145,49,.16);

    /* =========================
       Shadows
       ========================= */
    --blf-shadow:0 24px 70px rgba(0,0,0,.10);
    --blf-shadow-soft:0 18px 50px rgba(0,0,0,.08);
    --blf-shadow-hover:0 34px 90px rgba(0,0,0,.15);
    --blf-shadow-card:0 16px 45px rgba(0,0,0,.06);

    /* =========================
       Typography
       ========================= */
    --font-body:
        'Open Sans',
        'Inter',
        Arial,
        sans-serif;

    --font-heading:
        'Playfair Display',
        Georgia,
        serif;

    /* =========================
       Transitions
       ========================= */
    --transition-fast:.25s ease;
    --transition-normal:.35s ease;
    --transition-slow:.55s ease;

    /* =========================
       Radius
       ========================= */
    --radius-sm:8px;
    --radius-md:14px;
    --radius-lg:22px;
    --radius-xl:32px;
    --radius-round:999px;

    /* =========================
       Layout
       ========================= */
    --container-sm:1200px;
    --container-md:1400px;
    --container-lg:1600px;

    /* =========================
       Z Index
       ========================= */
    --z-dropdown:100;
    --z-sticky:500;
    --z-fixed:1000;
    --z-modal:9999;
}

/* ==========================================================================
   02. Global Reset & Body
   ========================================================================== */

body{
    margin:0;
    padding:0;
    overflow-x:hidden;

    font-family:var(--font-body);
    font-size:14px;
    font-weight:400;
    line-height:23px;

    color:var(--blf-text);
    background:var(--blf-white);
}

/* ==========================================================================
   03. Global Typography
   ========================================================================== */

h1,h2,h3,h4,h5,h6{
    margin-top:0;
    color:var(--blf-dark);
}

h1{
    font-size:60px;
    line-height:40px;
    margin-bottom:20px;
    font-weight:700;
}


h2{
    font-size:35px;
    line-height:35px;
    margin-bottom:20px;
    font-weight:300;
}

h3{
    font-family:var(--font-heading);
    font-size:33px;
    line-height:30px;
    margin-bottom:18px;
}

h4{
    font-size:22px;
    line-height:25px;
    margin-bottom:18px;
}

h5{
    font-size:18px;
    line-height:23px;
    margin-bottom:16px;
}

h6{
    font-size:16px;
    line-height:21px;
    margin-bottom:14px;
}

p{
    margin-top:0;
    color:var(--blf-text);
}

/* ==========================================================================
   04. Links
   ========================================================================== */

a{
    color:#727272;
    text-decoration:none;
    outline:none;

    transition:all .3s ease;
}

a:hover{
    color:#101010;
    text-decoration:none;
}

/* ==========================================================================
   05. Utility Classes
   ========================================================================== */

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

.uppercase{
    text-transform:uppercase;
}

.nopadding{
    padding:0!important;
    margin:0!important;
}

ul{
    list-style:none;
    margin:0;
    padding:0;
}

img{
    max-width:100%;
    height:auto;
    display:block;
}
/*=============== Text Colors ============= */

.text-white {
	color: #fff;
}
.text-dark {
	color: #242424;
}
.text-light {
	color: #bababa;
}
.text-primary {
	color: #a9cd2e;
}
.text-gray {
	color: #727272;
}
.text-gray-2 {
	color: #a1a1a1;
}
a:hover.text-hover-primary {
	color: #a9cd2e;
}


/* section pattren 1
 ------------------------------ */
.section-pattren-1 {
	width: 100%;
	height: 100%;
	margin: 0;
	background: url(../images/bg-pattrens/pattren1.jpg) 0 0 repeat;
}
.section-pattren-2 {
	width: 100%;
	height: 100%;
	margin: 0;
	background: url(../images/bg-pattrens/pattren2.jpg) 0 0 repeat;
}
.section-pattren-3 {
	width: 100%;
	height: 100%;
	margin: 0;
	background: url(../images/bg-pattrens/pattren3.jpg) 0 0 repeat;
}
.section-pattren-4 {
	width: 100%;
	height: 100%;
	margin: 0;
	background: url(../images/bg-pattrens/pattren4.png) 0 0 repeat;
}
.section-pattren-5 {
	width: 100%;
	height: 100%;
	margin: 0;
	background: url(../images/bg-pattrens/pattren4.jpg) 0 0 repeat;
}
.section-pattren-6 {
	width: 100%;
	height: 100%;
	margin: 0;
	background: url(../images/bg-pattrens/pattren6.jpg) 0 0 repeat;
}
.section-pattren-7 {
	width: 100%;
	height: 100%;
	margin: 0;
	background: url(../images/bg-pattrens/pattren7.jpg) 0 0 repeat;
}
.section-pattren-8 {
	width: 100%;
	height: 100%;
	margin: 0;
	background: url(../images/bg-pattrens/pattren8.jpg) 0 0 repeat;
}
.section-pattren-9 {
	width: 100%;
	height: 100%;
	margin: 0;
	background: url(../images/bg-pattrens/pattren9.png) 0 0 repeat;
}
.section-pattren-10 {
	width: 100%;
	height: 100%;
	margin: 0;
	background: url(../images/bg-pattrens/pattren10.jpg) 0 0 repeat;
}
.section-pattren-11 {
	width: 100%;
	height: 100%;
	margin: 0;
	background: url(../images/bg-pattrens/pattren11.jpg) 0 0 repeat;
}
.section-pattren-12 {
	width: 100%;
	height: 100%;
	margin: 0;
	background: url(../images/bg-pattrens/pattren12.jpg) 0 0 repeat;
}
.section-pattren-13 {
	width: 100%;
	height: 100%;
	margin: 0;
	background: url(../images/bg-pattrens/pattren13.jpg) 0 0 repeat;
}
.section-pattren-14 {
	width: 100%;
	height: 100%;
	margin: 0;
	background: url(../images/bg-pattrens/pattren14.jpg) 0 0 repeat;
}
.section-pattren-15 {
	width: 100%;
	height: 100%;
	margin: 0;
	background: url(../images/bg-pattrens/pattren15.jpg) 0 0 repeat;
}
.section-pattren-16 {
	width: 100%;
	height: 100%;
	margin: 0;
	background: url(../images/bg-pattrens/pattren16.jpg) 0 0 repeat;
}
.section-pattren-17 {
	width: 100%;
	height: 100%;
	margin: 0;
	background: url(../images/bg-pattrens/pattren17.jpg) 0 0 repeat;
}
.section-pattren-18 {
	width: 100%;
	height: 100%;
	margin: 0;
	background: url(../images/bg-pattrens/pattren18.jpg) 0 0 repeat;
}
.section-pattren-19 {
	width: 100%;
	height: 100%;
	margin: 0;
	background: url(../images/bg-pattrens/pattren19.jpg) 0 0 repeat;
}
.section-pattren-20 {
	width: 100%;
	height: 100%;
	margin: 0;
	background: url(../images/bg-pattrens/pattren20.jpg) 0 0 repeat;
}
.section-pattren-21 {
	width: 100%;
	height: 100%;
	margin: 0;
	background: url(../images/bg-pattrens/pattren21.jpg) 0 0 repeat;
}
.section-pattren-22 {
	width: 100%;
	height: 100%;
	margin: 0;
	background: url(../images/bg-pattrens/pattren22.jpg) 0 0 repeat;
}
.section-pattren-23 {
	width: 100%;
	height: 100%;
	margin: 0;
	background: url(../images/bg-pattrens/pattren23.jpg) 0 0 repeat;
}
.section-pattren-24 {
	width: 100%;
	height: 100%;
	margin: 0;
	background: url(../images/bg-pattrens/pattren24.jpg) 0 0 repeat;
}
.section-pattren-25 {
	width: 100%;
	height: 100%;
	margin: 0;
	background: url(../images/bg-pattrens/pattren25.jpg) 0 0 repeat;
}
.section-pattren-26 {
	width: 100%;
	height: 100%;
	margin: 0;
	background: url(../images/bg-pattrens/pattren26.jpg) 0 0 repeat;
}
.section-pattren-27 {
	width: 100%;
	height: 100%;
	margin: 0;
	background: url(../images/bg-pattrens/pattren27.jpg) 0 0 repeat;
}
.section-pattren-28 {
	width: 100%;
	height: 100%;
	margin: 0;
	background: url(../images/bg-pattrens/pattren28.jpg) 0 0 repeat;
}
.section-pattren-29 {
	width: 100%;
	height: 100%;
	margin: 0;
	background: url(../images/bg-pattrens/pattren29.jpg) 0 0 repeat;
}
.section-bgimg-1 {
	width: 100%;
	height: auto;
	margin: 0;
	float: left;
	background: url(../images/60.jpg) top center repeat;
}
.section-bgimg-2 {
	width: 100%;
	height: auto;
	margin: 0;
	float: left;
	background: url(../images/61.jpg) top center repeat;
}
.section-bgimg-3 {
	width: 100%;
	height: auto;
	margin: 0;
	float: left;
	background: url(../images/62.jpg) top center repeat;
}
.section-bgimg-4 {
	width: 100%;
	height: auto;
	margin: 0;
	float: left;
	background: url(../images/63.jpg) top center repeat;
}
.section-bgimg-5 {
	width: 100%;
	height: auto;
	margin: 0;
	float: left;
	background: url(../images/64.jpg) top center repeat;
}
.section-bgimg-6 {
	width: 100%;
	height: auto;
	margin: 0;
	float: left;
	background: url(../images/65.jpg) top center repeat;
}
.section-bgimg-7 {
	width: 100%;
	height: auto;
	margin: 0;
	float: left;
	background: url(../images/66.jpg) top center repeat;
}
.section-bgimg-8 {
	width: 100%;
	height: auto;
	margin: 0;
	float: left;
	background: url(../images/67.jpg) top center repeat;
}
.section-bgimg-9 {
	width: 100%;
	height: auto;
	margin: 0;
	float: left;
	background: url(../images/68.jpg) top center repeat;
}
.section-bgimg-10 {
	width: 100%;
	height: auto;
	margin: 0;
	float: left;
	background: url(../images/69.jpg) top center repeat;
}
/* Section Paddings
 ------------------------------ */
.sec-padding {
	padding: 100px 0 100px 0;
}
.sec-padding-2 {
	padding: 100px 0 100px 0;
}
.sec-padding-3 {
	padding: 100px 0 100px 0;
}
.sec-padding-4 {
	padding: 70px 0 70px 0;
}
.sec-padding-5 {
	padding: 50px 0 50px 0;
}
.sec-padding-6 {
	padding: 30px 0 30px 0;
}
.sec-bpadding-2 {
	padding-bottom: 100px;
}
.sec-tpadding-2 {
	padding-top: 100px;
}
.sec-tpadding-2.less-padding {
	padding-top: 20px;
}
.sec-tpadding-3 {
	padding-top: 100px;
}
.sec-bpadding-3 {
	padding-bottom: 100px;
}
.sec-tpadding-4 {
	padding-top: 80px;
}
.sec-bpadding-4 {
	padding-bottom: 80px;
}
.sec-bpadding.less-padding {
	padding-bottom: 30px;
}
.sec-dummy-top-padding {
	padding-top: 0px;
}
/* Section minus margins
 ------------------------------ */
.sec-m-margin-1 {
	margin-top: 0px;
}
/*============ Page Section pattrens ============ */

.sec-pattren-1 {
	width: 100%;
	background: url(../images/bg-pattrens/pattren1.jpg) repeat;
}
.sec-pattren-2 {
	width: 100%;
	background: url(../images/bg-pattrens/pattren2.jpg) repeat;
}
.sec-pattren-3 {
	width: 100%;
	background: url(../images/bg-pattrens/pattren3.jpg) repeat;
}
.sec-pattren-4 {
	width: 100%;
	background: url(../images/bg-pattrens/pattren4.jpg) repeat;
}
.sec-pattren-5 {
	width: 100%;
	background: url(../images/bg-pattrens/pattren5.jpg) repeat;
}