*
{
	margin: 0px;
	padding: 0px;
}
body
{
	
}
.header
{
	/*background-image:url(../images/header-bg.png);*/
	background-color: rgba(0, 0, 0, 0.3);
	position: absolute;
    z-index: 1000;
    width: 100%;
}
.logo img
{
	width: 15%;
    background-color: #fff;
    padding: 5px 8px;
    border-radius: 4px;
    margin-top: 5px;
    margin-right: 10px;
}
.logo p a
{
	font-family: 'DephionSlantedLight';
	font-size: 36px;
	color: #fff;
	text-decoration: none;
}
.navbar-inverse {
	background: none !important;
	border: none !important;
}
.head-nav {
	margin-top: 10px;
    margin-bottom: 0%;
    float: left !important;
}
.navbar
{
	margin-bottom: 10px;
}
.navbar-brand
{
	height: auto;
	padding: 0px 15px;
}
.navbar-brand>img {
	
    width: 100px;
	/*padding: 10px 25px;*/
	/*background-color: #fff;*/
	border-radius: 5px;
	display: table;
	margin: 0px auto;
	margin-top: 10px;
}
.nav>li>a
{
	padding: 10px 20px;
}
.navbar-inverse .navbar-nav>li>a
{
	font-family: 'RobotoRegular';
	font-size: 16px;
	color: #fff;
}
.navbar-inverse .navbar-nav>.active>a {
	/*color: #3b5998;*/
	background: none !important;
	border-bottom: 3px solid #c2a476;
}
.navbar-inverse .navbar-nav>li>a:hover {
	/*color: #3b5998 !important;*/
	border-bottom: 3px solid #c2a476;
}
.carousel-control.left
{
	background: none !important;
}
.carousel-control.right
{
	background: none !important;
}
.slider-left
{
	font-size: 50px !important;
    color: #fff;
    position: absolute;
    top: 53%;
}
.slider-right
{
	font-size: 50px !important;
    color: #fff;
    position: absolute;
    top: 53%;
}
.kodai h4
{
	font-family: 'RoonaSansMe_PERSONAL_USE';
    font-size: 34px;
    color: #fff;
    margin: 0px;
    text-align: center;
    padding-top: 7px;
}
.abt-bg
{
	position: relative;
}
.carousel-indicators
{
	display: none;
}
.carousel-caption
{
	position: absolute;
	bottom: 30%;
	left: 13%;
    width: 50%;
	height: 26%;
	text-align: left;
	background-color: rgba(0,0,0,0.6);
	border-left: 7px solid #c2a476;
}
.carousel-caption h3
{
	font-family: 'PoppinsSemiBold';
	font-size: 48px;
	color: #fff;
	margin: 0px;
    padding-top: 15px;
	padding-left: 25px;
}
.tp
{
	border-bottom: 2px solid #c2a476;
	position: relative;
}
.call-ph
{
	font-size: 14px !important;
	color:#c2a476;
	padding-right: 8px;
}
.call p a
{
	font-family: 'PoppinsRegular';
	color: #fff;
	font-size: 14px;
	margin: 0px;
	text-decoration: none;
	position: absolute;
	top: 15px;
}
.social-icons
{
	margin-top: 10px;
}
.social-icons p
{
	float: right;
}
.social-icons p i
{
	margin-right: 5px;
	margin-top: 5px;
}
.soc-fac
{
	font-size: 14px !important;
	color: #fff;
	background-color: transparent;
	border: 2px solid #fff;
	border-radius: 50px;
	padding: 9px 12px;
	transition: all 0.3s linear;
}
.soc-fac:hover
{
	background-color: #3b5998;
	border: 2px solid #3b5998;
	color: #fff;
	padding: 9px 12px;
	transition: all 0.3s linear;
}
.soc-twtt
{
	font-size: 14px !important;
	color: #fff;
	background-color: transparent;
	border: 2px solid #fff;
	border-radius: 50px;
	padding: 9px 9px;
}
.soc-twtt:hover
{
	background-color: #55acee;
	border: 2px solid #55acee;
	color: #fff;
	padding: 9px 9px;
	transition: all 0.3s linear;
}
.soc-pls
{
	font-size: 13px !important;
	color: #fff;
	background-color: transparent;
	border: 2px solid #fff;
	border-radius: 50px;
	padding: 9px 7px;
}
.soc-pls:hover
{
	background-color: #e02f2f;
	border: 2px solid #e02f2f;
	color: #fff;
	padding: 9px 7px;
	transition: all 0.3s linear;
}
.navbar-header span
{
	font-family: 'PoppinsSemiBold';
	font-size: 18px;
	color: #28166f;
	margin: 0px;
}
.book
{
	font-family: 'PoppinsSemiBold';
	font-size: 16px;
	color: #fff !important;
	background-color: #89211b;
	padding: 10px 12px;
	text-decoration: none !important;
	transition: all 0.3s linear;
	border: none;
}
.book:hover
{
	background-color: #353535;
	padding: 10px 12px;
	transition: all 0.3s linear;
}
.welcome
{
	background-image: url(../images/pattern.jpg);
	background-position: center;
}
.our-sp
{
	min-height: 90px;
}
.our h2
{
	font-family: 'PoppinsMedium';
	font-size: 28px;
	color: #353535;
	margin: 0px;
	text-transform: uppercase;
	text-align:center;
}
.our h2:after
{
	left: 50%;
    bottom: 65%;
    content: "";
    margin: 0 0 0 -61px;
    position: absolute;
    width: 122px;
    height: 21px;
    background: url(../images/sprite.png) 0 -77px;
}
.our p
{
	font-family: 'PoppinsRegular';
	font-size: 14px;
	color: #7e7e7e;
	text-align: center;
	line-height: 24px;
	padding-top: 10%;
	padding-bottom: 15px;
}
.our a
{
	font-family: 'PoppinsRegular';
	font-size: 15px;
	color: #c2a476;
	text-decoration: none;
	background: transparent;
	border: 1px solid #c2a476;
	padding: 10px 15px;
	border-radius: 4px;
	margin: 0px auto;
	display: table;
	transition: all 0.3s linear;
}
.our a:hover
{
	background: #c2a476;
	padding: 10px 15px;
	color: #fff;
	border-radius: 4px;
	transition: all 0.3s linear;
}
.wel-space
{
	margin: 10% 0%;
}
.wel-img
{
	/*box-shadow: 3px 3px 38px 10px rgba(0, 0, 0, 0.25);*/
}
.offer-bg
{
	background-image: url(../images/image-0333.jpg);
	background-position: center;
}
.special h1
{
	font-family: 'LoraRegular';
	font-size: 50px;
	color: #fff;
	text-align: center;
	margin: 0px;
}
.special h1:after
{
	left: 50%;
    bottom: 0%;
	top: 115%;
    content: "";
    margin: 0 0 0 -61px;
    position: absolute;
    width: 122px;
    height: 21px;
    background: url(../images/sprite.png) 0 -77px;
}
.offer-sp
{
	margin: 6.5% 0%;
}
.women h6
{
	font-family: 'PoppinsMedium';
	font-size: 32px;
	color: #fff;
	margin: 0px;
	text-align: center;
	padding-bottom: 20px;
}
.women a
{
	font-family: 'PoppinsRegular';
	font-size: 17px;
	color: #fff;
	text-decoration: none;
	background: #89211b;
	padding: 15px 25px;
	border: 1px solid #89211b;
	margin: 0px auto;
	display: table;
	transition: all 0.3s linear;
}
.book1
{
	font-family: 'PoppinsRegular';
	font-size: 17px;
	color: #fff;
	text-decoration: none;
	background: #89211b;
	padding: 15px 25px;
	border: 1px solid #89211b;
	margin: 0px auto;
	display: table;
	transition: all 0.3s linear;
}
.women a:hover
{
	background-color: #c2a476;
	padding: 15px 25px;
	color: #fff;
	border: 1px solid #c2a476;
	transition: all 0.3s linear;
}
.book1:hover
{
	background-color: #c2a476;
	padding: 15px 25px;
	color: #fff;
	border: 1px solid #c2a476;
	transition: all 0.3s linear;
}
.res
{
	margin-top: 10px;
}
.special
{
	border-right: 2px solid #c2a476;
}
.nav-tabs>li>a
{
	font-family: 'PoppinsMedium';
	font-size: 15px;
	color: #353535;
}
.nav-tabs>li.active>a
{
	color: #fff;
	background-color: #353535;
	border: 1px solid #353535;
}
.nav-tabs {
    border-bottom: 1px solid #353535;
	float: left;
	width: 100%;
}
.nav-tabs>li
{
	float: right;
}
.tab-sp
{
	margin-top: 3%;
}
.no-padding
{
	padding-left: 0px;
	padding-right: 0px;
}
.no-padding1
{
	background-color: #353535;
}
.dx-rm h2
{
	font-family: 'PoppinsMedium';
	font-size: 30px;
	color: #fff;
	margin: 0px;
	padding-left: 25px;
}
.dx-rm p
{
	font-family: 'RobotoRegular';
	font-size: 15px;
	color: #fff;
	text-align: justify;
	line-height: 24px;
	margin: 0px;
	padding-top: 20px;
	padding-left: 25px;
    padding-right: 8%;
}
.faci ul
{
	list-style-type: none;
	padding-top: 25px;
    padding-left: 25px;
}
.faci ul li
{
	font-family: 'RobotoRegular';
	font-size: 15px;
	color: #fff;
	line-height: 30px;
}
.faci1 ul
{
	list-style-type: none;
	padding-top: 20px;
}
.faci1 ul li
{
	font-family: 'PoppinsRegular';
	font-size: 15px;
	color: #fff;
	line-height: 28px;
}
.rm-icon
{
	font-size: 17px!important;
	color: #c2a476;
	padding-right: 10px;
}
.room-img
{
	width: 100%;
	height: 532px;
}
.room-img img
{
	width: auto;
	padding-top: 0%;
	height: 100%;
}
@media(min-width:1200px)
{
	.room-img img
{
	width: 100%;
	}
}

.dx-rm h1
{
	font-family: 'PoppinsRegular';
	font-size: 16px;
	color: #fff;
	margin: 0px;
	padding-left: 25px;
	padding-top: 20px;
	padding-bottom: 30px;
}
.Aarem
{
	color: #c2a476;
}
.dx-rm a
{
	font-family: 'PoppinsRegular';
	font-size: 15px;
	color: #fff;
	background: #89211b;
	border: 1px solid #89211b;
	padding: 10px 15px;
	transition: all 0.3s linear;
	text-decoration: none;
	margin-left: 25px;
}
.dx-rm a:hover
{
	border: 1px solid #c2a476;
	padding: 10px 15px;
	transition: all 0.3s linear;
	background-color: #c2a476;
}
.book2
{
	font-family: 'PoppinsRegular';
	font-size: 15px;
	color: #fff;
	background: #89211b;
	border: 1px solid #89211b;
	padding: 10px 15px;
	transition: all 0.3s linear;
	text-decoration: none;
	margin-left: 25px;
}
.book2:hover
{
	border: 1px solid #c2a476;
	padding: 10px 15px;
	transition: all 0.3s linear;
	background-color: #c2a476;
}
.book-col
{
	text-align: center;
}
.dx-rm
{
	padding: 3% 0%;
}
.rm-hm 
{
	font-size: 20px !important;
	color: #c2a476;
	padding-right: 10px;
}
.rm-hm1
{
	font-size: 20px !important;
	color: #c2a476;
	padding-right: 10px;
}
.rm p 
{
	padding-top: 25px;
}
.rm p a
{
	font-family: 'LoraRegular';
	font-size: 18px;
	color: #fff;
	margin: 0px;
	padding-top: 10px;
	text-decoration: none;
	padding-left: 10px;
}
.rm1 p 
{
	padding-top: 20px;
	float: right;
}
.rm1 p a
{
	font-family: 'LoraRegular';
	font-size: 18px;
	color: #fff;
	margin: 0px;
	padding-top: 10px;
	text-decoration: none;
	padding-left: 5px;
}
.bot-fot
{
	background-color: #353535;
	margin-top: 2px;
}
.room-img1 img {
    width: 100%;
    padding-top: 5.4%;
    height: 537px;
}
.room-img2 img {
    width: 100%;
    padding-top: 5.4%;
    height: 561px;
}
.room-img3 img {
    width: 100%;
    padding-top: 5.4%;
    height: 537px;
}
.aa h2
{
	font-family: 'PoppinsMedium';
	font-size: 25px;
	font-style: italic;
	color: #fff;
	margin: 0px;
	text-align: center;
}
.aa h2:after
{
	left: 50%;
    bottom: 0%;
	top: 115%;
    content: "";
    margin: 0 0 0 -61px;
    position: absolute;
    width: 122px;
    height: 21px;
    background: url(../images/sprite.png) 0 -77px;
}
.fot-sp
{
	margin-top: 2%;
    margin-bottom: 3.5%;
}
.follow p
{
	font-family: 'PoppinsSemiBold';
	font-size: 18px;
	color: #fff;
	margin-bottom: 0px;
	float: right;
	padding-top: 10px;
}
.fot-fb
{
	font-size: 15px !important;
	color: #c2a476;
	background: transparent;
	border: 1px solid #c2a476;
	padding: 9px 12px;
	border-radius: 50px;
	transition: all 0.3s linear;
}
.fot-fb:hover
{
	color: #fff;
	background: #3b5998;
	border: 1px solid #3b5998;
	padding: 9px 12px;
	transition: all 0.3s linear;
}
.fot-tt
{
	font-size: 15px !important;
	color: #c2a476;
	background: transparent;
	border: 1px solid #c2a476;
	padding: 9px 9px;
	border-radius: 50px;
	transition: all 0.3s linear;
}
.fot-tt:hover
{
	color: #fff;
	background: #55acee;
	border: 1px solid #55acee;
	padding: 9px 9px;
	transition: all 0.3s linear;
}
.fot-gg
{
	font-size: 15px !important;
	color: #c2a476;
	background: transparent;
	border: 1px solid #c2a476;
	padding: 9px 7px;
	border-radius: 50px;
	transition: all 0.3s linear;
}
.fot-gg:hover
{
	color: #fff;
	background: #e02f2f;
	border: 1px solid #e02f2f;
	padding: 9px 7px;
	transition: all 0.3s linear;
}
.footer-bg
{
	background-color: #c2a476;
}
.fot-copy
{
	font-size: 14px !important;
	color: #fff;
	padding-right: 5px;
}
.copy p
{
	font-family: 'LoraRegular';
	font-size: 15px;
	color: #fff;
	margin-bottom: 0px;
}
.power p
{
	font-family: 'LoraRegular';
	font-size: 15px;
	color: #fff;
	margin-bottom: 0px;
	float: right;
}
.power p a
{
	color: #353535;
	text-decoration: none;
	font-weight: 600;
	transition: all 0.3s linear;
}
.power p a:hover
{
	color: #fff;
	transition: all 0.3s linear;
}
.fot-hrt
{
	font-size: 14px !important;
	color: #353535;
	padding-right: 5px;
	padding-left: 5px;
}
.footer-sp
{
	margin: 2% 0%;
}
.review p
{
	font-family: 'LoraRegular';
	font-size: 17px;
	color: #fff;
	text-align: center;
	margin-bottom: 0px;
}
.review p a
{
	color: #353535;
    text-decoration: none;
    padding-left: 10px;
    font-size: 18px;
    font-weight: 600;
	transition:all 0.3s linear;
}
.review p a:hover
{
	color:#89211b;
	transition:all 0.3s linear;
}
.mod-bt
{
	display: none;
}
.mod-tt
{
	color: #89211b !important;
}
.rm-hg
{
	height: 520px;
	overflow: hidden;
}
@media(min-width:992px) and (max-width:1199px)
{
	.dx-rm h1
	{
		    padding-top: 10px;
    padding-bottom: 10px;
	}
	.faci ul {
    padding-top: 16px;
}
	.faci1 ul
	{
		padding-top: 16px;
	}
}
@media(min-width:768px) and (max-width:991px)
{
	.dx-rm h1
	{
		    padding-top: 10px;
    padding-bottom: 10px;
	}
}
/*========================================================site_custom=============*/

body::-webkit-scrollbar {
    width: 13px;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: #c2a476;
  outline: 0px solid slategrey;
}
::selection
{
	background-color: #f5772b;
	color:rgb(255,255,255);
	}
/*========================================================site_custom=============*/
/*-----------------------top-to-bottom-scroll-------*/
.scroll
{
	position: fixed;
	bottom: 10%;
	right:1%;
	z-index:999999;
	}
.scroll p
{
	margin-bottom: 0px;
}
.scroll p a
{
	background-color: #c2a476;
	padding: 15px;
	border-radius: 4px;
	color: rgb(255,255,255);
	position:relative;
}
.scroll p a i
{
	transition: all 0.2s linear;
}
.scroll p a i:last-child
{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, 10%);
	transition: all 0.2s linear;
	opacity:0;
}

.scroll p a:hover i
{
	transform:translateY(-5px);
	transition: all 0.2s linear;
}
.scroll p a:hover i:last-child
{
	transform:translate(-50%, -30%);
	opacity:1;
}
/*-----------------------top-to-bottom-scroll-------*/
.for-bg
{
	background-color: #353535;
    height: 100px;
}
.con-in
{
	background-color: #353535;
    border: 1px solid #aeaeae;
    width: 129px;
    height: 40px;
    color: #aeaeae;
    font-family: 'LoraRegular';
    padding-left: 10px;
	margin-left: 8px;
}
.con-bt
{
	background-color: #c2a476;
    border: 1px solid #c2a476;
    width: 200px;
    height: 40px;
	color: #fff;
	text-transform: uppercase;
	border-radius: 0px;
	margin-left: 8px;
	transition: all 0.3s linear;
}
.con-bt:hover
{
	background-color: #353535;
    border: 1px solid #c2a476;
	color: #c2a476;
	transition: all 0.3s linear;
}
.con-fr_reser
{
	margin-top: 9px;
}
select#dadult, select#cadult
{
	margin-top:24px;
}
select#dadult1, select#cadult1
{
	margin-top:24px;
}
select#dadult2, select#cadult2
{
	margin-top:24px;
}
select#dadult3, select#cadult3
{
	margin-top:24px;
}
select#dadult4, select#cadult4
{
	margin-top:24px;
}
.font-style
{
	color: #eabd77;
    font-size: 11px;
}
.form-group input, select:focus
{
	outline: none !important;
}
.input-group-addon {
    background-color: #c2a476;
    border: 1px solid #c2a476 !important;
    color: #FFFFFF;
	padding: 2px 12px;
	border-radius: 0px;
}
.da-bt
{
	background: transparent;
	padding: 0px;
	border: none;
	color: #fff;
	transition: all 0.3s linear;
}
.da-bt i:focus
{
	outline: none;
}
.da-bt:hover
{
	background: none;
	transition: all 0.3s linear;
}
.input-group label.error {
    position: absolute;
    left: 8px;
    top: 40px;
    width: 100%;
    display: inline-block;
    max-width: 100%;
    color: rgb(255,0,0);
    margin-bottom: 5px;
    font-weight: 700;
}
/*--------------------------about-page-------*/
.about-page
{
	background-image: url(../images/pattern.jpg);
	background-position: center;
}
.aarem-ab h2
{
	font-family: 'PoppinsSemiBold';
	font-size: 22px;
	color: #353535;
	margin: 0px;
	padding-top: 20px;
}
.aarem-ab p
{
	font-family: 'PoppinsRegular';
	font-size: 14px;
	color: #7e7e7e;
	text-align: justify;
	line-height: 15px;
	margin-bottom: 0px;
	padding-top: 20px;
}
.list-bg
{
	background-color: #353535;
    margin-top: 6%;
    padding-left: 20px;
    padding-bottom: 10px;
    border-radius: 4px;
}
.aarem-ab1 ul
{
	list-style-type: none;
	padding-top: 15px;
}
.aarem-ab1 ul li
{
	font-family: 'PoppinsRegular';
	font-size: 15px;
	color: #fff;
	line-height: 26px;
}
.ar-ab
{
	font-size: 15px !important;
	color: #c2a476;
	padding-right: 8px;
}
.cert img
{
	width: 100%;
    padding-top: 17%;
}
.cer img
{
	width: 100%;
	padding-top: 6%;
	padding-bottom: 10px;
}
.fr-sp
{
	margin: 3% 0%;
}
.fac h2
{
	font-family: 'PoppinsSemiBold';
	font-size: 22px;
	color: #353535;
	margin: 0px;
	padding-top: 20px;
	height: 45px;
}
.fac ul
{
	list-style-type: none;
	padding-top: 15px;
}
.fac ul li
{
	font-family: 'PoppinsRegular';
	font-size: 15px;
	color: #7e7e7e;
	line-height: 26px;
}
.ar-fac
{
	font-size: 15px !important;
	color: #c2a476;
	padding-right: 8px;
}
.bank
{
	margin-top: 30px;
}
.bank h2
{
	font-family: 'PoppinsSemiBold';
	font-size: 22px;
	color: #353535;
	margin: 0px;
}
.bank h6
{
	font-family: 'PoppinsRegular';
	font-size: 20px;
	color: #7e7e7e;
	padding-top: 5px;
}
.con
{
	margin-top: 30px;
}
.con h2
{
	font-family: 'PoppinsSemiBold';
	font-size: 22px;
	color: #353535;
	margin: 0px;
}
/*--------------------------about-page-------*/
/*--------------------------rooms-page-------*/
.room-sp
{
	margin-top: 4%;
}
.rooms h2
{
	font-family: 'PoppinsSemiBold';
	font-size: 22px;
	color: #353535;
	margin: 0px;
	padding-bottom: 5px;
}
.rooms p
{
	font-family: 'PoppinsRegular';
	font-size: 14px;
	color: #7e7e7e;
	margin-bottom: 0px;
	text-align: justify;
	line-height: 24px;
	padding: 10px 0px;
}
.glyphicon
{
	float: right;
}
.panel-default>.panel-heading 
{
	font-family: 'LoraRegular';
	font-size: 18px;
	color: #fff;
	text-decoration: none;
    background-color: #353535;
    border-color: #353535;
	padding: 14px 15px;
}
.panel-heading  h2
{
	font-family: 'RobotoRegular';
	font-size: 18px;
	color: #fff;
}
.panel-title > a
{
	text-decoration: none !important;
}
.panel-default {
    border-color: #353535;
}
.brown
{
	color: #c2a476;
	font-weight: 600;
}
.panel-body a
{
	font-family: 'LoraRegular';
	font-size: 16px;
	color: #fff;
	background-color: #c2a476;
	padding: 12px 15px;
	text-decoration: none;
	border: 1px solid #c2a476;
	transition: all 0.3s linear;
}
.panel-body a:hover
{
	background: transparent;
	padding: 12px 15px;
	border: 1px solid #c2a476;
	color: #c2a476;
	transition: all 0.3s linear;
}
.an
{
	margin-top: 12px;
	margin-bottom: 12px;
}
.btn-info
{
	font-family: 'LoraRegular';
    font-size: 16px;
    color: #fff;
    background-color: #c2a476;
    padding: 12px 15px;
    text-decoration: none;
    border: 1px solid #c2a476;
    transition: all 0.3s linear;
}
.btn-info:hover
{
    background: transparent;
    padding: 12px 15px;
    border: 1px solid #c2a476;
    color: #c2a476;
    transition: all 0.3s linear;
}
.roomt img
{
	width: 100%;
	padding-top: 30px;
	padding-bottom: 15px;
}
.modal-dialog
{
	width: 90%;
}
/*--------------------------rooms-page-------*/
/*------------------restaurant-page-------*/
.res h2
{
	font-family: 'PoppinsSemiBold';
	font-size: 26px;
	color: #353535;
	margin: 0px;
	text-align: center;
	padding: 3% 0%;
}
.res h2:after
{
	left: 50%;
    bottom: 0%;
    top: 70%;
    content: "";
    margin: 0 0 0 -61px;
    position: absolute;
    width: 122px;
    height: 21px;
    background: url(../images/sprite.png) 0 -77px;
}
/*-----------------flip-code-------*/
.flip-box {
	margin-top: 4%;
}
/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: 400px;
    height: 400px;
    margin: 0px auto;
    display: table;
}

/* flip speed goes here */
.flipper {
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	height: 400px;
}

/* back, initially hidden pane */
.back {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	background-color: #fff; 
	border-radius: 15px;
	padding: 15px;
	padding-top: 19%;
	/*text-align: center;*/
	padding-left: 10%;
	height: 400px;
}
.back h2 {
	font-family: 'PoppinsMedium';
	margin-top: 0;
	font-weight: bold;
	font-size: 22px;
	color: #000;
}
.back p {
	font-family: 'LoraRegular';
	font-size: 16px;
	color: #7e7e7e;
	margin: 5% 0%;
}
.back a {
	padding: 10px 15px;
	display: inline-block;
	text-decoration: none;
	font-size: 15px;
	text-transform: uppercase;
	background-color: #575ca9;
	color: #fff;
	position: relative;
}
.back a:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	padding: 15px 20px;
	border: 3px solid #575ca9;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	opacity: 0;
}
.back a:hover:after {
	-webkit-animation: ripple 0.3s linear;
	animation: ripple 0.3s linear;
}
.flip-container:hover .flipper, .flip-container.hover .flipper, .flip-container.flip .flipper {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.fis .img {
	border-radius: 15px;
	width: 100%;
	height: 400px;
}
/*-----------------flip-code-------*/
.im-f
{
	margin: 3% 0%;
}
.dish-ar
{
	font-size: 17px !important;
	color: #c2a476;
	padding-right: 8px;
}
/*-----------------restaurant-page-------*/
/*-----------------gallery-page-------*/
.gallery h2
{
	font-family: 'PoppinsSemiBold';
	font-size: 26px;
	color: #353535;
	margin: 0px;
	text-align: center;
	padding: 3% 0%;
}
.gallery h2:after
{
	left: 50%;
    bottom: 0%;
    top: 70%;
    content: "";
    margin: 0 0 0 -61px;
    position: absolute;
    width: 122px;
    height: 21px;
    background: url(../images/sprite.png) 0 -77px;
}
.gall-space
{
	margin: 2% 0%;
}
/*-----------------gallery-page-------*/
/*-----------------contact-page-------*/
.get
{
	margin-top: 25px;
}
.get h2
{
	font-family: 'PoppinsSemiBold';
	font-size: 24px;
	color: #353535;
	margin: 0px;
	border-left: 5px solid #c2a476;
    padding-left: 10px;
}
.contact-form
{
	margin: 3% 0%;
}
.con-in1
{
	font-size: 15px;
    background: transparent;
    border: none;
    border-bottom: 3px solid #c2a476;
    padding: 10px 0px 10px 0px;
	width: 100%;
	margin-bottom: 15px;
	transition: all 0.3s linear;
}
.con-in1:focus
{
	padding: 10px 0px 10px 15px;
	background-color: #c2a476;
	border-bottom: 3px solid #353535;
	transition: all 0.3s linear;
}
.con-in1:focus::placeholder
{
	color: #fff;
}
.con-mess
{
	font-size: 15px;
	width: 100%;
    border: none;
    background: transparent;
    border-bottom: 3px solid #c2a476;
    resize: vertical;
	margin-bottom: 15px;
	transition: all 0.3s linear;
        padding: 10px 0px 10px 0px;
}
.con-mess:focus
{
	outline: none;
	background-color: #c2a476;
	border-bottom: 3px solid #353535;
	transition: all 0.3s linear;
        padding: 10px 0px 10px 15px;
}
.con-mess:focus::placeholder
{
	color: #fff;
}
.but-sub
{
	width: 100%;
    background-color: #c2a476;
	font-family: 'LoraRegular';
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    padding: 10px 0px;
	border: 2px solid #c2a476;
	transition: all 0.3s linear;
}
.but-sub:hover
{
	border: 2px solid #c2a476;
	color: #c2a476;
	background: transparent;
	transition: all 0.3s linear;
}
.form-group label.error {
    color: #FF0000;
    font-size: 12px;
}
.con-lb label {
    position: absolute;
    left: 15px;
    bottom: 0px;
    top: 76%;
}
.address h2
{
	font-family: 'PoppinsSemiBold';
	font-size: 20px;
	color: #353535;
	margin: 0px;
}
.address p
{
	font-family: 'PoppinsRegular';
    font-size: 15px;
    color: #7e7e7e;
	margin-bottom: 0px;
	line-height: 26px;
	padding-top: 10px;
}
.address p a
{
	font-family: 'PoppinsRegular';
	font-size: 15px;
    color: #7e7e7e;
	text-decoration: none;
}
.map iframe
{
	width: 100%;
}
.add-sp
{
	margin-bottom: 15px;
}
.map
{
	border: 2px solid #c2a476;
    padding: 5px;
}
/*-----------------contact-page-------*/
/*---------------gallery----------------*/
.demo-gallery > ul {
  margin-bottom: 0;
  padding-left: 15px;
}

.demo-gallery > ul > li {
  margin-bottom: 15px;
  width: 205px;
  display: inline-block;
  margin-right: 15px;
  list-style: outside none none;
}

.demo-gallery > ul > li a {
  border: 3px solid #FFF;
  border-radius: 3px;
  display: block;
  overflow: hidden;
  position: relative;
  float: left;
}

.demo-gallery > ul > li a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 199px;
  width: 100%;
}

.demo-gallery > ul > li a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
  opacity: 1;
}

.demo-gallery > ul > li a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}

.demo-gallery > ul > li a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.demo-gallery > ul > li a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .justified-gallery > a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}

.demo-gallery .justified-gallery > a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
  opacity: 1;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;

}

.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .video .demo-gallery-poster img {
  height: 48px;
  margin-left: -24px;
  margin-top: -24px;
  opacity: 0.8;
  width: 48px;
}

.demo-gallery.dark > ul > li a {
  border: 3px solid #04070a;
}
/*------------------gallery-----------------*/
@media(max-width:767px)
{
	.nav-tabs>li {
    width: 100%;
    float: left;
}
	.rm-hg {
    height: auto;
	}
}
.backgroundimg{
	background-image: url(/arramvelly_new/images/slide3.jpg);
}
.cehksubbtn{
	background: #89211b;
    border-color: #89211b;
    padding: 6px 22px 6px 22px;
    float: right;
    font-size: 16px;
    font-weight: 600;
}
.extrap{
	display: flex;
}
.extracnt{
	width: 25%;
}
.extraprice{
	width: 73%;
    margin-left: 10px;
}
.errors{
	display: block !important;
	color: #eabd77;
    font-size: 11px;
	
}
.soldout{
	display: none;
}