/*@import url(https://db.onlinewebfonts.com/c/4633d82b666bc288aaca2e58aeb89690?family=Helvetica+Rounded+LT);*/


/*@font-face {*/
/*    font-family: "Helvetica Rounded LT"; */
/*    src: url("https://db.onlinewebfonts.com/t/4633d82b666bc288aaca2e58aeb89690.eot"); */
/*    src: url("https://db.onlinewebfonts.com/t/4633d82b666bc288aaca2e58aeb89690.eot?#iefix") */
/*    format("embedded-opentype"), */
/*    url("https://db.onlinewebfonts.com/t/4633d82b666bc288aaca2e58aeb89690.woff2") */
/*    format("woff2"), url("https://db.onlinewebfonts.com/t/4633d82b666bc288aaca2e58aeb89690.woff") */
/*    format("woff"), url("https://db.onlinewebfonts.com/t/4633d82b666bc288aaca2e58aeb89690.ttf") */
/*    format("truetype"), url("https://db.onlinewebfonts.com/t/4633d82b666bc288aaca2e58aeb89690.svg#Helvetica Rounded LT") */
/*    format("svg"); */
/*}*/

html, body{
    overflow-x:hidden;
}

/* width */
::-webkit-scrollbar {
 width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
 background: #1f1f1f;
}

/* Handle */
::-webkit-scrollbar-thumb {
 background: #fde700;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
 background: #fff;
}
.special_btn {
    font-size: 12px;
    border: 1px solid;
    padding: 6px 9px;
    border-radius: 5px;
    text-decoration: none !important;
    color: #222222;
}




section#special-section .today-special-box .food-post
{

    float: none !important;
    margin: 0 auto !important;
}

.map {
    display: none;
}


.module.module-logo.light {
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    
}

.module.module-logo.light {
    width: 200px;
    /*margin-left: 5%;*/
}

/*.module.module-logo.light {
    border-bottom-left-radius: 30%;
     border-bottom-right-radius: 10%; 
    border-top-right-radius: 30%;
    background: #fde700;
}
*/

.bannu_logo
{
    display: block;
    margin: 10px auto;
}

.bos_oder_online_btn
{
    display: none;
}

.owl-item:nth-child(1)
{
    width: 400px !important;
}
.owl-item:nth-child(2)
{
    width: 350px !important;
}

.owl-item:nth-child(3)
{
    width: 350px !important;
}

.navbar
{
    min-height: 85px;
}

.navbar-nav > li > a:before
{
    background: #fde700;
}

ul.nav.navbar-nav li a:hover {
    color: #fde700 !important;
}

.navbar-nav > li > a.active
{
    color: #000 !important;
}



.title-section h1:after
{
    background: #fde700;
}

section#special-section .today-special-box .food-post:hover .inner-food-post .food-content
{
    background: #fde700;
}


.special_btn:hover {
    background: #000;
    color: white;
    border: none;
}

section#gallery-section
{
    padding: 0px;
}


section#gallery-section .gallery-box .gal-project .hover-gal .inner-gal h2
{
    color: #ff0101;
}

section#contact-section .upper-part .widget-area .info-widget p span
{
    color: #f80404;
}

p.copyright
{
    background: #fde700;
}

span.sub {
    color: #000;
}

.facebook:hover
{
 background-color: #fde700 !important;
}

.instagram:hover
{
 background-color: #fde700 !important;
}

section#about-section .about-box h1
{
    text-align: center;
}

section#about-section .rest-about-box > p
{
    text-align: center;
}

.inner-team-post:hover h2
{
    color: #f80404 !important;
}

section#team-section .team-box .team-post {
    padding: 0 30px;

}




/*CSS FOR HAPPY*/

.slogan {
    width: 100%;
    height: 200px;
    background-image: url('../images/slogan-bg2.jpg');
    background-size: cover;
    /*background-color:#000;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.slogan .title-section{
    margin-bottom: 0;
}
.slogan .title-section h1{
    color: #f9e700;
    font-size: 80px;

}


.navbar-default {
    background: #22222200;
}
/*.slider1{
    position: relative;
    top: -78px;
}*/
.navbar-nav > li > a {
    color: #ffffff !important;
}
.navbar-nav > li:last-child > a {
    background-color: #fde700;
    border-radius: 25px;
    padding: 10px 20px;
    margin-top: 20px;
    color: black !important;
}
.navbar-nav > li:nth-child(6):hover > a {
    background-color: #000;
    border-radius: 25px;
    padding: 10px 20px;
    margin-top: 20px;
}

.title-section h1:after{
    display: none;
}

.zz-content {
    padding: 60px 60px 60px 50px;
    background-color: #fde700;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}


.zz-content p{
    color: #000;
    margin-bottom: 10px;

}

.zz-content .title-section{
    text-align: left;
    margin-bottom: 20px;
}

.zz-content .title-section h1{
    margin: 0;
    padding: 0;
    font-size: 70px;

}
.zz-content a {
    background-color: #000;
    color: #fff;
    padding: 7px 20px;
    border-radius: 20px;
    display: inline-block;
    margin-top: 10px;
    font-family: "Helvetica Rounded LT";

}
.zz-content a i {
    color: #fde700;
    margin-left: 20px;

}

.zz-content-white {
    padding: 60px 60px 60px 50px;
    background-color: #fff;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.zz-content-white p{
    color: #000;
    margin-bottom: 10px;

}

.zz-content-white .title-section{
    text-align: left;
    margin-bottom: 20px;
}

.zz-content-white .title-section h1{
    margin: 0;
    padding: 0;
    font-size: 70px;

}
.zz-content-white a {
    background-color: #000;
    color: #fff;
    padding: 7px 20px;
    border-radius: 20px;
    display: inline-block;
    margin-top: 10px;
}
.zz-content-white a i {
    color: #fff;
    margin-left: 20px;

}

.flex-view{
    display: flex;
    flex-direction: row;
}
/*.flex-view:nth-child(even){
    display: flex;
    flex-direction: row-reverse;
}*/
.zz-image{
    /*background-image: url('../images/z1.jpg');*/
    background-size: cover;
    background-position-y: bottom;
    min-height: 105vh;


}

.navbar-nav > li > a:before {
    display: none;
}
/*.zz-image img{
    object-fit: cover;
}
*/
#home-section .tp-bullets.simplebullets.round .bullet:hover, #home-section .tp-bullets.simplebullets.round .bullet.selected {
    background: #fff;

}
.img-fluid{
    width: 100%;
    height: auto;
}


.gallery-slider .owl-item img {
    border-radius: 10px;
}

.gallery-slider .owl-theme .owl-dots .owl-dot span {
    background: #fde700;
}

.gallery-slider .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #fff;
}

.special-section .title-section h1 {
    font-size: 70px;
}

ul.footer-social{
    background: #fde700;
    margin-bottom: -10px;
    padding-left: 0;

}
ul.footer-social a li {
    display: inline-block;
    padding: 10px 15px;
    /* margin-top: 20px; */
    margin-bottom: 20px;
    background: #fff;
    border-radius: 20px;
}
ul.footer-social a li i{
     color: #000; 
}
p.copyright {
    background: #fde700;
    text-align: center !important;
}

footer{
    margin-bottom: -10px;
}

.slick-prev:before, .slick-next:before {
    color: #fde700;
}

.gallery-slider img {
    padding: 7px;
    border-radius: 20px;
}



@media only screen and (min-width: 768px){
header{
    position: absolute;
    width:100%;
}

.navbar.active {
    /*position: absolute;*/
    background-color: #40404096;
    padding: 10px 0;

}
.navbar-right{
    margin-right: 0;
}

}

#contact-section .upper-part .title-section h1{
    color: #000 !important;
}
.info-widget h1, p{
    color: #000 !important;
    text-align: left !important;
}
.title-section.white h1 {
    font-size: 70px;
}


@media only screen and (max-width: 768px)
{
    .bos_oder_online_btn {
        display: block;
        background-color: #000 !important;
        bottom: -2px;
        width: 100%;
        position: fixed;
        color: #fff;
        padding: 8px 10px;
        border-radius: 3px;
        text-transform: uppercase;
        z-index: 99999999;
        height: 40px;
        letter-spacing: 2px;
        left: 0;
        font-weight: 800;
        color: #fff !important;
        text-decoration: none !important;
        text-align: center;
    }
    .zz-image{
        background-size: cover;
        background-position-y: bottom;
        min-height: 55vh;
    }
    .slogan .title-section h1{
        font-size: 50px;
    }
    .zz-content .title-section h1{
        font-size: 40px;
    }
    .zz-content-white .title-section h1{
        font-size: 40px;
    }
    .special-section .title-section h1 {
        font-size: 40px;
    }

    .flex-view {
        flex-direction: column;
    }

    .slogan{
        height: 300px;
    }

    .ord-1{
        order: 1 !important;
    }

    .ord-2{
        order: 2 !important;
    }

    section#special-section {
        padding: 70px 35px;
    }
    .zz-image {
        background-position-y: top;
    }

    .navbar.active {
    padding: 0px 0;
    background: #40404096;
}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        background: #fff;
        margin-top: 17px;
    }


    .module.module-logo.light
    {
        width: 30%;
    }

    footer p.copyright
    {
        margin-bottom: 0  !important;
    }
    footer {
        margin-bottom: 50px;
    }
    .title-section.white h1 {
        font-size: 50px;
    }
    .tp-caption{
        line-height: 1.5 !important;
    }
    
    .slick-active{
        color:#fde700;
    }
    .slick-dots li button:before {
        color: #fff !important;
    }
    
    .gallery-slider img {
        padding: 5px;
        border-radius: 20px;
    }

    .title-section {
        text-align: center;
        margin-bottom: 30px;
    }
    
    /*CSS FOR HAPPY*/
    
    


    .slide_font
    {
        font-size: 20px !important;
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    .welcome_font
    {
        font-size: 40px !important;
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    section#team-section .owl-theme .owl-controls .owl-page.active span, section#team-section .owl-theme .owl-controls .owl-page:hover span
    {
        border-color: #fde700 !important;
        background-color: #fde700 !important;
    }


    section#team-section .team-box .team-post .inner-team-post p {
        padding:0 20px;
    }


.navbar-nav > li > a{
    color: #000000 !important;
}
}