.clearpadLR
{
	padding-left:0px !important;
	padding-right:0px !important;
}
.mover2 {
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}

.mover2:hover {
  filter: none; /* IE6-9 */
  -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */
 
}
.fa:hover
{
	color:#d9d5d2 !important;
}
.hide-bullets {
    list-style:none;
    margin-left: -40px;
}

.thumbnail {
    padding: 0;
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    width: 100%;
}
.lightbg
{
	background-color:#ebebeb;
}
.beach
{
	background-image:url(../images/beach%20pic.jpg);
	background-repeat:no-repeat;
	background-position:20% 20%;
	background-size:cover;
}
.arakkal
{
	background-image:url(../images/arakkal.jpg);
	background-repeat:no-repeat;
	background-position:20% 20%;
	background-size:cover;
}
.fort
{
	background-image:url(../images/fort.jpg);
	background-repeat:no-repeat;
	background-position:20% 20%;
	background-size:cover;
}
.bot5
{
	margin-bottom:-5px;
}
.lineht2
{
	line-height:12px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    background: #c9c6c1 !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight
{
	 background: #4a494e !important;
}
.dgrey
{
	color:#4a494e;
}
.bg
{
	position:absolute !important;
}
.mover
{
	background-color:#003b4d;
	padding-left:0px !important;
	padding-right:0px !important;
}
.mover2
{
	background-color:#ebebeb;
}
.ht700
{
	height:530px;
}
.icon
{
	width:80%;
	height:auto;
}
.mrg20
{
	margin-top:20px;
}
.headbg
{
	background-color:#177383;
	height:75px;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #4a494e;
    min-width:180px;
	text-align:left !important;
    z-index: 1;
    list-style-type: none !important;
	padding-top:10px !important;
	padding-bottom:10px !important;
	padding-left:10px !important;
	padding-right:10px !important;
}
.dropdown-content li 
{
	font-size: 16px;
    font-family: 'Lato', sans-serif;
	padding-top:5px !important;
	padding-bottom:5px !important;
}
.drop:hover .dropdown-content
{
	display:block;
}
.clr
{
	padding-left:30px !important;
	padding-right:0px !important;
}
.cursor
{
	cursor:pointer;
}
.left50
{
	padding-left:50px !important;
}
.right50
{
	padding-right:50px !important;
}
.roomname
{
	font-size:44px;
	line-height:36px;
	font-weight:400;
	letter-spacing: 3px;
	color:#343e48;
	font-family: 'PT Serif', serif;
}
.abroom
{
	position: absolute !important;
}
.roomname:hover
{
	color:#177383;
}
.follow
{
	font-size:22px;
	letter-spacing: 3px;
	line-height:40px;
	color:#93cddf;
	font-family: 'PT Serif', serif;
}
.ht
{
	height:217px;
}
.black
{
	color:#343e48 !important;
}
.skyblubg
{
	background-color:#4cb6cb;
}
.borderbot
{
	border-bottom:1px solid #fff;
}
.container {
    width: 90% !important;
}
.bot20
{
	padding-bottom:20px;
}
.top20
{
	padding-top:15px;
}
.wbg
{
	background-color:#fff;
}
.inner1
{
	width:80% !important;
}
.inner {
    width: 990px !important;
}
.bg2
{
	background-image:url(../images/mini%20suit.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%;
	height:250px;
}
.sico
{
	width:30px;
	height:auto;
	padding-left:5px;
	padding-right:5px;
	margin-top:-5px;
}
.bg1
{
	background-image:url(../images/royal%20suit.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%;
	height:250px;
}
.bg3
{
	background-image:url(../images/deluxe%20luxury.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%;
	height:250px;
}
.lblue
{
	    background-color: rgba(155, 216, 226, 0.63);
}
.bg4
{
	background-image:url(../images/deluxe%20executive.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%;
	height:250px;
}
.roomht
{
	height:840px;
}
.bg5
{
	background-image:url(../images/deluxe%20room.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%;
	height:250px;
}
.gallerytop
{
	padding-top:200px;
}
.bg6
{
	background-image:url(../images/standard.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%;
	height:250px;
}
.bot100
{
	padding-bottom:100px;
}
.submitt {
    background-color: #4a494e;
    border: 0px solid transparent !important;
    width: 100px;
    height: 58px;
    color: #fff;
}
.submitt:hover {
    background-color: #fff;
    border: 0px solid transparent !important;
    color: #4a494e;
}
.letspace
{
	letter-spacing:1px;
}
#grad {
    background: #b1adaa; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#b1adaa, #d0cdc8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#b1adaa, #d0cdc8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#b1adaa, #d0cdc8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#b1adaa, #d0cdc8); /* Standard syntax */
}
.grad {
    background: #b1adaa; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#b1adaa, #d0cdc8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#b1adaa, #d0cdc8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#b1adaa, #d0cdc8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#b1adaa, #d0cdc8); /* Standard syntax */
}
.submit {
    border: 0px solid transparent !important;
    width: 150px;
    height: 50px;
    color: #fff;
}
.submit:hover
{
    border: 2px solid #fff !important;
    width: 150px;
    height: 50px;
    color: #fff;
}
.menutop
{
	padding-top:75px;
}
.content
{
	width:100% !important;
}
.bold
{
	font-weight:bold;
}
.tr
{
	text-align:right;
}
.top10
{
	padding-top:10px;
}
.dblue
{
	background-color:#008fbe;
}
label
{
	color:#4a494e;
	font-weight:bold !important;
}
.bot50
{
	padding-bottom:50px;
}
.foottext
{
	font-size:10px;
	font-family: 'Lato', sans-serif;
}
#map-canvas
{
	height:450px;
}
.white
{
	color:#fff;
}
.top150
{
	padding-top:200px;
}
.room
{
	width:100%;
	height:auto;
}
.top100
{
	padding-top:100px;
}
.slider-nav
{
	z-index:-9 !important;
}
.top50
{
	padding-top:50px;
}
.navbar-nav > li > a
{
	padding-bottom:5px !important;
	padding-top:0px !important;
}

.gradient
{
    background: -webkit-linear-gradient(to right, 
    #fff 0%, 
    #fff 50%, 
    #daf3fc 50%, 
    #daf3fc 100%
  ); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(to right, 
    #fff 0%, 
    #fff 50%, 
    #daf3fc 50%, 
    #daf3fc 100%
  ); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(to right, 
    #fff 0%, 
    #fff 50%, 
    #daf3fc 50%, 
    #daf3fc 100%
  ); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, 
    #fff 0%, 
    #fff 50%, 
    #daf3fc 50%, 
    #daf3fc 100%
  ); /* Standard syntax (must be last) */
}
.navbar-default .navbar-nav li a:hover
{
	color:#177383 !important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus
{
	background-color:transparent !important;
	color:#177383 !important;
}
.top20
{
	padding-top:20px;
}
.italic
{
	font-style:italic;
}
.ico
{
	width:30px;
	height:auto;
}
.ptext
{
	font-size:14px;
	font-family: 'Lato', sans-serif;
	line-height: 22px;
}
.logo {
    width: 135px;
    height: auto;
	margin-top:10px;
	margin-bottom:10px;
}
.navbar-default
{
	background-color:#fff !important;
	border-color:transparent !important;
}
.navbar-toggle
{
	background-color:#fff !important;
}
.navbar-default .navbar-toggle {
    border-color: #00b188 !important;
}
.plef
{
	padding-left:0px !important;
}
.tp20
{
	padding-bottom:15px;
	padding-top:15px;
}
.astyle
{
	font-size:16px;
	color:#4a494e !important;
	font-family: 'Lato', sans-serif;
}
.disp
{
	display:none;
}
.ht60
{
		height:60px !important;
}
.ht140
{
	height:140px;
}
.menu
{
	/*margin-left:357px;*/
	float: right !important;
    text-align: right !important;
    width: auto;
}
.mover img
{
	background-color:#d9d5d2;
}
.mover img:hover
{
	opacity:0.5;
}
.pattern
{
	background-image:url(../images/pattern.jpg);
	background-size:cover;
	background-position:50% 50%;
	height:50px;
}
.payyambalam
{
	background-image:url(../images/beach%20pic.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%;
	height:650px;
}
.arakkalm
{
	background-image:url(../images/arakkal.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%;
	height:650px;
}
.kfort
{
	background-image:url(../images/fort.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%;
	height:650px;
}
.singleroom
{
	background-image:url(../images/singleroom.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%;
	height:850px;
}
.deluxeroom
{
	background-image:url(../images/deluxe.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%;
	height:850px;
}
.doubleroom
{
	background-image:url(../images/doubleroom.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%;
	height:850px;
}
.amen1
{
	background-image:url(../images/amen1.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%;
	height:650px;
}
.amen2
{
	background-image:url(../images/amen2.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:0% 0%;
	height:610px;
}
a
{
	text-decoration:none !important;
}
.footerlogo
{
	width:78%;
	height:auto;
}
.bedbg
{
	background-image:url(../images/bed1.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%;
	height:500px;
}
.aboutbg
{
	background-image:url(../images/about.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:0% 0%;
	height:600px;
}

.ambg
{
	background-image:url(../images/amenities.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%;
	height:500px;
}
.light
{
	font-weight:300;
}
.bot30
{
 padding-bottom:30px;
}
.font30
{
 font-size:30px;
 font-family: 'Pathway Gothic One', sans-serif;
}
.font36
{
 font-size:36px;
 font-family: 'Pathway Gothic One', sans-serif;
}
.font40
{
 font-size:40px;
 font-family: 'Pathway Gothic One', sans-serif;
}
.font18
{
 font-size:22px;
 font-family: 'Pathway Gothic One', sans-serif;
}
.lineh
{
	line-height:40px;
}
.linehh
{
	line-height:40px;
}
.lh
{
	line-height:20px;
}
.font52
{
 font-size:50px;
 font-family: 'Pathway Gothic One', sans-serif;
}
.font52b
{
 font-size:50px;
 font-family: 'Pathway Gothic One', sans-serif;
}
a {
    color: #FFF !important;
    text-decoration: none;
}
.bgsky
{
 	background-color:#d9d5d2;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#d9d5d2;
}
.textbox1
{
    width: 85%;
    height: 34px;
	padding:30px 20px;
    font-size: 14px;
	font-family: 'Lato', sans-serif;
    color:#def2f6;
    background-color: #fff;
    border:none !important;
}
.textbox
{
    height: 50px;
	border:0px solid transparent !important;
	width:90%;
	padding-left:20px;
	font-size: 14px;
	color:#4a494e;
	font-family: 'Lato', sans-serif;
}
.textarea
{
    width: 90%;
	padding:22px 20px;
    font-size: 14px;
	font-family: 'Lato', sans-serif;
    background-color: #fff;
    border:none !important;
}
.imgcust
{
	 width:100%;
	 height:auto;
}
.fontsky
{
 	color:#71999a;
}
.imgsrvc
{
	 width:85px;
	 height:auto;
}
.bgimg
{
	 background-image:url(../images/bg.jpg);
	 background-repeat:no-repeat;
	 background-size: cover;
	 height:550px;
	 background-position:50% 50%;
	 background-attachment:fixed;
}
.top30
{
 	padding-top:30px;
}
.top25
{
 	padding-top:25px;
}
.bot10
{
 	padding-bottom:10px;
}
.bgblue
{
 	background-color:#4a494e;

}
.button1:hover
{   
    color: #fff;
    background-color: #4a494e;
   border:1px solid #fff;
}
.mgtop
{
	margin-top:-85px;
}
.check
{   
    width: 140px;
    height: 50px;
 	text-align:center;
    padding: 6px 12px;
	font-size:12px;
	margin-top:-2px;
	color: #fff;
    background-color: #4a494e;
   border:1px solid transparent !important;
}
.check:hover
{   
 	text-align:center;
    padding: 6px 12px;
	color: #4a494e;
    background-color: #fff;
   border:1px solid #4a494e;
}
.button1
{   
    width: 140px;
    height: 40px;
 	text-align:center;
    padding: 6px 12px;
	color: #49484d;
	font-size:16px !important;
    background-color: #fff;
   border:1px solid #49484d;
}
.blue
{
  color:#49484d;
}
.font28
{
 font-size:28px;
 font-family: 'Pathway Gothic One', sans-serif;
}
.font16
{
 font-size:16px;
 font-family: 'Lato', sans-serif;
}
.font14
{
 font-size:14px;
 font-family: 'Lato', sans-serif;
}
.font12
{
 font-size:12px;
 font-family: 'Lato', sans-serif;
}
.font36lato
{
 font-size:36px;
 font-family: 'Lato', sans-serif;
}
.font26lato
{
 font-size:24px;
 font-family: 'Lato', sans-serif;
}

.font26
{
	font-size:26px;
	font-family: 'Pathway Gothic One', sans-serif;
}
.pad20
{
	padding:3vw 20px !important;
}
.grey
{
	color: #a7a8aa;
}
.lineht
{
	line-height:38px;
}
.custform
{
 border:none !important;
 margin-bottom:30px !important;
 border-radius:0px !important;
 width:100%;
 height:50px;
}
.custarea
{
 border:none !important;
 margin-bottom:20px !important;
 border-radius:0px !important;
 width:100%;
}
.bggrey
{
 	background-color:#f6f6f6;
}
.toprev
{
	margin-top:-15px !important;
}














@media only screen and (max-width:999px) and (min-width:768px) 
{
.lineht {
    line-height: 40px;
}
.deluxeroom, .doubleroom, .singleroom
{
	height:1115px;
	background-position: 20% 20%;
}
.amen2, .amen1
{
	height:805px;
	background-position:50% 50%;
}
.container
{
	width:100% !important;
}
.astyle {
    font-size: 14px;
}
.phead {
    font-size: 21px;
}
.roomname {
    font-size: 30px;
}
.ht700 {
    height: 545px;
}

}
@media only screen and (max-width:767px) and (min-width:500px) 
{
.mgtop {
    margin-top: 0px;
	background: #b1adaa; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#b1adaa, #d0cdc8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#b1adaa, #d0cdc8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#b1adaa, #d0cdc8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#b1adaa, #d0cdc8); /* Standard syntax */
}
.textbox1 {
    width: 75%;
    height: 34px;
}
.font52 {
    font-size: 30px;
}
.order {
        display:-webkit-flex;
        display:flex;       
        flex-direction:column;
        -webkit-flex-direction:column;
}
.order .ord1 {
        order:1;-webkit-order:1;

}
.order .ord2 {
        order:2;-webkit-order:2;
}
.xs20
{
	padding-top:20px;
}
.menutop {
    padding-top: 10px;
}
.linehh {
    line-height: 27px;
}
.logo {
    width: 100px;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
.font52b
{
 font-size:30px;
}
.check {
    width: 100%;
    height: 46px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus
{
	border:0px solid transparent !important;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form
{
	border-color: transparent !important;
}
.top100
{
	padding-top:50px;
}
.bot100
{
	padding-bottom:50px;
}
.ht
{
	height:150px;
}
.container
{
	width:100% !important;
}
.dropdown-content li a
{
	padding:20px !important;
	font-size:12px;
}
.roomname {
    font-size: 30px;
}
.menu1
{
	width:140px;
	background-color:#fff;
	padding:10px;
}
.top150 {
    padding-top: 150px;
}
.menu
{
	margin-left:150px;
}
.gradient {
    background: linear-gradient(to right, 
 #fff 0%, 
 #fff 50%, 
 #fff 50%, 
 #fff 100%
 );
}
.top50 {
    padding-top: 20px;
}
.smpad
{
	padding-left:0px !important;
	padding-right:0px !important;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:active
{
	background-color: #daf3fc !important;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #009582 !important;
}
.textbox, .textarea {
    width: 100%;
}
.check {
    width: 109%;
}
}
@media only screen and (max-width:499px)
{
.check {
    width: 100%;
}	
.aboutbg {
    background-position: 30% 30%;
}
.textbox, .textarea {
    width: 100%;
}
.mgtop {
   margin-top:20px;
}
.footerlogo {
    width: 30%;
}
.textbox1 {
    width: 59%;
    height: 34px;
}
.font52 {
    font-size: 45px;
}
.order {
        display:-webkit-flex;
        display:flex;       
        flex-direction:column;
        -webkit-flex-direction:column;
}
.order .ord1 {
        order:1;-webkit-order:1;

}
.order .ord2 {
        order:2;-webkit-order:2;
}
.xs20
{
	padding-top:20px;
}
.xs50
{
	padding-top:50px;
}
.bgimg
{
	height:1200px;
}
.menutop {
    padding-top: 10px;
}
.linehh {
    line-height: 27px;
}
.logo {
    width: 100px;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
.font52b
{
 font-size:30px;
}
.check {
    height: 46px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus
{
	border:0px solid transparent !important;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form
{
	border-color: transparent !important;
}
.top100
{
	padding-top:50px;
}
.bot100
{
	padding-bottom:50px;
}
.ht
{
	height:165px;
}
.container
{
	width:100% !important;
}
.dropdown-content li a
{
	padding:20px !important;
	font-size:12px;
}
.roomname {
    font-size: 30px;
}
.menu1
{
	width:140px;
	background-color:#fff;
	padding:10px;
}
.top150 {
    padding-top: 150px;
}
.menu
{
	margin-left:150px;
}
.gradient {
    background: linear-gradient(to right, 
 #fff 0%, 
 #fff 50%, 
 #fff 50%, 
 #fff 100%
 );
}
.top50 {
    padding-top: 20px;
}

.twid{
    display:block;
	width:100%;
	margin-top:10px;
}

.smpad
{
	padding-left:0px !important;
	padding-right:0px !important;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:active
{
	background-color: #daf3fc !important;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #009582 !important;
}
.ambg, .amen1, .amen2, .bedbg, .deluxeroom, .doubleroom, .singleroom, .aboutbg
{
	height:300px;
}
.icon {
    width: 45%;
    height: auto;
}
}