/*new css start here*/

@font-face {
    font-family: Ubuntu;
    src: url(../404.html);
}

.header-background {
       background: url(../img/head-bg.png) repeat;
    overflow: hidden;
    
}

a.bx-prev {
    background-color: rgb(193, 174, 69);
}

a.bx-next {
    background-color: #A80000;
}

p {
    text-align: justify;
    
    
    background-color: #fff;
    margin: 10px;
    border-radius: 10px;
}

a {
 
    text-decoration: none;
    transition: 1s color;
    -webkit-transition: 1s color;
}

a:hover {
    color: #a80000;
    /*    #c1ae45;*/
    text-decoration: none;
    transition: 1s color;
    -webkit-transition: 1s color;
}

h1 {
    font-family: 'museo500';
    font-size: 30px;
    color: #151515;
    line-height: 60px;
    font-weight: 500;
    border-bottom: 1px solid #eee;
}

h2 {
    font-family: 'museo500';
    line-height: 35px;
    font-size: 25px;
    font-weight: 500;
    color: #151515;
    
}

h3 {
    font-family: 'museo500';
    line-height: 30px;
    font-size: 20px;
    font-weight: 500;
    color: #151515;
   
}

h4 {
    font-family: 'museo500';
    line-height: 25px;
    font-size: 18px;
    font-weight: 500;
    color: #151515;
    text-align: center;
}

.title-main {
    font-size: 25px;
    color: #fff;
    padding: 0 45px 0 10px;
}

.link ul {
    list-style-type: none;
    text-align: center;
}

.link li {
    display: inline;
    padding: 20px;
    color: #fff;
    font-family: 'museo500';
    line-height: 30px;
    font-size: 17px;
}

.link li a {
    text-align: center;
}

.gallery-img {
    border: 1px solid #a80000;
    /*    box-shadow: 2px 4px 25px #000;*/
}

.border-box {
    border: 1px solid rgba(168, 0, 0, 0.76);
}


/*new css end here*/

.container-pie {
    float: left;
    margin: 0 0 0 14px;
}

.chart {
    float: left;
    margin: 0 0 0 45px;
    width: 107px;
}

#feedback{}

#feedback a {
    display: block;
    position: fixed;
    top: 45%;
    right: 0px;
    padding: 7px 0px;
    border-left-color: #060;
    border-top-color: #090;
    z-index: 999999;
}

.chart:first-child {
    margin: 0;
}

.chart strong.title {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #404241;
    text-transform: uppercase;
    text-align: left;
    font-weight: 600;
    display: block;
}

.percentage span {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color: #404241;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
}

.percentage,
.label {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #404241;
    text-transform: uppercase;
    text-align: center;
    font-weight: normal;
}

.dark {
    background: none;
}

.dark .percentage-light,
.dark .label {
    text-align: center;
    color: #999;
    font-weight: 100;
    font-size: 1.2em;
    margin-bottom: 0.3em;
}

.easyPieChart {
    position: relative;
    text-align: center;
    margin: 0 0 14px 0;
}

.easyPieChart canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.social-box {
    transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
}

:hover .social-box {
    padding: 22px 0 50px 45px
}

.events-box ul li .caption {
    transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    width: 100%;
    left: 50%;
    right: auto;
}

.events-box ul li:hover .caption {
    left: 0px;
}

.accordion-list li .frame .caption {
    left: 100%;
    transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}

.accordion-list li:hover .frame .caption {
    left: 0px;
}

.accordion-list li .frame strong.price {
    right: 9px;
}

.menu-box .thumb {
    background: #000!important;
}

.menu-box .thumb img {
    filter: alpha(opacity=40);
    transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}

.menu-box:hover .thumb img {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.blog-frame img:hover,
.featured-dishes .frame:hover,
.recent-post-frame:hover,
.recepie-frame img:hover,
.chef-team-frame:hover,
.dishe-deatil .frame:hover,
.today-recepie-box .frame:hover,
.recepie-menu-box .frame:hover,
.product-outer .frame:hover,
.meet-team .frame:hover,
.left-data .frame:hover {
    opacity: 0.6;
    filter: alpha(opacity=40);
    transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
}
.modal-body .form-group {
    float: left;
    border: none;
    width: 100%;
    position: relative;
}
.modal {
    position: fixed;
    top: 10%;
    left: 0;
    right: 40%;
    z-index: 1050;
    margin: 0 auto;
    width: 345px;
    right: 0;
    margin: 0 auto;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    outline: none;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}
.modal.fade.in {
    top: 0;
}
.modal.fade.in {
    top: 0;
    margin-top: 70px;
    /* background: #000; */
}

@media (min-width: 768px) {
.modal-dialog {
    /* width: 300px; */
    /* margin: 30px auto; */
}

}
.cls {
    float: right;
    font-size: 26px;
    margin-top: -9px;
       background: #cf0118;
    width: 40px;
    height: 40px;
    border-radius: 0;
    COLOR: #fff;
    MARGIN-RIGHT: -23PX;
    position: absolute;
    right: 22px;
    text-align: center;
    padding-top: 7px;
}
.modal-body .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.btn-r {
    background: #cf0118;
    color: #fff;
    padding: 8px 29px;
    margin-top: 15px;
	}
@media screen and (max-device-width: 480px) {
    .container {
        width: 100%;
    }
	.container {
    width: 100% !important;
    padding: 0 10px;
}
}
.contct-u {
display:none;
}
@media screen and (max-width: 767px) {
.contct-u {
display:block;
background: #cf0118;
}
.book-n {
background: #ffe036;
    align: center;
    text-align: center;
    color: #fff;
    padding-top: 5px;}
.ftr-nav {
display:none;
}
.modal {
   
    width: 95%;
	    z-index: 999999999;
   
}
.nav-bar-inner {
    background-color: black !important;
}
.right-women {
display:none;
}
.span4 {
text-align:center;
}
.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
    padding: 1px 15px;
    font-weight: bold;
    color: #777777;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 13px;
}
.heading h1 {
    font-family: 'museo500';
    font-size: 16px;
    color: #151515;
    line-height: 25px;
    font-weight: 500;
    margin: 0;
    padding: 10px;
    text-align: left;
}
.container {
    width: 100%;
    padding: 0 10px;
}
    .link li {
        display: block;
        padding: 0;
        line-height: 25px;
    }
}

/* call Btn Css */
#callme {
    position: fixed;
    right: 20px;
    top: 45%;
    width: 70px;
    height: 70px;
    cursor: pointer;
    z-index: 99990;
}
#callme #callmeMain {
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: rgb(33, 74, 7);
    width: 70px;
    height: 70px;
    -webkit-animation: zcwmini2 1.5s 0s ease-out infinite;
    -moz-animation: zcwmini2 1.5s 0s ease-out infinite;
    animation: zcwmini2 1.5s 0s ease-out infinite;
}
#callme #callmeMain:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../images/call.png);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-animation: zcwphone2 1.5s linear infinite;
    -moz-animation: zcwphone2 1.5s linear infinite;
    animation: zcwphone2 1.5s linear infinite;
}
@-webkit-keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@-moz-keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@-webkit-keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@-moz-keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
/* call Btn Css */


 .carousel-inner>.item>img,
        .carousel-inner>.item>a>img {
            width: 100%;
            margin: auto;
            height: auto;
        }

        .accordion-heading .accordion-toggle {
            background-image: none;
        }

        .accordion-area .accordion-heading .accordion-toggle:hover {
            background-image: none;
        }

        .accordion-heading .accordion-toggle {
            padding: 10px;
        }



    /*client testimonials*/
        
        @brand-color: #b20000;
        #tcb-testimonial-carousel a {
            color: @brand-color;
        }
        
        .text-brand {
            color: @brand-color;
        }
        
        margin-top: 30px;
        .carousel-indicators .active {
            background: @brand-color;
        }
        
        .no-margin {
            margin: 0;
        }
        
        .carousel-indicators li {
            border: 1px solid #a80000;
        }
        
        .carousel-control {
            /*            color: @brand-color;*/
            width: 5%;
        }
        
        .carousel-control:hover,
        .carousel-control:focus {
            color: @brand-color;
        }
        
        .carousel-control.left,
        .carousel-control.right {
            background-image: none;
        }
        
        .item {
            padding: 15px 40px;
            /*            background: #f8f8f8;*/
        }
        
        .media-object {
            margin: auto;
            border-radius: 50%;
            border: 1px solid rgba(168, 0, 0, 0.97);
        }
        
        .carousel-control {
            display: none;
        }
        
        @media screen and (max-width: 768px) {
            .media-object {
                margin-bottom: 15px;
            }
        }
    }
    /*client testimonials*/
    .span2 {
        margin-left: 0;
    }
    .span10 {
        margin-left: 0;
    }

.whatsup {
    position: fixed;
    left: 20px;
    width: 50px;
    bottom: 150px;
    z-index: 99;
}