/* ==========================================================================
   Helper classes
   ========================================================================== */
@import url(http://fonts.googleapis.com/css?family=Oswald);

#topPkgButton {
    padding-left:10px;
    padding-right:10px;
    margin-left:30px;
    border-radius:9px 0;
    border:2px outset  #ccc;
    font-family:Gabriola; letter-spacing:1px; font-weight:bolder; height:42px; 
}
.relative {
    position: relative;
}
.nwes
{
  padding:20px;  
    
}
#header.header-scrolled .header-top {
    display: none;
}

.align-items-center {
    align-items: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}
.d-flex {
    display: flex !important;
}
.header-top {
    font-size: 12px;
    padding: 6px 0px;
}
.banner-area {
   background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-image: url(../images/header.jpg);background-size:100% 100%;
	background-repeat: no-repeat;
	background-position: center top;
   
    background-position: bottom;
}
 @media (max-width: 496px) { 
        .banner-area
        {
            height:590px !important;
        }
        .bannertext b, .bannertext h3 {
    font-size: 20px !important;
    display: block;
}    
	 .bannertext > ul > li {
    list-style-image: url(../images/tick.png);
    font-size: 16px;
    line-height: 20px;
    font-family: initial;
}
header {
    background:#fff !important;
    height: 200px !important;
                  
 }
 .bannertext h3{
	
	 font-size: 18px !important;
 }
 .new-btn{
	 
	margin-top: 20px !important;
    margin-left: 90px !important; 
	 
 }
    .ptn-rice {
        margin-right: 10px !important;
      
    }
 .stupid{
	display:none !important; 	 
 }
 #topPkgButton{
	 
	 margin-left:80px ;
	 margin-top:10px;
	 
 }
 
 #banner{
	 
	  
	 background-color:green !important;
	 height:555px !important;
 }
 .marrgan{
	 
	 margin-left:0px !important;
 }
 .headright{
	 
	 margin-left:-50px !important;
 }
 .shine{
	width:auto !important;
	
	
}
    .butn-bu {
        width: 144px;
    }
 }
* {
	margin:0;
	padding:0;
	outline:none;
	border:none;
}
@media (min-width: 1200px) { 
.shine{
	
	width:370px;
	
}
}
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
:before, :after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.nomargin-left {
	margin-left:0px !important;
}
.nomargin-top {
	margin-top:0px !important;
}
.no-bg {
	background:none!important;
}
.alignbottom {
	vertical-align:text-top;
}
.nopadding-bottom {
	padding-bottom:0!important;
}
.padd_rgt {
	padding-right:0;
}
img {
	border:0px;
}
ul {
	list-style-type:none;
	list-style:none;
	padding:0;
	margin:0;
}
ul li {
	list-style:none;
	padding:0;
	margin:0;
}
a {
	text-decoration:none;
	outline:none;
	color:#0682D5; /*transition:all 1s ease 0s; -moz-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s;*/
}
a:focus {
	outline:none
}

.clear {
	padding:0;
	margin:0;
	line-height:0;
	height:0;
	font-size:0;
	clear:both;
	width:100%;
	display:block;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	line-height:16px;
	font-size:14px;
	padding:0;
	margin:0;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding:0;
	margin:0;
}
.clearfix:after {
	clear: both;
	width: 100%;
	height: 0;
	content: "";
	display:block;
}
.clearfix:before, .clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}
.clearfix {
*zoom: 1;
}
audio, canvas, img, video {
	vertical-align: middle;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
img {
	vertical-align: middle;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
textarea {
	resize: vertical;
}
.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #24242A;
	padding: 0.2em 0;
}
.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
 /* IE 6/7 fallback */
    *text-indent: -9999px;
}
.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}
.hidden {
	display: none !important;
	visibility: hidden;
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
.invisible {
	visibility: hidden;
}
::-moz-selection {
background: #ff8f4f;
text-shadow: none;
}
::selection {
background: #ff8f4f;
text-shadow: none;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color:    #585858;
 opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
 color:    #585858;
 opacity:  1;
}

html, body {
	height: 100%;
	padding: 0;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
	background:#f7f8f9
}
@font-face {
 font-family: 'Roboto', sans-serif;
 src: url(_fonts\patuaone-regular-webfont.eot_);
 src: url(_fonts\patuaone-regular-webfont.eot_#iefix') format('embedded-opentype'),  url(_fonts\patuaone-regular-webfont.woff_) format('woff'),  url(_fonts\patuaone-regular-webfont.ttf_) format('truetype'),  url(_fonts\patuaone-regular-webfont.svg#patua_oneregular') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'Roboto', sans-serif;
 src: url(_fonts\proximanova-regular-webfont.eot_);
 src: url(_fonts\proximanova-regular-webfont.eot_#iefix') format('embedded-opentype'),  url(_fonts\proximanova-regular-webfont.woff_) format('woff'),  url(_fonts\proximanova-regular-webfont.ttf_) format('truetype'),  url(_fonts\proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'proxima_novalight';
 src: url(_fonts\proximanova-light-webfont.eot_);
 src: url(_fonts\proximanova-light-webfont.eot_#iefix') format('embedded-opentype'),  url(_fonts\proximanova-light-webfont.woff_) format('woff'),  url(_fonts\proximanova-light-webfont.ttf_) format('truetype'),  url(_fonts\proximanova-light-webfont.svg#proxima_novalight') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'latoitalic';
 src: url(_fonts\lato-regita-webfont.eot_);
 src: url(_fonts\lato-regita-webfont.eot_#iefix') format('embedded-opentype'),  url(_fonts\lato-regita-webfont.woff_) format('woff'),  url(_fonts\lato-regita-webfont.ttf_) format('truetype'),  url(_fonts\lato-regita-webfont.svg#latoitalic') format('svg');
 font-weight: normal;
 font-style: normal;
}
/***** header section css start here *****/
header {
	background:#fff;
	height:83px;
	width:100%;
	box-shadow: 0 1px 5px #8f8f8f;
	-moz-box-shadow: 0 1px 5px #8f8f8f;
	-webkit-box-shadow: 0 1px 5px #8f8f8f;
	-ms-box-shadow: 0 1px 5px #8f8f8f;
	-o-box-shadow: 0 1px 5px #8f8f8f;
	position:relative;
	z-index:9;
}
.wrapper {
	width:1145px;
	margin:0 auto
}
.brand {
	position:relative;
	float:left;
}
.brand h4 {
	font:13px/24px 'Roboto', sans-serif;
	color:#697273;
	padding:37px 0 0 85px;
}
.brand img {

    margin-top: 10px;
    margin-left: 60px;
	width: 200px;
}
.headright {
	float:right;
	padding-top:20px
}
.headright ul li {
	float:left;
	font:15px/20px 'Roboto', sans-serif;
	color:#000;
	padding:0 15px;
    width:215px;
	
}
.headright ul li a {
	color:#697273;
}
.headright ul li:first-child {
	background:none
}
.headright ul li:first-child img {
	padding-right:3px
}
.award {
	padding:18px 0 0 90px;
}
/***** header section css end here *****/
/***** banner section css start here *****/
#banner {
	
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-image: url(../images/header.jpg);background-size:100% 100%;
	background-repeat: no-repeat;
	background-position: center top;
    height: 430px;
    background-position: bottom;
}
.banner-content {
	float:left;
	/*padding:0px 0 0 25px*/
    padding:0;
}
.bannertext {
    background-color:#000;/*rgba(29, 27, 27, 0.68)*/
	float:left;
	padding: 10px 40px 30px 50px;
	
    color:#fff; font-family:Gabriola;
	   
}
.bannertext h1 {
	font-size:40px;
	font-family: 'Oswald', sans-serif;
	color:#fff;
	
	text-shadow: 0 2px 6px #202c4b;
	-moz-text-shadow: 0 2px 6px #202c4b;
	-ms-text-shadow: 0 2px 6px #202c4b;
	-webkit-text-shadow: 0 2px 6px #202c4b;
	-o-text-shadow: 0 2px 6px #202c4b;
}
.bannertext h2 {
	font-family: 'Oswald', sans-serif;
	font-size:60px;
	color:#fff;
	
	padding-bottom:55px;
	text-shadow: 0 2px 6px #202c4b;
	-moz-text-shadow: 0 2px 6px #202c4b;
	-ms-text-shadow: 0 2px 6px #202c4b;
	-webkit-text-shadow: 0 2px 6px #202c4b;
	-o-text-shadow: 0 2px 6px #202c4b;
}
.bannertext small {
	font:12px/20px 'latoitalic';
	color:#b5bdc8;
}
.pricebox {
	background:url(..\images\price-bg.png) left top no-repeat;
	width:163px;
	height:161px;
	float:left;
	margin-left:20px;
	padding:28px 13px 25px 19px
}
.pricebox h3 {
	font:23px/37px 'Roboto', sans-serif;
	color:#fff;

	text-align:center;
}
.pricebox h4 {
	font:78px/55px 'Roboto', sans-serif;
	color:#fff;
	
	float:left;
}
.pricebox span {
	font:32px/21px 'Roboto', sans-serif;
	color:#fff;
	float:right;
	padding:10px 10px 0 0
}
.pricebox span small {
	font:22px/25px 'Roboto', sans-serif;
	color:#fff;
}
/***** banner section css end here *****/

#packages-wrap {
	margin-top: 20px;
	
	
	
	    
}
.top-row {
	width:100%;
	background:url(..\images\bdr-bg.gif) left bottom repeat-x;
	padding:30px 0 18px
}
.top-row p {
	color:#282a2c;
	font:15px/24px 'Roboto', sans-serif;
}
/***** left panel css start here *****/
.left-panel {
	width:auto;
	float:left;
}
.hoteldetail-col-main {
	width:100%;
	background:#fff;
	border:1px solid #eaeced;
	margin:20px 18px 0 0;
	float:left;
	border-radius:3px;
	position:relative;
	min-height:394px;
}
.hoteldetail-col {
	width:285px;
	background:#fff;
	border:1px solid #eaeced;
	/*float:left;*/
    vertical-align:top; display:inline-block;
	border-radius:3px;
	position:relative;
	min-height:294px;
	margin-top: 20px;
	margin-right: 12px;
	margin-bottom: 0;
	margin-left: 0;
}
.hoteldetail-col .hotel {
	position:relative;
}
.price-discount {
	
    padding: 8px 13px;
background: #000000bd;
position:;
top: 0px;
left: 0;



}
.price-discount-two {
	
    padding: 8px 13px;
    background: crimson;

top: 0px;
left: 0;



}
.price-discount-three {
	
    padding: 8px 13px;
background: teal;

top: 0px;
left: 0;



}
.price-discount-four {
	
    padding: 8px 13px;
background: seagreen;
top: 0px;
left: 0;



}
.price-discount-five {
	
    padding: 8px 13px;
    background: rebeccapurple;

top: 0px;
left: 0;



}
.price-discount-six {
	
    padding: 8px 13px;
    background: darkred;

top: 0px;
left: 0;



}
.price-discount img {
	vertical-align:inherit
}
.price-discount h5 {
	font:13px/16px 'Roboto', sans-serif;
	color:#f5ac88;
	text-decoration:line-through
}
.price-discount-two h5 {
	font:13px/16px 'Roboto', sans-serif;
	color:#f5ac88;
	text-decoration:line-through
}
.price-discount-three h5 {
	font:13px/16px 'Roboto', sans-serif;
	color:#f5ac88;
	text-decoration:line-through
}
.price-discount-four h5 {
	font:13px/16px 'Roboto', sans-serif;
	color:#f5ac88;
	text-decoration:line-through
}
.price-discount-five h5 {
	font:13px/16px 'Roboto', sans-serif;
	color:#f5ac88;
	text-decoration:line-through
}
.price-discount-six h5 {
	font:13px/16px 'Roboto', sans-serif;
	color:#f5ac88;
	text-decoration:line-through
}
.price-discount span {
	font:12px/18px 'Roboto', sans-serif;
	color:#fff;
	
}
.price-discount-two span {
	font:12px/18px 'Roboto', sans-serif;
	color:#fff;
	
}
.price-discount-three span {
	font:12px/18px 'Roboto', sans-serif;
	color:#fff;
	
}
.price-discount-four span {
	font:12px/18px 'Roboto', sans-serif;
	color:#fff;
	
}
.price-discount-five span {
	font:12px/18px 'Roboto', sans-serif;
	color:#fff;
	
}
.price-discount-six span {
	font:12px/18px 'Roboto', sans-serif;
	color:#fff;
	
}
.price-discount h6 {
	font:32px/25px 'Roboto', sans-serif;
	color:#fff;

	
}
.price-discount-two h6 {
	font:32px/25px 'Roboto', sans-serif;
	color:#fff;

	
}
.price-discount-three h6 {
	font:32px/25px 'Roboto', sans-serif;
	color:#fff;

	
}
.price-discount-four h6 {
	font:32px/25px 'Roboto', sans-serif;
	color:#fff;

	
}
.price-discount-five h6 {
	font:32px/25px 'Roboto', sans-serif;
	color:#fff;

	
}
.price-discount-six h6 {
	font:32px/25px 'Roboto', sans-serif;
	color:#fff;

	
}
.price-discount h6 span {
	
	font:17px/20px 'Roboto', sans-serif;
	color:#fff;
	
}
.price-discount-two h6 span {
	
	font:17px/20px 'Roboto', sans-serif;
	color:#fff;
	
}
.price-discount-three h6 span {
	
	font:17px/20px 'Roboto', sans-serif;
	color:#fff;
	
}
.price-discount-four h6 span {
	
	font:17px/20px 'Roboto', sans-serif;
	color:#fff;
	
}
.price-discount-five h6 span {
	
	font:17px/20px 'Roboto', sans-serif;
	color:#fff;
	
}
.price-discount-six h6 span {
	
	font:17px/20px 'Roboto', sans-serif;
	color:#fff;
	
}
.rating-star {
	
	position:absolute;
	bottom:8px;
	right:5px
}
.hoteldetail-col h3 {
	font:15px/22px 'Roboto', sans-serif;
	color:#232628;
	padding:13px 13px 0 13px;
	
}
.hoteldetail-col-main h1 {
	font:22px/30px 'Roboto', sans-serif;
	color:#eb5810;
	padding:13px 13px 0 13px;

	font-weight:bold;
	text-align:center;
}
.hoteldetail-col-main h2 {
	font:15px/22px 'Roboto', sans-serif;
	color:#232628;
	padding:3px 13px 10px 13px;
	
	font-weight:bold;
text-align:center;
border-bottom:1px dashed #999999;
}
.hoteldetail-col-main h3 {
	font:15px/22px 'Roboto', sans-serif;
	color:#232628;
	padding:13px 13px 0 13px;
	
	font-weight:bold;
}
.hoteldetail-col small {
	font:12px/20px 'Roboto', sans-serif;
	color:#4b3d3c;
	display:block;
	padding-top:3px;
	text-transform:capitalize;
	padding:0 0 0 13px;
}
.hoteldetail-col-main small {
	font:12px/20px 'Roboto', sans-serif;
	color:#4b3d3c;
	display:block;
	padding-top:3px;
	text-transform:capitalize;
	padding:0 0 0 13px;
}
.facilities {
	width:100%;
	padding:13px 13px 0 13px
}
.facilities img {
	padding:0 5px
}
/*.detail-links{ border-top:1px solid #ebebeb; margin-top:18px}*/
.detail-links ul li {
	float:left;
	font:13px/48px 'Roboto', sans-serif;
	color:#0a7dca;
	text-transform:uppercase
}
.detail-links ul li a {
	display:block;
	color:#0a7dca;
	padding:0 20px
}
.detail-links ul li:first-child a {
	background:#90b711;
	color:#fff;
	font-size:15px;
	text-shadow: 0 1px 3px #67830c;
	-moz-text-shadow: 0 1px 3px #67830c;
	-webkit-text-shadow: 0 1px 3px #67830c;
	-ms-text-shadow: 0 1px 3px #67830c;
	-o-text-shadow: 0 1px 3px #67830c;
}
/***** left panel css end here *****/
/***** right panel css start here *****/
.request {
	margin: 0 auto;
	width:315px !important;
}
.right-panel {
	width:315px;
	float:right;
	margin-top:20px;
	position:relative
}
.packages-form {
	background:url(..\images\form-bg.jpg) right top no-repeat;
	width:311px;
	height:640px;
	position:relative;
	padding:30px 15px 0
}
.packages-form:after {
	content:"";
	background:url(..\images\hurry.png) right top no-repeat;
	width:77px;
	height:77px;
	display:inline-block;
	position:absolute;
	right:0;
	top:0;
}
.packages-form h5 {
	font:26px/32px 'Roboto', sans-serif;
	color:#000;
}
.packages-form p {
	color:#232628;
	font:13px/20px 'Roboto', sans-serif;
	padding-bottom:12px
}

.packages-form select {
	width:281px;
	height:39px;
	background:#fff;
	border:none;
	padding:10px 5px;
	border-radius:3px;
	color:#585858;
	font:12px/20px 'Roboto', sans-serif;
	margin:3px 0
}
.packages-form textarea {
	width:281px;
	height:71px;
	background:#fff;
	border:none;
	padding:10px 5px;
	border-radius:3px;
	color:#585858;
	font:12px/20px 'Roboto', sans-serif;
	margin:3px 0;
	resize:none
}

/***** right panel css end here *****/

.bot-row {
	width:100%;
	margin-top:25px
}
.bot-row h2 {
	font:35px/45px 'Roboto', sans-serif;
	color:#242729;
	text-align:center
}
.bot-row p {
	color:#2a2d30;
	font:15px/24px 'Roboto', sans-serif;
	text-align:center;
}
.bot-row ul {
	margin-top:28px;
	width:50%;
	float:left;
}
.bot-row ul li {
	float:left;
	margin:0 80px 42px;
	width:500px
}
.bot-row ul li span {
	font:20px/25px 'Roboto', sans-serif;
	color:#282a2c;
	padding-bottom:7px;
	display:block
}
.bot-row ul li p {
	color:#2a2d30;
	font:15px/24px 'Roboto', sans-serif;
	text-align:left;
}
/***** social share wrapper css start here *****/
#social-share-wrap {
	width:100%;
	background:#0a7dca;
	padding:30px 0;
	position:relative;
}
#social-share-wrap ul {
	width:63%;
	float:left;
	text-align:center;
}
#social-share-wrap ul li {
	display:inline-block;
	padding-left:33px;
	min-width:250px;
}
#social-share-wrap ul li:first-child {
	padding-left:0;
	min-width:193px;
}
#social-share-wrap ul li figure {
	float:left;
	width:66px;
	height:66px;
	border:2px solid #0b619a;
	border-radius: 10px 10px 0;
	-moz-border-radius: 10px 10px 0;
	-webkit-border-radius: 10px 10px 0;
	-ms-border-radius: 10px 10px 0;
	transition:all 1s ease 0s;
	-moz-transition:all 1s ease 0s;
	-webkit-transition:all 1s ease 0s;
	-ms-transition:all 1s ease 0s;
	margin:0 20px 0 0;
}
#social-share-wrap ul li:hover figure {
	border-radius:50px;
}
#social-share-wrap ul li figure img {
	padding-top:14px
}
#social-share-wrap ul li h5 {
	font:45px/45px 'Roboto', sans-serif;
	color:#e8f6ff;
	letter-spacing: 2px;
	text-align:left;
}
#social-share-wrap ul li h6 {
	font:11px/20px 'Roboto', sans-serif;
	color:#94c3e3;

	text-align:left;
	float:left;
	padding:0 0 0 8px;
}
/***** social share wrapper css end here *****/

.copyright {
	width:100%;
	background:#24242a;
	padding:20px 0
}
.copyright p {
	font:13px/20px 'Roboto', sans-serif;
	color:#4c4c4c;
}
/** popup css **/
.box .bt {
	background: #019bdc;
	border-left: 1px solid #6abfe3;
	border-radius: 10px 10px 0;
	border-top: 1px solid #6abfe3;
	box-shadow: 1px 1px 0 #6abfe3;
	color: #fff;
	display: inline-block;
	float: left;
	font: 700 14px/46px 'Open Sans';
	letter-spacing: -1px;
	margin: 15px 0 0;
	padding: 0 30px 0 15px;
	position: relative;
	text-transform: uppercase;
}
.modal-example-content {
	background-color: #fff;
	border-radius:3px;
	border:5px solid #fff;
	outline: 0 none;
	width:1100px;
	padding:0 0 10px 0;
}
.custombox-show ~ .custombox-overlay {
opacity: 1;
visibility: visible;
}
.custombox-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
}
.custombox-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.custombox-modal {
	height: auto;
	visibility: hidden;
	margin-top:200px;
}
.custombox-show {
	visibility: visible;
}
.custombox-show ~ .custombox-overlay {
opacity: 1;
visibility: visible;
}
.custombox-perspective, .custombox-perspective body {
	height: 100%;
	overflow: hidden;
}
.custombox-perspective body {
	-webkit-perspective: 600px;
	perspective: 600px;
}
.custombox-container {
	min-height: 100%;
}
.custombox-hide-scrollbar {
	overflow-y: hidden;
}
.custombox-hide-scrollbar body {
	position: relative;
	overflow: hidden;
}
.custombox-fadein .custombox-modal-content {
	-webkit-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	-webkit-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	opacity: 0;
}
.custombox-show.custombox-fadein .custombox-modal-content {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.clos {
	float: right;
	background:none;
	margin-left:20px !important;
	top:-22px;
	right:-24px;
	z-index:9;
	    font-size: 26px;
}
.modal-example-header {
	border-bottom: 1px solid #E5E5E5;
	padding: 15px;
}
body { padding-right: 0 !important }
.pop-continer {
	width:100%;
	position:relative;
}
body {
    margin:0;
    padding:0px 0;
    
}
body.modal-open {
  padding-right: 0 !important;
}
.test[style] {
    padding-right:0 !important;
}
.test.modal-open {
    overflow: auto;
}
.hotel-thumb {
	position:relative;
	float:left;
	width:490px;
	height:615px;
	margin:10px 0 0 7px;
}
.popuprating-star {
	position:absolute;
	top:8px;
	left:5px;
	background:#000;
	padding:5px;
}
.pop-continer figure img {
	width:100%;
}
.pop-continer figure {
	width:100%; /*background:#4d515a;*/
	height:590px;
}
.modal-example-content h3 {
	color: #91b912;
	font: 25px/30px 'Roboto', sans-serif;
	padding-bottom:12px;
	padding:6px 0 10px 516px;
	text-transform:capitalize
}
.popuptext {
	padding:15px 0 10px 22px;
}
.popuptext h5 {
	color: #282a2c;
	font: 15px/30px 'Roboto', sans-serif;
}
.popuptext h6 {
	color: #282a2c;
	font: 13px/30px 'Roboto', sans-serif;
}
.popuptext p {
	color: #2a2d30;
	font: 15px/24px 'Roboto', sans-serif;
	padding-bottom:15px
}
.popuptext ul li {
	color: #2a2d30;
	font: 15px/24px 'Roboto', sans-serif;
	padding:0 0 7px 12px;
	background:url(..\images\bullet-icon.png) left 10px no-repeat;
}
.book-hotel {
	background:#91b912;
	font:17px/48px 'Roboto', sans-serif;
	color: #fff;
	padding:0 40px;
	display:inline-block;
	text-shadow: 0 1px 3px #67830c;
	-moz-text-shadow: 0 1px 3px #67830c;
	-webkit-text-shadow: 0 1px 3px #67830c;
	-ms-text-shadow: 0 1px 3px #67830c;
	-o-text-shadow: 0 1px 3px #67830c;
	border-radius:3px;
	
	margin:20px 0 0 16px;
	border-bottom:3px solid #76960f;
}
.bot-row ul li span figure {
	float:left;
	margin:0 18px 0 0;
	min-height:150px;
}
.modal-example-content02 {
	background-color: #fff;
	border-radius:3px;
	outline: 0 none;
	width:370px;
	padding:0 0 20px 0;
}
/** second- popup- css **/ 

/*******************************************scroll_css*******************************************/
.mCSB_container {
	width:auto;
	margin-right:30px;
	overflow:hidden;
}
.mCSB_container.mCS_no_scrollbar {
	margin-right:0;
	width:95%;
	height:auto;
}
.mCustomScrollBox>.mCSB_scrollTools {
	width:16px;
	height:100%;
	top:0;
	right:0;
	display:block !important;
}
.mCSB_scrollTools .mCSB_draggerContainer {
	position:absolute;
	top:12px;
	left:0;
	bottom:0;
	right:0;
	height:auto;
}
.mCSB_scrollTools a+.mCSB_draggerContainer {
	margin:20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail {
	width:5px;
	height:550px;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_scrollTools .mCSB_dragger {
	cursor:pointer;
	width:100%;
	height:100px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width:4px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-align:center;
}
.mCSB_scrollTools .mCSB_draggerRail {
	background:#d4d4d5; /* rgba fallback */
	filter:"alpha(opacity=40)";
	-ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background:#e9590a;
	width:5px;
	filter:"alpha(opacity=75)";
	-ms-filter:"alpha(opacity=75)"; /* old ie */
}
.total-scroll-offset-cb {
	color:#f08209;
}
.total-scroll-back-offset-cb {
	color:#f0df09;
}
.content {
	width:590px;
	height:500px !important;
	overflow:auto;
	margin:10px 0 0 0;
}
/*******************************************scroll_css*******************************************/


/*******************************************tab_css*******************************************/
.tab-box {
	float:left;
	margin:20px 0 0 0;
}
.hide {
	display:none;
}
.tab-box a {
	height:44px;
	float:left;
	color:#3a3a41;
	padding:0;
	font:17px/44px 'Roboto', sans-serif;
	background:#fff;
	margin:0 4px 0 0;
	padding:0 20px;
	border-radius:3px;
	position:relative;
	border:1px solid #e1e1e1;
}
.tab-box a.activeLink {
	background:#eb5810;
	height:44px;
	color:#fff;
	padding:0 20px;
	border-radius:3px;
	border:none;
}
.tab-box a.activeLink:after {
	content:"";
	width:12px;
	height:7px;
	background:url(..\images\tab_arrow.png) 0 0 no-repeat;
	position:absolute;
	left:44%;
	bottom:-7px;
}
/*******************************************tab_css*******************************************/
#social-share-right {
	background:#0864a2;
	float:right;
	position:absolute;
	top:0;
	right:0;
	width:40%;
	height:126px;
}
#social-share-right:after {
	content:"";
	width:68px;
	height:126px;
	background:url(..\images\footer_after_bg.jpg) 0 0 no-repeat;
	position:absolute;
	top:0;
	left:0;
}
#social-share-right h5 {
	font:22px/22px 'Roboto', sans-serif;
	color:#fff;
	padding:22px 0 0 79px;
}

.newsletter {
	position:relative;
	width:493px;
}
.mail_01 {
	position:absolute;
	top:68px;
	left:90px;
}

#social-share-wrap_top {
	background:#90b711;
	width:100%;
	padding:20px 0;
}
.text_box {
	width:1200px;
	margin:0 auto;
}
.text_box h5 {
	font:48px/22px 'Oswald',sans-serif;
	color:#fff;
	padding:8px 0 12px 0px;
	text-align:center;
}
.text_box p {
	color: #fff;
	font:16px/24px 'Roboto', sans-serif;
	text-align:center;
}
.date02 {
	position:relative;
	width:137px;
	float:left;
	margin:0px 5px 0px 0;
}
.date02 img {
	position:absolute;
	top:15px;
	right:10px;
}


.popupform_top {
	background:#90b711;
	text-align:center;
	width:330px;
	padding:10px 0;
	margin:15px 0 15px 20px;
}
.popupform_top h4 {
	font:26px/22px 'Roboto', sans-serif;
	color:#fff;
	padding:0 0 10px 0;
}
.popupform_top span {
	color:#fff;
	font:15px/18px 'Roboto', sans-serif;
}

.popupform select {
	width:328px;
	height:39px;
	background:#f6f5f5;
	border:1px solid #e5e4e4;
	padding:10px 5px;
	border-radius:3px;
	color:#585858;
	font:13px/20px 'Roboto', sans-serif;
	margin:3px 0 3px 20px;
}
.popupform textarea {
	width:330px;
	height:71px;
	background:#f6f5f5;
	border:1px solid #e5e4e4;
	padding:10px 5px;
	border-radius:3px;
	color:#585858;
	font:13px/20px 'Roboto', sans-serif;
	margin:3px 0 3px 20px;
	resize:none
}

.date03 {
	position:relative;
	width:160px;
	float:left;
	margin:0px 6px 0px 0;
}
.date03 img {
	position:absolute;
	top:15px;
	right:-12px;
}

.top-row h6 {
	font:40px/30px 'Roboto', sans-serif;
	color:#0a7dca;
	text-align:center;
	padding:0 0 8px 0;
}
.top-row h6 span {
	color:#333;
	font:18px/18px 'Roboto', sans-serif;
	text-align:center;
}
.popupform label.error {
	color:#FF0000;
	font-size:10px;
	padding:0 0 0 20px;
	font-family:'Roboto', sans-serif;
}
.packages-form label.error {
	color:#FF0000;
	font-size:10px;
	padding:0 0 0 0px;
	font-family:'Roboto', sans-serif;
}
.detail-links ul { /*position:absolute; bottom:0; left:0;*/
}
.note {
	background:#f1f1f1;
	padding:10px;
	border-radius:3px;
}
.note p {
	color:#36353a;
	font:14px/22px 'Roboto', sans-serif;
	text-align:left;
	padding:0;
}
.popuptext p small {
	text-decoration:line-through;
	font:15px/24px 'Roboto', sans-serif;
}
.kerala-terms {
	width:1200px;
	margin:25px auto 0 auto;
	background:url(..\images\bdr-bg.gif) left top repeat-x;
}
.kerala-terms h4 {
	font:20px/22px 'Roboto', sans-serif;
	color:#282a2c;
	padding:15px 0;
}
.kerala-terms ul {
	list-style-type:none;
}
.kerala-terms ul li {
	font:12px/24px 'Roboto', sans-serif;
	color:#282a2c;
	background:url(..\images\bullet-icon.png) 0 10px no-repeat;
	float:left;
	padding:0 15px;
}
.kerala-terms ul li a {
	text-decoration:none;
	color:#0066CC;
}
.newsletter label.error {
	bottom: -17px;
	color: #fff;
	font-size: 10px;
	left: 78px;
	position: absolute;
	width:315px;
}
.msg_sub {
	bottom: -17px;
	color: #fff;
	font-size: 10px;
	left: 78px;
	position: absolute;
	width:315px;
}
.popuptext ul li small {
	text-decoration:line-through;
	font:15px/24px 'Roboto', sans-serif;
}

.detail-links {
	border-top: 1px solid #ebebeb;
	bottom: 0;
	margin-top: 18px;
	padding-top: 29px;
	position: absolute;
	width: 100%;
}
.hoteldetail-col-apart {
	width:275px;
	background:#fff;
	border:1px solid #eaeced;
	margin:20px 18px 0 0;
	float:left;
	border-radius:3px;
	position:relative;
	min-height:360px;
}
.hoteldetail-col-apart .hotel {
	position:relative;
}
.hoteldetail-col-apart h3 {
	font:15px/22px 'Roboto', sans-serif;
	color:#232628;
	padding:13px 13px 0 13px;
	
}
.hoteldetail-col-apart small {
	font:12px/20px 'latoitalic';
	color:#4b3d3c;
	display:block;
	padding-top:3px;
	text-transform:capitalize;
	padding:0 0 0 13px;
}
.detail-links ul li a {
	padding: 0 15px;
}
.reponsive_icon {
	display: none;
}
.pkg {
    font-family: 'Source Sans Pro',sans-serif;
cursor: pointer;
word-wrap: break-word;
display: inline-block;
margin: 5px 10px!important;
padding-bottom: 5px;
}
 @media screen and (max-width:1220px) {
html, body {

}
img {

}
.wrapper, .kerala-terms, .text_box {
width:;
}
.banner-content {
padding-left:10px;
}
.left-panel {
width:65%;
}

.right-panel {
width:34%
}
.packages-form {
width: auto !important;
padding: 6px 4% 30px;
background-size:100% auto;
}
.packages-form:after {
display:none;
}

.hoteldetail-col {
width: 42%;
margin: 20px 1% 0 0;
}
.hoteldetail-col .hotel img {
}
.bot-row ul li {
margin: 0 5% 42px;
width:90%;
}
.newsletter {
width:100%;
}

#social-share-wrap ul li h5 {
font: 31px/45px 'Roboto', sans-serif;
}
#social-share-wrap ul li:first-child {
min-width: 27%;
}
#social-share-wrap ul li figure {
margin: 0 5% 0 0;
width: 35%;
}
#social-share-wrap ul li {
min-width: 30%;
padding-left: 0;
float:left;
}
.request {
position:static !important;
min-height:inherit;
height:auto;
}
.date02 {
width: 47%;
}
.packages-form h5 {
font: 22px/32px 'Roboto', sans-serif;
}
.kerala-terms:after, .detail-links:after {
display:block;
clear:both;
width:100%;
content:"";
}
.bot-row h2 {
font: 29px/45px 'Roboto', sans-serif;
}
.bot-row ul li span figure {
min-height: 175px;
}
.brand {
float:none;
}
.brand {
float: none;
width: 35%;
}
.custombox-show.custombox-fadein .custombox-modal-content {
width:100%;
}
.hotel-thumb {
width:30%;
}
.modal-example-content h3 {
padding: 6px 0 0 323px;
}
.content {
width:66%;
}
.bot-row ul li span {
font: 17px/25px 'Roboto', sans-serif;
}
.custombox-modal {
margin-top: 15px;
}
}
 @media screen and (max-width:px) {
.hoteldetail-col {
width: 49%;
}
.bot-row ul li span figure {
min-height:inherit;
}
.bot-row ul li {
min-height: 200px;
}
#social-share-wrap ul li h5 {
font: 27px/45px 'Roboto', sans-serif;
}
.hoteldetail-col h3 {
font: 15px/22px 'proxima_novalight';
}
.bannertext h1 {
font: 49px/65px 'Roboto', sans-serif;
}
.bannertext h2 {
font: 32px/40px 'Roboto', sans-serif;
}
.modal-example-content h3 {
font-size:22px;
}
.top-row h6 {
font: 21px/30px 'Roboto', sans-serif;
}
.packages-form {
background-size:auto;
}
.modal-example-content h3 {
padding: 6px 0 0 242px;
}
}
 @media screen and (max-width:px) {
.bannertext h1 {
font: 38px/57px 'Roboto', sans-serif;
}
.text_box h5 {
font: 35px/37px 'Roboto', sans-serif;
}
.bannertext h1 {
font: 38px/57px 'Roboto', sans-serif;
}
.detail-links ul li a {
padding: 0 5px;
}
.headright ul li {
font: 13px/20px 'Roboto', sans-serif;
}
.content {
width:100%;
}
.hotel-thumb {
display:none;
}
.modal-example-content h3 {
padding: 6px 0 0 23px;
}
.popuptext {
padding: 0 0 10px 22px;
}
 .packages-form h5 {
font: 18px/32px 'Roboto', sans-serif;
}
.packages-form {
background-size:auto;
padding-bottom:10px;
}
#social-share-wrap ul {
display:none;
}
 #social-share-right {
width:100%;
position:static;
float:none;
margin:0 auto;
}
 #social-share-wrap {
padding: 1px 0;
}
 #social-share-right:after {
display:none;
}
 #social-share-right h5 {
padding: 22px 0 0 10px;
}

 .mail_01 {
left: 19px;
}
 .custombox-modal {
margin-top: 200px;
}
}
 @media screen and (max-width:0px) {
.bot-row h2 {
font: 22px/45px 'Roboto', sans-serif;
}
.bot-row ul {
width:100%;
}
.banner-content {
padding-top: 46px;
}
.bannertext {
padding-top:0;
}
.bannertext h1 {
font: 34px/65px 'Roboto', sans-serif;
}
.bannertext h2 {
font: 23px/27px 'Roboto', sans-serif;
padding-bottom: 11px;
}
.left-panel {
width:100%;
}
.tab-box a, .tab-box a.activeLink {
padding: 0 12px;
}
.hoteldetail-col {
width: 48%;
}
.right-panel {
float:left;
width:88%;
min-height:!important;
}
.packages-form {
padding: 6px 4% 79px;
background-size: 100% auto;
}
.brand {
width: 80%;
}
.headright ul {
display:none;
}
.reponsive_icon {
display: block;
margin: 0 15px 0 0;
}
.hoteldetail-col .hotel figure img {
width:100%;
}
.detail-links ul li a {
padding: 0 11px;
}

.bot-row ul li {
margin: 0 5% 20px;
min-height: inherit !important;
}
.text_box h5 {
font: 23px/37px 'Roboto', sans-serif;
}
.detail-links {
padding-top: 15px;
}

.hoteldetail-col {
min-height: 366px;
}
}
footer {
    background:#337;
}
.core ul > li {
    color: #fff;
}


.text > ul > li {
    list-style-image: url(../images/tick2.png);
    line-height: 20px;
    margin-bottom: 1px;
}
.assets {
    color: #fd7e21;
    font-family: initial;
    font-weight: 900;
	font-size:20px;
	margin-top: 10px;
}
.text {
    font-size: 12px;
    margin-top: 3px;
    font-family: 'Open Sans', Arial, sans-serif;
    color: #565656;
    font-weight: bold;
    line-height: 1.714em;
}
footer {
    padding: 20px 0 20px;
    color: #646464;
}
.footer .bags .inset li {
    position: relative;
    padding: 0 0 7px 32px;
    margin-bottom: 11px;
    color: #333333;
    letter-spacing: 0.5px;
}
.footer .bags .inset li:before {
 
     color: #fff;
    position: absolute;
    left: 3px;
    top: 0;
    font-size: 15px;
}
.footer .bags .inset li {
    position: relative;
    padding: 0 0 7px 32px;
    margin-bottom: 11px;
    color: #333333;
    letter-spacing: 0.5px;
}
.bags ul li {
    list-style: none;
    padding: 12px 0 13px;
}
p.footer-nname {
    text-align: center;
    font-size: 12px;
        margin-top:19px;
    color: rgb(102, 102, 102);}
    
 * {
    box-sizing: border-box;
}


h2 {
   
}
.hihlig{
	
	 text-align: center;
    margin-bottom: 30px;
    color: #fff;
   margin-top: 20px;
}


/* form starting stylings ------------------------------- */
.group {
    position: relative;
    margin-bottom: 35px;
}

.input {
    font-size: 18px;
    padding: 5px 10px 10px 5px;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #fff;
    background: transparent;
}

    input:focus {
        outline: none;
    }

/* LABEL ======================================= */
label {
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: 10px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

/* active state */
input:focus ~ label, input:valid ~ label {
    top: -20px;
    font-size: 14px;
    color: #fff;
}

/* BOTTOM BARS ================================= */
.bar {
    position: relative;
    display: block;
    width: 100%;
}

    .bar:before, .bar:after {
        content: '';
        height: 2px;
        width: 0;
        bottom: 1px;
        position: absolute;
        background: #fff;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all;
    }

    .bar:before {
        left: 50%;
    }

    .bar:after {
        right: 50%;
    }



/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {
    width: 50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
    position: absolute;
    height: 60%;
    width: 100px;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}

/* active state */
input:focus ~ .highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
    from {
        background: #fff;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@-moz-keyframes inputHighlighter {
    from {
        background: #fff;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@keyframes inputHighlighter {
    from {
        background: #fff;
    }

    to {
        width: 0;
        background: transparent;
    }
}


#panel {
    border: 1px solid rgb(200, 200, 200);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px;
    background: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); /* Standard syntax (must be last) */
    
    
    border-radius: 4px;
    top: 50px;
}
 
/* for desktop */

.whatsapp_float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    
    background-color: #25d366;
    color: #FFF;
    border-radius: 10px;
    text-align: center;
    font-size: 30px !important;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
    top: 330px;
}
@media screen and (max-width: 767px){
.whatsapp_float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 20px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 10px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
    top: 300px !important;
}}
/* for mobile */
@media screen and (max-width: 600px)
{
  .naber
  {
    display:none !important;   
  }  
    .brand {
        margin-left: 100px;   
}
}
@media screen and (max-width: 767px)
{
  .naber
  {
    display:none !important;   
  }  
    .headright {
    float: right;
    padding-top: 20px;
    float: none;
    display: block;
    text-align: left;
    margin-left: 100px;
}
.brand {
        margin-left: 170px;   
}
header
{
   height: 143px!important;   
    
}
}

@media screen and (max-width: 480px)

{
    header
{
   height: 200px!important;   
    
}
    .brand {
        margin-left: -20px!important;   
}
     .whatsapp-icon {
	 margin-top:16px;
	
     }

.naber
{
 display:none !important;   
}
.bannertext{

	margin-left:0px; 
	margin-top:20px;
}



.headright ul li {
  
    font: 15px/20px 'Roboto', sans-serif;
    color: #000;
      margin-left: 110px;
    /* width: 215px; */
   
}

.btn-success{
    
   margin-top:12px;
}
.pkg p {
   
    text-align: -webkit-left !important;
}
.bvd
 {
    
 }
 
}
@media screen and (min-width: 768px) 
{
  
.ptn-rice
{
 font-size:20px!important;
}
    }
@media screen and  (max-width: 1024px){
    .ptn-rice
{
 font-size:20px!important;
}
    .hide-desktop{
    display: none!important;
  }
  .number {  display: inline-block; margin-right: -0.25em; }
   .bvd {
   
}
  
   .naber{
      display: none!important; 
        
    
}
 
.darshan
{
    margin-left: 0px!important;
}






 
}

@media screen and (max-width: 992px)
{


}
@media screen and (max-width: 1024px)
{
 

}
.bvd
{

}
@media only screen and (max-width: 393px)
{
   .banner-area
        {
            height:698px !important;
        } 
    #banner {
    background-color: green !important;
    height: 825px !important;
}
.new-btn {
    margin-top: 20px !important;
    margin-left: 90px !important;
}
}
@media (min-width:1025px)
{
     .naber{
      display: none!important; 
        
    }

}