body{ padding:0; margin:0; color:#333333; font-size:14px; font-family:"Old Standard TT";}
h1{ font-family:Sail;}
.contentarea { color:#FFFFFF; font-size:20px;}

.header{position: absolute; width: 100%; z-index: 99;}

.media_content{ float:right; padding-top:15px; padding-bottom:15px;}
.media_content ul{ padding:0; margin:0;}
.media_content ul li{ list-style-type:none; display:inline-block; vertical-align: top;}
.media_content ul li label{color:#fd3b2f; margin-bottom:0; margin-left:20px; display:block; font-size:18px;}
.media_content span{ color:#ffffff; font-size:16px;}
.media_content a{color:#ffffff; font-size:17px; text-decoration:none;}

.shadow{}
.shadow_left{float:left; top:-63px;  left: -42px;  position: relative;}
.shadow_right{float:right; top:-63px;  right: -42px;  position: relative;}
.logo{position: absolute; left: 44%; top: -44px; text-align: center; z-index:99; display:inline-block;}
.logo a{ outline:none;}



.navbar{background-color: #f8f5eb; margin-bottom:0px; border-radius:0px; z-index: 9;}
.navbar-collapse{border-top:1px dashed #c5c2b8 !important; border-bottom:1px dashed #c5c2b8 !important; margin:5px 0px;}
.container-fluid{ padding:0;}
.navbar-collapse{ padding:0;}
.navbar-nav > li > a{ font-size:26px; padding:19px; font-family:Sail; color:#333333; outline:none;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color:#d42e10;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{background-color:inherit; color: #d42e10;}
.right{ float:right;}
.carousel-control.left{ background:none;}
.carousel-control.right{ background:none;}
.glyphicon-chevron-left::before{ display:none;}
.glyphicon-chevron-right::before{ display:none;}
.carousel-indicators{display:none;}
.carousel-caption{text-shadow:none; z-index: 9; left: 17%;  padding: 0; right: 17%; bottom: 100px;}
.carousel-caption h1{color:#d42e10; font-size:70px; text-shadow: -3px 0px 0px #FFFFFF; margin:0;}
.carousel-caption h2{font-size:60px; font-family:Sail; margin-top:0; margin-bottom:50px;color:#000000;}
.carousel-caption span{display: inline-block; margin-bottom: 20px;}
.carousel-caption a{color:#d42e10; text-shadow: -3px 0px 0px #FFFFFF; text-decoration:none; outline:none; transition: all 0.5s ease 0s;}
.carousel-caption a:hover{color:#000000;}


.down-arrow {  animation-duration: 3s;  animation-iteration-count: infinite;  animation-name: fadebounce;  background: rgba(0, 0, 0, 0) url(../images/down-arrow.png) no-repeat scroll 0 0;
  bottom: 15%;  display: inline-block;  height: 29px;  left: 48%;  outline: medium none;  position: absolute;  width: 30px;  z-index: 9;
  -webkit-animation-name:fadebounce;
	-moz-animation-name:fadebounce;
	-ms-animation-name:fadebounce;
	-o-animation-name:fadebounce;
	animation-name:fadebounce;
	-webkit-animation-duration:3s;
	-moz-animation-duration:3s;
	-ms-animation-duration:3s;
	-o-animation-duration:3s;
	animation-duration:3s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	-ms-animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
  }
.todayspecial
{
	position:absolute;
	bottom:7px;
	left:10px;
    color:#e6e912;
    font-family:Arial;
    font-size:40px;
}

.service_bdr{ border-top:1px dashed #b6b3ac; border-bottom:1px dashed #b6b3ac;}
.service_bdr_tp{ background:url(../images/service_bdr.png) repeat-x 0; height:2px; position: relative; top: -12px;}
.service_bdr_btm{ background:url(../images/service_bdr_btm.png) repeat-x 0; height:2px; position: relative; top:12px;}
.our_service{ background:url(../images/service_bg.png) repeat 0 0; padding-bottom:10px; text-align:center; padding-top:10px; width:100%;}
.our_service h1{ color:#ffffff; font-size:40px; margin-bottom:15px;}
.title_bdr{margin-bottom: 50px; display: inline-block;}

#carousel div .caption{padding: 15px;}
#carousel div h3{color:#d42e10; font-size:30px; margin:0; font-family:Sail;}
#carousel div p{color:#333333; font-size:13px; margin:15px 0px 0px; line-height:20px; font-family: "Open Sans";}
.caroufredsel_wrapper{display: block; text-align: center; float: none; position: relative; top: auto; right: auto; bottom: auto; left: auto; z-index: auto; width: 100%; height:420px; margin: 0px; overflow: hidden;}
#carousel {margin-top:0; text-align: left; float: none; position: absolute; top: 0px; right:0; bottom: auto; left:0; margin: 0px; width:100%; height:420px; z-index: auto;}		
#carousel div {text-align: center; width:270px;	float: left; position: relative; margin-left:15px; margin-right:15px; background:#ffffff; height:420px;}
#carousel div img {border: none;}

.btn{font-weight:600; border-radius:0; padding:0; outline:none; transition: all 0.5s ease 0s;}
.more_btn{background:url(../images/btn_bg.png) no-repeat 0 0; border:none; color: #ffffff; width: 201px; height: 38px; margin-bottom:45px; margin-top: 70px; }
.more_btn:hover{background:url(../images/btn_bg.png) no-repeat 0 0; color: #333333;}


.about_us{ background:url(../images/bangali1.jpg) repeat fixed 0 0 / cover; padding-top:10px; padding-bottom:10px;}
.title_bdr.last{margin-bottom:30px;}
.box{margin:100px 0px; text-align: center;}
.box p{margin: 0; text-align: left; line-height:30px; font-size:20px;}
.top_l{background:url(../images/top_left.png) no-repeat left 0; padding-left:60px;}
.top_r{background:url(../images/top_right.png) no-repeat right 0; padding-right:60px;}
.top_m{background:url(../images/top_m.png) repeat-x 0 0; width:100%; height:60px;}

.middle_l{background:url(../images/middle_l.png) repeat-y 0 0; padding-left:60px;}
.middle_r{background:url(../images/middle_r.png) repeat-y right 0; padding-right:60px;}
.middle_m{background:#ffffff; width:100%; min-height:259px;}

.bottom_l{background:url(../images/bottom_left.png) no-repeat left 0; padding-left:60px;}
.bottom_r{background:url(../images/bottom_right.png) no-repeat right 0; padding-right:60px;}
.bottom_m{background:url(../images/bottom_m.png) repeat-x 0 0; width:100%; height:60px;}

.middle_m h1{color:#d42e10; margin-top:0; margin-bottom:20px; text-align:center;}


.footer{ background:url(../images/footer_bg.png) repeat 0 0; text-align:center; padding-top:10px; padding-bottom:10px;}
.footer_bdr_tp{background:url(../images/footer_bdr.png) repeat-x 0; height:2px; position: relative; top:-12px;}
.footer h1{font-size:40px; color:#e3dd64;}
.footer_content h4{ font-size:20px; font-weight:600; color:#fd3b2f;}
.footer p{ color:#ffffff; font-size:20px; line-height: 30px; margin:0;  padding: 0 55px;}
.footer a{color:#ffffff; font-size:20px; text-decoration:none; transition: all 0.5s ease 0s; outline:none;}
.footer a:hover{ color:#fd3b2f;}
.social{ margin:25px 0px;}
.social a{background:#2e2d2d; height:50px; width:50px; border:1px solid #494848; border-radius:100%; display:inline-block; transition: all 0.5s ease 0s; margin-right:10px; outline:none;}
.social img{padding-top:13px;}
.social a:hover{ background:#fd3b2f;}

.menu{}
.menu ul{ margin:0; padding:0;}
.menu ul li{list-style-type:none; display:inline-block; border-right:1px solid #c9c9c9;}
.menu ul li.last{border-right: none;}
.menu ul li a{ text-decoration:none; padding:0px 15px; transition: all 0.5s ease 0s; outline:none;}
.menu ul li a:hover{ color:#fd3b2f;}
.copy_right{ margin:20px 0px;}
.copy_right p{ color:#ffffff; font-size:14px; margin:0; line-height: 30px;}
.copy_right a{color:#ffffff; font-size:14px; transition: all 0.5s ease 0s; outline:none;}
.copy_right a:hover{ color:#fd3b2f;}
.sub-navigation {
    display: inline-block;
    width: 100%;
    background-color: rgba(0,0,0,.3);
    padding: 15px;
    margin-bottom: 15px;
}
.sub-navigation ul {
    list-style-type: none;
}
.sub-navigation ul li {
    float: left;
    width: 33.333%;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.sub-navigation ul li a {
    display: block;
    padding: 5px;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    transition: none;
    color:#e3dd64;
}
.sub-navigation ul li a.selected {
    background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #BA7702), color-stop(0.5, #F5CF6F), color-stop(1, #B97902) );
    background-image: -o-linear-gradient(right, #BA7702 0%, #F5CF6F 50%, #B97902 100%);
    background-image: -moz-linear-gradient(right, #BA7702 0%, #F5CF6F 50%, #B97902 100%);
    background-image: -webkit-linear-gradient(right, #BA7702 0%, #F5CF6F 50%, #B97902 100%);
    background-image: -ms-linear-gradient(right, #BA7702 0%, #F5CF6F 50%, #B97902 100%);
    background-image: linear-gradient(to right, #BA7702 0%, #F5CF6F 50%, #B97902 100%);
    color: #1a1a1a;
}
.sub-navigation ul li a:hover {
	background-image: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0, #BA7702),
		color-stop(0.5, #F5CF6F),
		color-stop(1, #B97902)
	);
	background-image: -o-linear-gradient(right, #BA7702 0%, #F5CF6F 50%, #B97902 100%);
	background-image: -moz-linear-gradient(right, #BA7702 0%, #F5CF6F 50%, #B97902 100%);
	background-image: -webkit-linear-gradient(right, #BA7702 0%, #F5CF6F 50%, #B97902 100%);
	background-image: -ms-linear-gradient(right, #BA7702 0%, #F5CF6F 50%, #B97902 100%);
	background-image: linear-gradient(to right, #BA7702 0%, #F5CF6F 50%, #B97902 100%);
	color: #1a1a1a;
}
.main-content {
    padding: 15px;
    background: rgba(0,0,0,.3);
    text-align: center;
    text-shadow: 1px 1px 2px #000;
    margin-bottom: 15px;
}
.main-content ul 
{
	 list-style-type: none;
}
.main-content ul li {
    float: left;
    width: 33.333%;
    color:#FFFFFF;
    line-height: 30px;
    font-size: 20px;
}
.dishes {  float: left; width: 33.333%; }
.dishes h3 { color:#fd3b2f; font-size:26px; }
.dishclass { color:#fd3b2f; }
.dishtype {  border: dotted 1px #e3dd64; padding: 10px; } 
.packagetype { background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0, #BA7702),
        color-stop(0.5, #F5CF6F),
        color-stop(1, #B97902)
    );
    background-image: -o-linear-gradient(right, #BA7702 0%, #F5CF6F 50%, #B97902 100%);
    background-image: -moz-linear-gradient(right, #BA7702 0%, #F5CF6F 50%, #B97902 100%);
    background-image: -webkit-linear-gradient(right, #BA7702 0%, #F5CF6F 50%, #B97902 100%);
    background-image: -ms-linear-gradient(right, #BA7702 0%, #F5CF6F 50%, #B97902 100%);
    background-image: linear-gradient(to right, #BA7702 0%, #F5CF6F 50%, #B97902 100%);
    margin:20px; }
.boxborder { border: dotted 1px; padding: 10px; }
.righted { text-align: right; }
.text-yellow { color : #e3dd64; }
 #map { height: 500px; }
 #frmcontact { width:50%; margin:0 auto; color:#FFFFFF; }
 .formleft { width: 40%; float: left; text-align:right; }
 .formright { width: 60%; float: left;}
 #clear { clear: both; }
 .inputtxt {  margin-bottom: 5px; width: 90%; color:#000000; }
 .btnstyle { background-color:#e3dd64;color:#fd3b2f;font-size:18px; }
 .gallery{ border:3px solid #FFF; margin: 0 auto; overflow: hidden; width:100%; margin-bottom:30px; }
.gallery .gallery-img a{overflow: hidden;  display:block}
.gallery .gallery-img a img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -o-transition: all 1s ease; /* IE 9 */
    -ms-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
        width: 100%;
        display:block;
        height:auto !important;
}
.gallery .gallery-img a:hover img {
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);

}
/*================= responciv view =================*/
@media (max-width: 1200px){

.media_content a{font-size: 14px;}
.logo{left: 40%; top: -25px;}
.navigation{padding-top: 25px;}
.navbar-nav > li > a{font-size: 20px; padding: 15px 17px;}
.carousel-caption{bottom: 35px;}	
.carousel-caption h2{font-size: 50px; margin-bottom:0;}
.carousel-caption h1{ font-size: 56px; margin-top:20px;}
.shadow img{height: 55px;}
.shadow_left{left: -30px; top: -47px;}
.shadow_right{right: -30px; top: -47px;}
.footer p{padding: 0 51px;}
.todayspecial { font-size:40px; }
}



/*================= 768 view =================*/
@media (max-width: 992px){

.logo{left: 36%; top: -15px;}
.logo img{width: 75%;}
.navbar-nav > li > a{font-size:16px; padding: 10px;}
.carousel-caption{bottom:20px;}
.carousel-caption h2{font-size: 36px;}
.carousel-caption h1{font-size: 42px;}
.carousel-caption span{margin-bottom: 15px;}
.shadow img{height: 45px; width:35px;}
.shadow_left{left: -23px; top: -39px;}
.shadow_right{right: -23px; top: -39px;}
.middle_l{padding-left: 30px;}
.middle_r{padding-right:30px;}
.box p{line-height: 24px;}
.title_bdr.last{margin-bottom:20px;}
.footer p{padding: 0; font-size:16px;}
.footer a{font-size: 15px;}
 .main-content ul li { float: left; width: 50%; } 
   .todayspecial { font-size:25px; }
   .sub-navigation ul li { width:50%; }
}


/*================= 480 view =================*/
@media (max-width: 767px){

 .banner img{height: 185px;object-fit: cover;} 


.header_top{margin-bottom: 15px;}
.media_content{float: none; text-align: center;}
.media_content a{font-size: 13px;}
.logo{left:-15px; top: -20px;}
.logo img{width: 65%;}
.right{float: none;}
.navbar-nav{margin: 0;}
.navbar-header{ margin:0 !important;}
.navbar-collapse{background-color: #f8f5eb; padding: 0; position: absolute; z-index: 999 !important;  width: 100%;}
.navigation .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{margin:10px 0;}
.navbar-nav > li > a{font-size: 15px; padding: 7px 10px;}
.carousel-caption{left: 8%; right: 8%;}
.carousel-caption h2{ font-size: 24px;}
.carousel-caption h1{font-size: 30px;}
.shadow{display: none;}
.carousel-inner > .item img{width:100%; height: 340px;}
.our_service h1{font-size: 36px;}
.title_bdr.last{display: inline-block;}
.box{margin:50px 0;}
.btn-default{ margin-top:40px;}
.footer h1{font-size: 36px;}
.footer p{font-size: 15px;}
.menu ul li a{font-size: 13px; padding: 0 5px;}
 .main-content ul li { float: left; width: 50%; }  
   .todayspecial { font-size:18px; }
    .sub-navigation ul li { width:50%; }
}

/*================= 320 view =================*/
@media (max-width: 479px){

.media_content a{font-size:11px;}
.media_content ul li label{margin-left: 10px; font-size:11px;}
.media_content ul li.last{width: 100%;}
.logo{left:-35px; top:-15px;}
.logo img{width: 50%;}	
.navigation{padding-top:0px;}
.carousel-caption{bottom: 15px;}
.carousel-caption h2{font-size: 16px;}
.carousel-caption h1{font-size:20px;}
.carousel-caption span{margin-bottom: 10px;}
.carousel-inner > .item img {height: 290px;}
.title_bdr.last{display: block;}
.our_service h1{font-size:24px;}
.our_service .col-xs-6{ width:100%;}
.middle_m h1{font-size:24px;}
.footer h1{font-size: 24px;}
.footer_content{margin-bottom: 30px;}
.social{ margin:0px 0px 25px;}
.menu ul li{margin-bottom: 10px;}
.copy_right{ margin:10px 0px 20px;}
.copy_right p{ font-size:12px;}
.copy_right a{ font-size:12px;}
 .main-content ul li { float: left; width: 100%; }  
 .dishes { width:100%; }
  #frmcontact { width:100%; }
  .todayspecial { font-size:13px; }
  .sub-navigation ul li { width:100%; }
}


/*====================================================================
							Animation Key
====================================================================*/

/*==== Fade Bounce ====*/
v@-moz-keyframes fadebounce {
0% {
-moz-transform:translateY(0);
transform:translateY(0);
opacity:1
}
50% {
-moz-transform:translateY(25px);
transform:translateY(25px);
opacity:1
}
100% {
-moz-transform:translateY(0);
transform:translateY(0);
opacity:1
}
}
@-webkit-keyframes fadebounce {
0% {
-webkit-transform:translateY(0);
transform:translateY(0);
opacity:1
}
50% {
-webkit-transform:translateY(25px);
transform:translateY(25px);
opacity:1
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0);
opacity:1
}
}
@-o-keyframes fadebounce {
0% {
-o-transform:translateY(0);
transform:translateY(0);
opacity:1
}
50% {-o-transform:translateY(25px);transform:translateY(25px);opacity:1}
100% {-o-transform:translateY(0);transform:translateY(0);opacity:1}
}
@-ms-keyframes fadebounce {
0% {
-ms-transform:translateY(0);
transform:translateY(0);
opacity:1
}
50% {-ms-transform:translateY(25px);transform:translateY(25px);opacity:1}
100% {-ms-transform:translateY(0); transform:translateY(0); opacity:1}
}
@keyframes fadebounce {
0% {
transform:translateY(0);
opacity:1
}
50% {transform:translateY(25px);opacity:1}
100% {transform:translateY(0);opacity:1}
}
.main-content ul.tiffin-100 li{
    float: none;
    width: 100%;
}