/* Credit:https://www.facebook.com/Mido.HHH */

/*||||||||||||||||||||||||||||||||| GENERAL ||||||||||||||||||||||||||||||*/

@font-face{font-family:OSWALD-BOLD; src:url(../fonts/OSWALD-BOLD.TTF);}
@font-face{font-family:OSWALD-regular; src:url(../fonts/OSWALD-REGULAR.TTF);}
@font-face{font-family:Economica-Regular; src:url(../fonts/Economica-Regular.TTF);}
@font-face{font-family:Economica-Bold; src:url(../fonts/Economica-Bold.TTF);}



.fixedheader {
    position: fixed;
    top:0; left:0; right:0px; z-index:2000;
    width: 100%;}

.clearfix{clear:both;}


iframe {width:100%; height:100%; border:0px; margin:0px; padding:0px; }






 
/*||||||||||||||||||||||||||||||||| HEADER ||||||||||||||||||||||||||||||*/

.headerwrapper{
	background:white;
	overflow:hidden; /*box-shadow: 0px 1px 3px 1px  rgba(50, 50, 50, 0.35);*/
	height:98px;
	padding:0px;
	border-bottom:1px solid  rgba(0,0,0,0.20);
	margin: 0px;
 /*position:fixed; left:0px; top:0px; right:0px; z-index:2000;*/ }
#header{  overflow:hidden;   }
.headerwrapper .logo {float:left; line-height:130px; margin-top:15px; }
.headerwrapper nav ul{font-family:Arial; float:right; font-size:14px; font-weight:bold; margin-top:15px; }
/*.headerwrapper nav  li{list-style:none; float:left; margin:20px; padding:15px; }
.headerwrapper nav  li a {text-decoration:none; color:#313131; }
*/
.headerwrapper nav ul li {list-style:none; float:left; margin:10px; padding:15px;}
.headerwrapper nav ul li a{text-decoration:none; color:#313131;}


/*.headerwrapper nav li a :hover{background:#ff5a0b; border-radius:5px; color:white; transition:all 0.5s ;
 animation:rubberBand 0.9s; -webkit-animation:rubberBand 0.9s;}*/




/*||||||||||||||||||||||||||||||||| SLIDER ||||||||||||||||||||||||||||||*/
.sliderwrapper { margin-top:30px;}
.sliderwrapper .slider ul {list-style:none;}
.sliderwrapper .slider1 ul {list-style:none;}
.slide img{cursor:pointer;}


.sliderwrapper .slides h5{
	color:#003300;
	font-family:Economica-Bold;
	font-size:25px;
	margin-bottom:10px;
	margin-left:45px;
}
@font-face {
    font-family: 'Economica-Bold'; /*a name to be used later*/
    src: url(http://emmrccalicut.org/iris/fonts/Economica-Bold.ttf); /*URL to font*/

}
@font-face {
    font-family: 'Economica-Regular'; /*a name to be used later*/
    src: url(http://emmrccalicut.org/iris/fonts/Economica-Regular.ttf); /*URL to font*/

}
.sliderwrapper .slides p{
	color:#000;
	font-family:Arial, Helvetica, sans-serif ; 	
	width:530px;
	line-height:1.5em; text-align:justify;
	
	font-size:17px; 
	float:left;
	margin-left:45px;
	
	
	
}
.sliderwrapper .slides img {float:right; margin-right:150px;}

.sliderwrapper .slider {
	position: relative;
	width: 100%;
	height: 363px;
	overflow: hidden;
}


.sliderwrapper .slider1 {
	position: relative;
	width: 100%;
	height: 363px;
	overflow: hidden;
}

.sliderwrapper .slides {
	height: 100%;

	/* Clear fix */
	

	/**
	 * Prevent blinking issue
	 * Not tested. Experimental.
	 */
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
}

.sliderwrapper .slide {
	height: 100%;
	float: left;
	clear: none;
}


.sliderwrapper .slider-arrows {}

.sliderwrapper .slider-arrow {
	position: absolute;
	display: block;
	margin-bottom: -20px;
	padding: 20px;
	
}



.sliderwrapper .slider1-arrow {
	position: absolute;
	display: block;
	margin-bottom: -20px;
	padding: 20px;
	
}



.sliderwrapper .slider-arrow--right { bottom: 50%; right: 0px; background:url(arrowright.png) no-repeat; }
.sliderwrapper .slider-arrow--left { bottom: 50%; left: 0px;  background:url(arrowleft.png) no-repeat;}


.sliderwrapper .slider-nav {
	position: absolute;
	bottom: 40px;
}

.sliderwrapper .slider-nav__item {
	width: 10px;
	height: 10px;
	float: left;
	clear: none;
	display: block;
	margin: 0 7.5px;
	background: #d21d2c;
	border-radius:40px;
}




.sliderwrapper .slider1-arrow--right { bottom: 50%; right: 0px; background:url(arrowright.png) no-repeat; }
.sliderwrapper .slider1-arrow--left { bottom: 50%; left: 0px;  background:url(arrowleft.png) no-repeat;}


.sliderwrapper .slider1-nav {
	position: absolute;
	bottom: 40px;
}

.sliderwrapper .slider1-nav__item {
	width: 10px;
	height: 10px;
	float: left;
	clear: none;
	display: block;
	margin: 0 7.5px;
	background: #d21d2c;
	border-radius:40px;
}


/*||||||||||||||||||||||||||||||||| BEST DISHES ||||||||||||||||||||||||||||||*/

.bestdisheswrapper{
	height:600px;
	text-align:center;
	background-image: none;
	background-repeat: repeat x;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: none;
	border-bottom-style: none;
	
}
 .bestdishes{}
 .bestdisheswrapper #bestdishes h2 {
	color:#00284F;
	font-size:25px;
	letter-spacing:3px;
	font-family:Economica-bold;
	margin-top:30px;
}
 
 .bestdisheswrapper h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	text-transform:uppercase;
	letter-spacing:2px;
}




.bestdisheswrapper1{height:442px; 
  text-align:center;}
 .bestdishes1{}
 .bestdisheswrapper1 #bestdishes1 h2 {color:white; font-size:25px; color:#FFFFFF;  letter-spacing:3px; font-family:Economica-bold; margin-top:30px;}
 
 .bestdisheswrapper1 h3{font-family:Economica-Regular; color:#FFF; font-size:30px; text-transform:uppercase; letter-spacing:2px;}




.item{
	float:left;
	width:356px;
	margin-top:0px;
}
.item h3{
	font-size:14px;
	color:#666666;
	background:#CCCCCC; padding:7px ; width:275px; margin-left:40px
}
.item img{border:5px solid white;}
.item2{
	float:left;
	width:366px;
}
.item2 h3{
	font-size:14px;
	color:#666666;
	background:#CCCCCC; padding:7px ; width:275px; margin-left:45px
}
.item2 img{border:5px solid white;}
.item3{
	float:left;
	width:366px;
}
.item3 h3{
	font-size:14px;
	color:#666666;
	background:#CCCCCC; padding:7px ; width:275px; margin-left:45px
}
.item3 img{border:5px solid white;}
#bestdishes ul {list-style:none;}

/********************** slider ********************/



.bestdisheswrapper .slider {
	position: relative;
	width: 1100px;
	;
	height: 280px;
	overflow: hidden;
}



.bestdisheswrapper .slider1 {
	position: relative;
	width: 1100px;
	;
	height: 280px;
	overflow: hidden;
}
.bestdisheswrapper .slides {
	height: 100%;
	

	/* Clear fix */
	

	/**
	 * Prevent blinking issue
	 * Not tested. Experimental.
	 */
	 
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
}

.bestdisheswrapper .slide {
	height: 100%;
	float: left;
	clear: none;
	width:1100px;
}


.bestdisheswrapper .slider-arrows {}

.bestdisheswrapper .slider-arrow {
	position: absolute;
	display: block;
	margin-bottom: -20px;
	padding: 20px;
}

.bestdisheswrapper .slider1-arrow {
	position: absolute;
	display: block;
	margin-bottom: -20px;
	padding: 20px;
}

.bestdisheswrapper .slider-arrow--right { bottom: 55%; right: 0px; background:url(../images/bestdishesrightarrow.png) no-repeat; }
.bestdisheswrapper .slider-arrow--left { bottom: 55%; left: 0px; background:url(../images/bestdishesleftarrow.png) no-repeat; }


.bestdisheswrapper .slider1-arrow--right { bottom: 55%; right: 0px; background:url(../images/bestdishesrightarrow.png) no-repeat; }
.bestdisheswrapper .slider1-arrow--left { bottom: 55%; left: 0px; background:url(../images/bestdishesleftarrow.png) no-repeat; }

.bestdisheswrapper .slider-nav {
	position: absolute;
	bottom: 30px;
}

.bestdisheswrapper .slider1-nav {
	position: absolute;
	bottom: 30px;
}

.bestdisheswrapper .slider-nav__item {
	width: 12px;
	height: 12px;
	float: left;
	clear: none;
	display: block;
	margin: 0 5px;
	background: #fff;
}


.bestdisheswrapper .slider1-nav__item {
	width: 12px;
	height: 12px;
	float: left;
	clear: none;
	display: block;
	margin: 0 5px;
	background: #fff;
}




















.bestdisheswrapper1 .slider {
	position: relative;
	width: 1100px;;
	height: 300px;
	overflow: hidden;
}

.bestdisheswrapper1 .slider1 {
	position: relative;
	width: 1100px;;
	height: 300px;
	overflow: hidden;
}

.bestdisheswrapper1 .slides {
	height: 100%;
	

	/* Clear fix */
	

	/**
	 * Prevent blinking issue
	 * Not tested. Experimental.
	 */
	 
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
}

.bestdisheswrapper1 .slide {
	height: 100%;
	float: left;
	clear: none;
	width:1100px;
}


.bestdisheswrapper1 .slider-arrows {}

.bestdisheswrapper1 .slider-arrow {
	position: absolute;
	display: block;
	margin-bottom: -20px;
	padding: 20px;
}

.bestdisheswrapper1 .slider-arrow--right { bottom: 55%; right: 0px; background:url(../images/bestdishesrightarrow.png) no-repeat; }
.bestdisheswrapper1 .slider-arrow--left { bottom: 55%; left: 0px; background:url(../images/bestdishesleftarrow.png) no-repeat; }


.bestdisheswrapper1 .slider-nav {
	position: absolute;
	bottom: 30px;
}

.bestdisheswrapper1 .slider-nav__item {
	width: 12px;
	height: 12px;
	float: left;
	clear: none;
	display: block;
	margin: 0 5px;
	background: #fff;
}



/*||||||||||||||||||||||||||||||||| BOOK ONLINE ||||||||||||||||||||||||||||||*/

.bookonlinewrapper{text-align:center;}
.bookonlinewrapper #bookonline{}
.bookonlinewrapper #bookonline h3{ color:#cf0e1e; font-size:35px;  letter-spacing:8px; font-family:Economica-bold; margin-top:30px; margin-bottom:50px;}

 .name{background:#383636;  width:470px; height:87px; background-image:url(../images/icon4.png); background-position:7px 7px; background-repeat:no-repeat; border-radius:8px; border:0px; color:#515051; font-size:25px; font-family:hansen; padding:0 30px;
 line-height:87px; background-position:95% 50%; margin-bottom:20px; float:left;}

.email{background:#383636;  width:470px; height:87px; background-image:url(../images/icon3.png); background-position:7px 7px; background-repeat:no-repeat; border-radius:8px; border:0px; color:#515051; font-size:25px; font-family:hansen; padding:0 30px;
 line-height:87px; background-position:95% 50%; margin-bottom:20px; float:right; }
 
 .from{background:#383636;  width:300px; height:87px; background-image:url(../images/icon2.png); background-position:7px 7px; background-repeat:no-repeat; border-radius:8px; border:0px; color:#515051; font-size:25px; font-family:hansen; padding:0 30px;
 line-height:87px; background-position:95% 50%; margin-top:5px; }

.to{background:#383636;  width:300px; height:87px; background-image:url(../images/icon2.png); background-position:7px 7px; background-repeat:no-repeat; border-radius:8px; border:0px; color:#515051; font-size:25px; font-family:hansen; padding:0 30px;
 line-height:87px; background-position:95% 50%; margin-top:5px; }
 
.persons{background:#383636;  width:300px; height:87px; background-image:url(../images/icon.png); background-position:7px 7px; background-repeat:no-repeat; border-radius:8px; border:0px; color:#515051; font-size:25px; font-family:hansen; padding:0 30px;
 line-height:87px; background-position:95% 50%; margin-top:5px; }
 
 
 .booknow{ background:#ff5a0b; height:52px; border-radius:10px; border:0px; width:839px; margin-top:20px; border-bottom:5px solid #c84d29; margin-bottom:40px; font-family:OSWALD-BOLD; font-size:30px; color:white; line-height:47px; cursor:pointer;}
 .booknow:active{ top:2px; border-bottom:3px solid #c84d29;}

 
 .booknow{position:relative;}




 
/*||||||||||||||||||||||||||||||||| MAP ||||||||||||||||||||||||||||||*/
 .mapwrapper{ height:500px; width:100%;  border-top:6px solid rgba(236, 225, 217, 0.4); border-bottom:6px solid rgba(236, 225, 217, 0.4); }
 #map .googlemap{width:100%; position:absolute; height:500px; left:0px; }
 
/*||||||||||||||||||||||||||||||||| CONTACT US ||||||||||||||||||||||||||||||*/
 
.contactwrapper{margin-top:50px; text-align:center;}
.contactwrapper h3{
	color:#cf0e1e;
	font-size:25px;
	letter-spacing:8px;
	font-family:Economica-bold;
	margin-top:20px;
	margin-bottom:20px;
}


  .contactwrapper .staff{
	position:absolute;
	width: 1100px;
}
 /*.contactwrapper .staff ul li img{border:3px solid #ff5a0b; border-radius:5px; margin:0px 3px 0px 3px; position:relative;
 opacity:0.4; }*/
.myimage2,.myimage3,.myimage4,.myimage5,.myimage6{
	border:3px solid #CCCCCC;
	border-radius:5px;
	margin:0px 3px 0px 3px;
	position:relative;
	opacity:0.4;
	cursor:pointer;
}
 .myimage{
	border:3px solid #CCCCCC;
	border-radius:5px;
	margin:0px 3px 0px 3px;
	position:relative;
	opacity:0.4;
	cursor:pointer;
}
 
 .staff ul {list-style:none;}
  .staff ul li{float:left;}
 .pop{}
.firstpop{position:relative; left:20px; top:180px;  z-index:999; opacity:1;}
.secondpop{position:relative; left:20px; top:-220px; ; z-index:900; opacity:0;}
.thirdpop{position:relative; left:20px; top:-620px;  z-index:900; opacity:0; }
.fourthpop{position:relative; left:20px; top:-1020px;  z-index:900; opacity:0; }

.fifpop{position:relative; left:-1000px; top:600px; z-index:900; }
 
/************************ FOOTER *****************************/
/**** Customer Reviews*****/

.customerreview{width:366px;  float:left; margin-top:30px; }
.review{margin-top:5px; text-align:left;}
.review p{color:#a3c9e7; font-size:15px; font-family:hansen; }
.review span2{color:#d6d6d6; font-size:26px; font-family:hansen;}
.customerreview h2{text-align:left;}

.review h4{color:#3d6e96; font-size:27px; font-family:oswald-regular; float:left; margin-left:14px; margin-top:7px; margin-bottom:7px;}
.line{width:340px; height:1px; color:#72859e; background:#72859e;}
.space{width:340px; height:1px; color:#72859e; background:#72859e; clear:both; position:relative; top:10px;}

/**** socialize*****/


.socialize{width:366px;  float:left; margin-top:30px;}
.socialimgs{margin-top:5px; width:170px; float:left; margin-left:100px; text-align:left; }

.socialimgs img {}
.socialize h2{text-align:left;margin-left:100px;}

/**** feedback*****/

.sendfeedback{width:366px;  float:right; margin-top:30px; margin-bottom:30px; text-align:left;}
.sendfeedback h2{ margin-left:3px;}
.sendfeedback form{}
.sendfeedback form input[type='text']{width:367px; height:57px; border-radius:5px; border:1px solid #0a131f; 
background:#32363d; color:white; font-size:18px; padding:5px;}

.sendfeedback form textarea {width:367px; height:90px; border-radius:5px; border:1px solid #0a131f; 
background:#32363d; color:white; font-size:18px; padding:5px;}


.sendfeedback form h6{color:#cccccc; font-size:18px; font-family:OSWALD-regular; margin-top:20px;}
.sendfeedback form button{ background:#3d6e96; color:#1f527b; font-size:16px; font-family:OSWALD-regular; width:95px;
height:29px; border:0px; border-radius:4px; margin-top:20px; cursor:pointer; }

/* Hover */



/*||||||||||||||||||||||||||||||||| COPY RIGHTS ||||||||||||||||||||||||||||||*/


 /*||||||||||||||||||||||||||||||||| ANIMATIONS ||||||||||||||||||||||||||||||*/

 

@keyframes bou {
  0%, 20%, 50%, 80%, 100% {
    
    transform: translateY(0);
  }

  40% {
    
    transform: translateY(-4px);
  }

  60% {
    
    transform: translateY(-4px);
  }
}
 
 
 
 @-webkit-keyframes bou {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform:translateY(-4px);
    transform: translateY(-4px);
  }

  60% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
}
 
@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.fixedsocial{z-index:999; position:fixed; bottom:400px; width:20px;  min-height:50px;  padding:8px 0px;}
.fixedsocial a{text-decoration:none;}