@font-face{ font-family: Roboto-Regular;
	src:url(../font/Roboto-Regular.ttf);}
body{ margin:0; padding:0; overflow:hidden; font-family: 'Roboto Slab', serif; font-size:16px; line-height:20px; color:#212121;}
video{ position:relative; width:100%;}
.logo{ position:absolute; top:7px; left: 65px; z-index:1;}
.rightsec{ position:absolute; top:0px; right:0; width:50%; height:100vh; z-index:2;}
.rightsecone{ position:absolute; top:0px; right:0px; width:50%; height:100vh; }
.right_menu{ height:100%; border-left:2px solid #fff; text-align:center; font-size:30px;margin:0px 0px;border-bottom:2px solid #fff; position:relative; }
.right_menu a{text-decoration: none; display: block; padding: 0; color: #f39200;font-family: 'Roboto Slab', serif; font-weight: 700;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); white-space:nowrap;}
.right_menu:last-child{border-bottom:none;}
.right_mall:hover, .right_hotel:hover,.right_food:hover,.right_multi:hover{ background:rgba(15,41,55, 0.7); transition:all 0.5s ease; cursor:pointer;}

.leftsec{ position:absolute; top:0; left:0; width:50%; height:100vh;}
.leftsecone{ width:100%; padding:0; margin:0;height:100vh;}
.mall{position:absolute; top:0%; left:0%; display:none;}
.Hotel{position:absolute; top:0%; left:0%; display:none;}
.Food_Plaza{position:absolute; top:0%; left:0%; display:none;}
.Multiplex{position:absolute; top:0%; left:0; display:none;}
.right_menu a img{ padding-right:10px; margin-bottom:5px;}
.rightsecleft{  width:50%; float:left; height:50%;} 
.rightsecright{ width:50%; float:right; height:50%;}
.Food_Plaza img, .Hotel img, .Multiplex img, .mall img{ position: relative;
top: -12px;
left: 0;
width: 100%;
height: auto;
width: 100%;}
.navigationMenu .mobile-inner-header{ top:0 !important;}
/*======================================18-12-2018=======================*/
#myCarousel{ display:none;}

.navigationMenu{ width:100%; position:absolute; top:0; left:0; z-index:999;}

/*============================Animation Nav=======================*/

.mobile-inner-header{ background-color: rgba(255,255,255,0.5); width: 50px; height: 50px; position: absolute; top: 0px; left: 0;z-index: 99;}
.mobile-inner-header-icon{color: #ffffff;height: 50px;font-size:25px;text-align: center;float:right;width: 50px;position: relative; background-color: rgba(255,255,255,0.5); 
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
.mobile-inner-header-icon:hover{
	background-color: rgba(255,255,255,0.2);cursor: pointer;
}
.mobile-inner-header-icon span{
	position: absolute;
	left: calc((100% - 25px) / 2);
	top: calc((100% - 1px) / 2);
	width: 25px;
	height: 1px;
	background-color: #0f2937;
}
.mobile-inner-header-icon span:nth-child(1){
transform: translateY(4px) rotate(0deg);
	}
.mobile-inner-header-icon span:nth-child(2){
transform: translateY(-4px) rotate(0deg);
	}
	
	
.mobile-inner-header-icon-click span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clickfirst;
	}		
.mobile-inner-header-icon-click span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clicksecond;
	}
	
@keyframes clickfirst {
  0% {
	  transform: translateY(4px) rotate(0deg);
	  
  }

  100% {
    transform: translateY(0) rotate(45deg);
  }
}	

@keyframes clicksecond {
  0% {
	  transform: translateY(-4px) rotate(0deg);
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
}	

.mobile-inner-header-icon-out span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outfirst;
	}		
.mobile-inner-header-icon-out span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outsecond;
	}

@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }

  100% {
    transform: translateY(-4px) rotate(0deg);
  }
}	



@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);
  }

  100% {
    transform: translateY(4px) rotate(0deg);
  }
}

.mobile-inner-nav{
	background-color: rgba(15,41,55,0.9);
	width: 100%; height:100vh;
	position: absolute;
	top: 0;z-index: 9;
	left: 0px;
	padding-top: 30px;
	padding-bottom: 80px;
	display: none;
}
.mobile-inner-nav a{
	display: inline-block;
	line-height: 40px; font-size:14px;
	text-decoration: none;
	width: 100%;
	color: #FFFFFF;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	font-weight:300;
}
.mobile-inner-nav a:hover{
	color: rgba(255,255,255,0.4);
}
.mobile-inner-nav a{
	-webkit-animation-duration: 0.8s;
	animation-duration: 0.8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

	
@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}
/*======================End of Animation Nav=======================*/

/*======================Mall Page=======================*/
.sectionPadding{ padding:60px 0;}
a:focus{ text-decoration:none;}
ul{ list-style:none;}
h3{ font-size:24px; line-height:30px; margin-bottom:20px;}
p{ font-size:14px; line-height:20px; margin-bottom:15px;}
h2.sectionHdg{  margin: 0 0 40px; font-size: 30px; font-weight: 500; text-align:center; color:#212121;}

/*======================Main Body=======================*/
.innerPage .container-fluid{ max-width:1600px;}

.mainBodySection{ width:100%; position:relative; z-index:9; }

.headerContainer{ width:100%; position:relative; top:0; left:0; height:70px;background:#fff; z-index:9999;}
.fixed-header .headerContainer{ width:100%; position:fixed; top:0; left:0; height:70px;background:#fff; z-index:9999;box-shadow: 0 0 15px #000;}

.headerContainer .innerLogo{width: auto; height: 45px; position: relative; top: 14px; left:55px; display:inline-block;float: left;}
body.innerPage { overflow-y:auto !important;}

.mainNavbarContainer{ width:100%; max-width:570px; float:right; position:relative;}

.main_menu{margin-top: 10px;}
.main_menu ul { float: right; list-style:none; margin:0; padding:0;}
.main_menu ul li { float: left; position: relative; outline:none;margin: 0 5px;}
.main_menu ul li a { color: #0f2937; font-weight: 500; padding:13px 14px; font-size: 14px;font-family: 'Roboto Slab', serif; display:block; position:relative;}
.main_menu ul li a:hover, .main_menu ul li a.active{ text-decoration:none; color:#f39200; outline:none;}
.main_menu ul li a:focus{ text-decoration:none;}
.main_menu ul li a:after{ position:absolute; width:100%; height:3px; background:#f39200; left:0; bottom:-14px; content:"";opacity:0;}
.main_menu ul li a:hover:after,.main_menu ul li a.active:after{opacity:1;}

.main_menu ul li.homepage a:hover{text-decoration:none; color:#0f2937;}
.main_menu ul li.homepage a.active{text-decoration:none; color:#0f2937;}
.main_menu ul li.homepage a:hover:after,.main_menu ul li.homepage a.active:after{opacity:0;}


.rightBannerIconCont{position: absolute;right: 25px;z-index: 99;top: 55%;text-align: center;transform: translateY(-50%);}
.rightBannerIconCont ul{ list-style:none; margin:0; padding:0;}
.rightBannerIconCont li{padding-bottom: 25px; width:100%; position:relative;}
.rightBannerIconCont li:last-child{padding-bottom: 0;}
.rightBannerIconCont li a{display: block; background: #fff; border-radius: 50%;}
.rightBannerIconCont li a img{ width:60px; transition: transform .8s ease-in-out;padding: 10px;}
.rightBannerIconCont li a img:hover{transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg);}


.rightBannerIconCont li .tooltiptext { visibility: hidden;width: 130px; background-color: black; color: #fff; text-align: center; border-radius: 6px;padding: 5px 0; position: absolute; z-index: 1; top: 22px; right: 110%;}
.rightBannerIconCont li .tooltiptext::after { content: ""; position: absolute; top: 50%; left: 100%;margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent black;}

.rightBannerIconCont li:hover .tooltiptext { visibility: visible;}

/*========================Top left Nav Container======================*/
.mobile-inner-header.mallLeftCont{top: 10px;left: 0;}
.leftNavContainer{position: absolute; width: 100%; max-width: 900px; margin: 0 auto; top: 50%;left: 50%;transform: translate(-50%, -50%);}
.leftNavContainer ul{ width:50%; float:left; min-width:300px;margin-bottom: 15px;padding:0 40px;height: 165px;}
.leftNavContainer ul li{ width:100%; position:relative;}
.leftNavContainer ul li.leftNAvHeading{ position:relative; left:0;border-bottom: 1px solid #d2d2d2;}
.leftNavContainer ul li.leftNAvHeading a{ font-weight:500; font-size:16px;text-transform: uppercase;color: #f39200;}



/*=======================Guest Services=====================*/

.guestServiceCont{ width:100%; padding:60px 0;}
.guestServiceCont h2{ text-align:center; font-size:36px; color:#555; font-weight:300; margin-bottom:30px;}
.guestServiceCont .guestServiceContent{ width:100%;}
.guestServiceCont .guestServiceContent img{ width:100%;}
/*=======================Whats New=====================*/
.whatsNewCont{ width:100%; padding-bottom:80px;}
.whatsNewCont .nav { padding-left: 0; list-style: none; width: 100%; max-width: 390px; margin: 0 auto;display: flex;}
.whatsNewCont .nav-tabs > li{margin: 0px; position:relative; padding:0 10px;}
.whatsNewCont .nav-tabs > li:focus a{ color:#212121;}
.whatsNewCont .nav-tabs > li > a{ border:none; border-radius:0; line-height:inherit; margin:0; color:#212121;font-size: 18px;font-weight: 500;}
.whatsNewCont .nav-tabs > li > a:hover{ border:none; background:none; color:#f39300;}
.whatsNewCont .nav-tabs > li > a:focus{ border:none; background:none; color:#f39300;}
.whatsNewCont .nav-tabs > li.active a{ color:#f39300;}
.whatsNewCont .nav-tabs > li.active:after{ position:absolute; bottom:0; left:0; width:100%; height:2px; background:#f39300; content:"";}

.whatsNewCont .newOfferSlider{ padding:40px 0 0;}
.whatsNewCont .slick-slide img{ width:100%;}
.whatsNewCont .slick-slide { margin: 0 15px;}
.whatsNewCont .slick-list { margin: 0 -15px;}

.whatsNewCont .slick-prev{ left:0; height:45px; width:40px; z-index:1;}
.whatsNewCont .slick-next{right:0; height:45px; width:40px; z-index:1;}

.whatsNewCont .slick-next::before{ background:url(../img/next.png) no-repeat; height:32px; width:32px; content:""; position:absolute; top:0; right:0;}
.whatsNewCont .slick-prev::before{ background:url(../img/back.png) no-repeat; height:32px; width:32px; content:""; position:absolute; top:0; left:0;}

.floorInfo{ width:100%; padding:40px 0 0; text-align:center; max-width:900px; margin:0 auto;}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 40px;
  width: 40px; background:none !important;
  background-size: 100%, 100%;margin: 0 5%; position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.carousel-control-next-icon:after
{
  content: ''; background:url(../img/next_white.png) no-repeat; width:32px; height:32px;
  font-size: 55px;position: absolute;    right:0; 
  color: red;
}

.carousel-control-prev-icon:after {
  content: ''; background:url(../img/back_white.png) no-repeat; width:32px; height:32px;
  font-size: 55px;position: absolute;left: 0;
  color: red;
}
#myCarousel .glyphicon { display:none;}

/*======================Shoping=====================*/
.shopContainer{ width:100%; background:url(../img/shoppingBanner.jpg) no-repeat 0 0/cover; background-attachment:fixed; height:auto;}
.shopContainer h2{ color:#fff;}
.shopContainer .shopLogo{ width:100%; margin:0; padding:0; display:flex;justify-content: center;}
.shopContainer .shopLogo li{ width:17%; float:left; margin-right:2em;}
.shopContainer .shopLogo li:last-child{ margin-right:0;}
.shopContainer .nav>li{    margin-left: 0;}
.shopContainer .nav>li>a{    padding: 0;}
.shopContainer .nav>li>a img{ width:100%;}
.shopContainer .nav > li > a:focus, .shopContainer .nav > li > a:hover{background-color: inherit;}
.shopContainer .nav-pills > li.active > a, .shopContainer .nav-pills > li.active > a:focus, .shopContainer .nav-pills > li.active > a:hover{background-color: inherit;}
.shopContainer .nav-pills > li.active:after{ position:absolute; height:100%; width:100%; background:rgba(0,0,0,0.5); content:""; top:0; left:0;}

.shopZoneBg{margin-top: 30px;padding: 10px;}
.shopPaddingCont{ width:100%; padding:20px;}
.shopPaddingCont ul{ list-style:none; margin:0; padding:0;}
.shopPaddingCont li{ width: 33%; font-size: 14px; display: block; float: left; position: relative; padding-left: 15px; margin-bottom: 9px;
    cursor: pointer; color: #89837e; font-weight: 300;}
.shopPaddingCont li::before { position: absolute; left: 0; top: 2px; font: normal normal normal 14px/1 FontAwesome;
    content: "\f105";  font-size: 14px; display: inline-block;  text-align: right; color: #f39200;}
.shopPaddingCont li a{color:#dedede;}
.shopPaddingCont li a:hover{ color:#fff; text-decoration:none;}

.shoppingMallImg{ width:100%; max-height:425px; overflow:hidden;}
.shoppingMallImg img{ width:100%;}

#shop1,#shop2,#shop3,#shop4,#shop5{ color:#fff;}

.shopLogoContainer{ width:100%;height: 423px;overflow-y: auto;overflow-x: hidden;}
.shopLogoContainer ul{ list-style:none; margin:0; padding:0;}
.shopLogoContainer li{ width:23%; float:left; margin:0 2% 2% 0;}
.shopLogoContainer li img{ width:100%;}








/*======================Service=====================*/
.serviceMainCont{ width:100%; padding-bottom:80px; overflow:hidden;}
.serviceContainer{ width:100%;padding-top: 10px;}
.serviceContainer .serviceItem{ width:100%; text-align:center;}
.serviceContainer .serviceItem img{ display:inline-block; width:60px;}
.serviceContainer .serviceItem p{ margin-top:15px; color:#212121; width:100%;font-size: 14px; margin-bottom:0;}

/*======================slick=====================*/
.slick-dots{bottom: -50px !important;}
.slick-dots li { width: 10px !important; height: 10px !important;background: #0f2937; border-radius: 50%; opacity:0.5;}
.slick-dots li.slick-active{ opacity:1;}
.slick-dots li button::before{ display:none;}
/*======================Footer=====================*/
.footerContainer{ width:100%; background:#f0f0f0;} 
.footerContainer .footerLogo{ width:100%; padding-right:2%;}
.footerContainer .footerLogo img{ max-width:200px; margin-bottom:15px;}
.footerContainer .footerLogo p{padding-right:15px;}
.footerContainer h3{ font-size:18px; margin-bottom:20px;}
.footerContainer .footerLinkCont{ width:100%;}
.footerContainer .footerLinkCont h3{ font-size:18px;margin: 0 0 10px 0;line-height: 23px;}
.footerLinkCont ul{ list-style:none; margin:0; padding:0;}
.footerLinkCont li{ width:100%;}
.footerLinkCont li a{ font-size:14px; padding:5px 0; display:block; color:#666;}
.footerLinkCont li a:hover{ text-decoration:none; color:#f39200;}

.footerContact{ width:100%;}
.footerContact p{color:#666; padding-right:15px;}
.footerContact p a{color:#666;}
.footerContact p a:hover{ text-decoration:none; color:#f39200;}
.footerContact p strong{ color:#212121;width: 30px;display: inline-block;}

.bottomFooterCont{ width:100%; background:#333; padding:20px 0; color:#acacac; text-align:center; font-size:12px;}






.nav-mobile {
  display: none;
  font-weight: bold;
  width: 100%;
}

#section1 {background-color: #D1D1D1;}
#section2 {background-color: #DFDFDF;}
#section3 {background-color: #C7C7C7;}

.click-me {
  width: 150px;
  height: 30px;
  background: #435AB8;
  color: white;
  text-align: center;
  line-height: 30px;
}

.click-me a {
  display: block;
  color: white;
}

.scroll-status {
  background-color: black;
  border-top-left-radius: 4px;
  bottom: 0;
  color: white;
  display: none;
  padding: 10px;
  position: fixed;
  right: 0;
}

/*@media (max-width: 768px) {
  nav ul {
    display: none;
    background-color: white;
    margin-left: -30px;
  }
  nav li {
    width: 100%;
  }

  nav li a {
    padding: 0 30px;
  }

  .nav-mobile {
    display: inline-block;
    height: 50px;
    line-height: 50px;
  }
}

@media (min-width: 769px) {
  nav ul {
    display: block !important;
  }
}*/

/*========================About section======================*/
.twoImageSectionCont{ width:100%; display:flex;}
.twoImageSectionCont .cinemaContainer { width: 50%; float: left; margin: 0; padding: 0;position: relative;color: #000;}
.twoImageSectionCont .dinecontainer { width: 50%; float: left;margin: 0;padding: 0; position: relative;}
.twoImageSectionCont .cinemaContainer img{ width:100%;}
.twoImageSectionCont .dinecontainer img{ width:100%;}

.dine-innerCont { padding:40px 40px 40px 45%; margin: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex;
    align-items: center;}
.dine-innerCont .dineVerticalCenter{ display: table-cell; vertical-align:middle;}
.dine-innerCont h3{ color:#fff;font-size: 30px;font-weight: 500; margin-top:0; margin-bottom:15px;} 
.dine-innerCont p{ line-height:20px; color:#fff; margin-bottom:15px; }
.dine-innerCont .readMore{ color:#0f2937; text-decoration:none; font-size:16px;}
.dine-innerCont .readMore:hover{ color:#0f2937; font-weight:300;}

.aboutmall-innerCont { padding:40px 40% 40px 50px; margin: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display:table;}
.aboutmall-innerCont .dineVerticalCenter{ display: table-cell; vertical-align:middle;}
.aboutmall-innerCont h3{ color:#fff;font-size: 30px;font-weight: 500; margin-top:0; margin-bottom:15px;} 
.aboutmall-innerCont p{ line-height:20px; color:#fff; margin-bottom:15px; }
.aboutmall-innerCont .readMore{ color:#fff; text-decoration:none; font-size:16px;}
.aboutmall-innerCont .readMore:hover{ color:#e60813; font-weight:300;}



/*========================Food Plaza Page======================*/
/*////////////////////////////////////////////////////////////*/
/*===========================================================*/

.offerZoneContainer{ width:100%;}
.foodPlazaCont h3{ color:#0f2937;}
.foodPlazaCont p{ color:#0f2937;}

.foodLogoContainer{ width:100%;}
.foodLogoContainer ul{ list-style:none; margin:0; padding:0;}
.foodLogoContainer li{ width:18%; float:left; margin:1%;}
.foodLogoContainer li img{ width:100%;}
.foodLogoContainer li:first-child{margin-left:0;}
.foodLogoContainer li:nth-child(6n){margin-left:0;}

.foodLogoSlide{ width:100%;background: #fff;margin-top: 10px;height: 300px; overflow: hidden;}


/*========================Multiplex Page======================*/
/*////////////////////////////////////////////////////////////*/
/*===========================================================*/

.multiplexCont .readMore{ color:#fff;}
.movieContainer { width: 100%;  background: url(../img/shoppingBanner.jpg) no-repeat 0 0/cover;background-attachment: fixed;}
.movieContainer h2{ color:#fff;}
.movieContainer .moviePoster{ width:100%; margin:0; padding:0;display: block; white-space: nowrap;overflow-x: auto;}
.movieContainer .moviePoster li{ width:15.5%;margin-right:1em; display:inline-block;float: none;}
.movieContainer .moviePoster li:last-child{ margin-right:0;}
.movieContainer .nav>li{    margin-left: 0;}
.movieContainer .nav>li>a{    padding: 0;}
.movieContainer .nav>li>a img{ width:100%;}
.movieContainer .nav > li > a:focus, .shopContainer .nav > li > a:hover{background-color: inherit;}
.movieContainer .nav-pills > li.active > a, .movieContainer .nav-pills > li.active > a:focus, .movieContainer .nav-pills > li.active > a:hover{background-color: inherit;}
.movieContainer .nav-pills > li.active:after{ position:absolute; height:100%; width:100%; background:rgba(0,0,0,0.5); content:""; top:0; left:0;}

.movieTicketCont{ width:100%; color:#fff;margin-left: -10px;margin-right: -10px;}
.movieTicketCont ul{ list-style:none; margin:0; padding:0; min-height:155px;}
.movieTicketCont li{line-height: 40px; padding: 5px 15px; color:#fff; display:inline-block; margin:1%; border:1px solid #ccc; border-radius:3px;}
.movieTicketCont h3{margin-bottom: 10px;padding-left: 5px;}
.movieTicketCont p{margin-bottom: 0;padding-left: 5px; font-size:14px;}

.movieSlideBanner{ width:100%;}

/*.movieSlideBanner .slick-list{ z-index:1;}*/

.movieSlideBanner .slick-prev { left: 0; height: 45px; width: 40px; z-index:1;}
.movieSlideBanner .slick-prev::before {background: url(../img/back.png) no-repeat; height: 32px; width: 32px; content: "";position: absolute; top: 0; left: 0;}
.movieSlideBanner .slick-next {right: 0; height: 45px; width: 40px; z-index:1;}
.movieSlideBanner .slick-next::before {background: url(../img/next.png) no-repeat; height: 32px; width: 32px; content: ""; position: absolute; top: 0; right: 0;}

.foodlogoSlide .slick-prev { left: 0; height: 45px; width: 40px; z-index:1;}
.foodlogoSlide .slick-prev::before {background: url(../img/back.png) no-repeat; height: 32px; width: 32px; content: "";position: absolute; top: 0; left: 0;}
.foodlogoSlide .slick-next {right: 0; height: 45px; width: 40px; z-index:1;}
.foodlogoSlide .slick-next::before {background: url(../img/next.png) no-repeat; height: 32px; width: 32px; content: ""; position: absolute; top: 0; right: 0;}

.food_slider img{ width: 100%; height: auto; }


/***********************HOME-BANNER-SLIDER*********************/

.pic-wrapper { position: absolute; width: 100%; height: 100%; overflow: hidden; }
    figure { position: absolute; padding: 0; margin: 0; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;
          /*animation*/
        animation: slideShow 24s linear infinite 0s;
        -o-animation: slideShow 24s linear infinite 0s;
        -moz-animation: slideShow 24s linear infinite 0s;
        -webkit-animation: slideShow 24s linear infinite 0s;
        }
        .pic-1 {
            opacity: 1;
            background: url(../img/home_bg_1.jpg) no-repeat center center;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
          }
          
        .pic-2 {
            animation-delay: 6s;
            -o-animation-delay: 6s;
            -moz--animation-delay: 6s;
            -webkit-animation-delay: 6s;
            background: url(../img/home_bg_2.jpg) no-repeat center center;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
          }
          
        .pic-3 {
            animation-delay: 12s;
            -o-animation-delay: 12s;
            -moz--animation-delay: 12s;
            -webkit-animation-delay: 12s;
            background: url(../img/home_bg_3.jpg) no-repeat center center;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
          }
          
        .pic-4 {
            animation-delay: 18s;
            -o-animation-delay: 18s;
            -moz--animation-delay: 18s;
            -webkit-animation-delay: 18s;
            background: url(../img/home_bg_4.jpg) no-repeat center center;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
          }
          /* keyframes*/
          
        @keyframes 
        slideShow {  0% {
           opacity: 0;
           transform:scale(1);
           -ms-transform:scale(1);
          }
           5% {
           opacity: 1
          }
           25% {
           opacity: 1;
          }
           30% {
           opacity: 0;
           transform:scale(1.1);
           -ms-transform:scale(1.1);
          }
           100% {
           opacity: 0;
           transform:scale(1);
           -ms-transformm:scale(1);
          }
          }
           @-o-keyframes 
          slideShow {  0% {
           opacity: 0;
           -o-transform:scale(1);
          }
           5% {
           opacity: 1
          }
           25% {
           opacity: 1;
          }
           30% {
           opacity: 0;
           -o-transform:scale(1.1);
          }
           100% {
           opacity: 0;
           -o-transformm:scale(1);
          }
          }
           @-moz-keyframes 
          slideShow {  0% {
           opacity: 0;
           -moz-transform:scale(1);
          }
           5% {
           opacity: 1
          }
           25% {
           opacity: 1;
          }
           30% {
           opacity: 0;
           -moz-transform:scale(1.1);
          }
           100% {
           opacity: 0;
           -moz-transformm:scale(1);
          }
          }
           @-webkit-keyframes 
          slideShow {  0% {
           opacity: 0;
           -webkit-transform:scale(1);
          }
           5% {
           opacity: 1
          }
           25% {
           opacity: 1;
          }
           30% {
           opacity: 0;
           -webkit-transform:scale(1.1);
          }
           100% {
           opacity: 0;
           -webkit-transformm:scale(1);
          }
          }


/***********************END*********************/



#news{ width:100%; display:block; margin:0; background:#0f2937;}
#news h2{ color:#fff;}
#news a{ cursor:pointer; color:#f39200; transition:0.3s ease all;}
#news a:hover{ color:#fff; text-decoration:none;}
#news img{border: solid 2px #fff;}
#news .part1{ width:46%; float:left; padding:0; margin:0;}
#news .part2{ width:46%; float:right; padding:0; margin:0;}

#news .part1 h3{font-size: 24px;font-weight: 500;margin-top: 0;margin-bottom: 15px; color:#fff;}
#news .part2 h3{font-size: 24px;font-weight: 500;margin-top: 0;margin-bottom: 15px; color:#fff;}
/*=====================Contact Page========================*/
.contactFormCont{ background: url(../img/contactBg.jpg) no-repeat bottom center/ cover;}
.contactFormCont h2{ color:#fff;}
.contact-form{ width: 70%; margin:0 auto;}
.contact-form form{width:100%;}
.contact-form .btnContact {width: auto;border: none;padding: 10px 30px;background: #f39200;font-weight: 300;color: #fff;cursor: pointer;float: right; border-radius: 0;}
.btnContactSubmit{ width: 50%;padding: 1.5%; color: #fff; background-color: #c27501; border: none; cursor: pointer;}
.contactFormCont .form-control{ height:40px; border-radius:0;box-shadow: none;border: 1px solid #fff;}
.contactFormCont textarea.form-control{ resize:none;}
	
.contactmapCont{ width:100%;}
.contactmapCont .contactMap{padding-right: 0;padding-left: 0; float:left;}	
.contactmapCont .contactMap iframe{ display:block;}
.contactmapCont .contactAddress{ background:#2a5c77; min-height:450px; padding:30px; color:#fff;float: right;}
.contactAddress	h3{ margin-top:0;}
.contactAddress	.contactAddressbar{background: url(../img/placeholder.png) no-repeat 0 5px;width: 100%;padding: 0 0 0 40px;}
.contactAddress	.phNoCont{background: url(../img/phone-call.png) no-repeat 0 5px;width: 100%;padding: 0 0 0 40px; line-height:30px; color:#fff; font-size:14px;display: block;}	
.contactAddress	.phNoCont:hover{ text-decoration:none;}
	

/*=====================Event Page========================*/
.eventContainer{ width:100%;}
.eventContainer{ width:100%; display:flex;}
.eventContainer .comingSoonContainer { width: 50%; float: left; margin: 0; padding: 0;position: relative;color: #000;display: flex;align-items: center;justify-content: center; background:#b0202b;outline:1px solid #e1727a;  outline-offset: -20px;}
.eventContainer .dinecontainer { width: 50%; float: left;margin: 0;padding: 0; position: relative;}
.eventContainer .dinecontainer img{ width:100%;}
.comingSoonContainer .comingSoonCont{  width:100%;}

.eventContainer h2{ color:#fff; text-transform:uppercase; font-size:32px; margin:0 0 15px; padding:0; text-align:center; width:100%;font-weight: 300;}
.eventContainer h3{ color:#fff; text-transform:uppercase; font-size:40px; margin:0 0 15px; padding:0; text-align:center; width:100%;font-weight: 700;}
.eventContainer p{ color:#fff;margin:0; padding:0; text-align:center; width:100%;font-weight: 300;}

.footerBTMLogo{ width:100%;display: flex;align-items: center; font-size:14px;}
.footerBTMLogo img{ max-width:100px;}
.footerBTMLogo .footerBtmLogo{margin-left: 5px;display: block;}
.footerBTMLogo strong{ color:#212121;font-size: 14px;width: 30px;display: inline-block;}
.footerBTMLogo a{color: #666;}
.footerBTMLogo a:hover{text-decoration: none;color: #f39200;}