@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
html{ width:100%; height: 100%;}
html, body{
	min-height: 100% !important;
	height: 100%;
}
form { height:100%; }
body{ background:url(../image/bodyBg.jpg) top center no-repeat; background-size: cover; background-attachment: fixed; font-family:'robotoregular', Arial; overflow-x:hidden; line-height: normal;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
img { max-width: 100%; height: auto; border:0; width: auto\9; /* ie8 */}
a{ text-decoration:none; outline:0; border:0;}
a:hover, a:focus{ text-decoration: none; border:0; outline: 0;}
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.clr{ clear:both;}
.push { height:50px;}
ul, li{ list-style-type:none; margin: 0;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; margin: 0; padding: 0;}
table{ border-collapse:collapse;}
.fLeft{ float:left;}
.fRight{ float:right;}
.alignRight{ text-align:right;}
.alignLeft{ text-align:left;}
.alignCenter{ text-align:center;}
.positionRelative{ position:relative;}
*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;}
p{ margin:0; padding: 0; }
/***
Font Face
***/

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.woff2') format('woff2'),
         url('../fonts/roboto-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('../fonts/roboto-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/***
Main CSS Rule
***/
#mainContainer{ min-height: 100%; width: 100%; float: left; height: auto; padding: 0 0 20px 0;}
.header{ text-align: center; }
.logo{ margin:0; padding: 10px 0; }

.slideWrap{ }
.slideRow{ text-align: center; }
.slideBox{ min-width: 205px; max-width: 270px; min-height: 280px; max-height: 350px; background: #fff; padding: 10px;}
.slideBox img{ width: 100%;}
.rsVisibleNearbyWrap{ height: 350px !important; }
.royalSlider{ max-width: 480px; margin:0 auto; position: relative; z-index: 9;}

.royalSlider .rsSlide .slideBox {
	opacity:0.7;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;

	-webkit-transform: scale(0.8);  
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}
.royalSlider .rsActiveSlide .slideBox {
	opacity: 1;
	-webkit-transform: scale(1);  
	-moz-transform: scale(1); 
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.slideImg img{ vertical-align: top; }
.slideDesc{ padding: 10px 0 0 0; text-align: center;}
.slideDesc h4{font-family: 'robotobold', Arial; font-size: 12px; color: #4A4A4A; padding: 0 0 5px 0;}
.slideDesc p{font-family: 'robotolight', Arial; font-size: 11px; color: #4A4A4A; line-height: 16px;}
.slideDesc p a{font-family: 'robotobold', Arial; font-size: 12px; color: #0055B7; line-height: 16px; outline: 0; border:0;}
.slideDesc p a:hover{ text-decoration:none; }


.modal-header h4{ font-size: 16px; }
.modalContent h4{ font-family: 'robotomedium', Arial; font-size:14px; line-height: 16px; color: #2F2F2F; }
.listing{ padding: 20px 0;}
.listing li{ font-family: 'robotoregular', Arial; font-size: 12px; line-height: 18px; color: #9B9B9B; margin: 0 0 2px 0; padding: 0 0 0 10px; background: url(https://promos.makemytrip.com/images/dash.png) 0 8px no-repeat;}
.tblOffer th{ background: #6f6f6f; font-size: 11px; color: #fff; text-align: center; padding: 10px; border: 1px #cdcdcd solid; font-weight: normal;}
.tblOffer td{ border: 1px #cdcdcd solid; padding: 10px; text-align: center; font-size: 10px;}
.tblOffer td.txtCode{ color: #589341; font-size: 12px; text-transform: uppercase;}

#footer{  
	width: 100%; 
	float: left; 
	margin:-106px 0 0 0;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); 
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 );
}
.footerInner{ padding: 10px; text-align: center;}
.footerInner h4{ font-family: 'robotobold', Arial; color: #6EBF59; text-transform: uppercase; font-size: 16px; padding: 0 0 5px 0;}
.footerInner h4 span{ font-family: 'robotolight', Arial; font-size: 12px; color: #fff; text-transform: none; font-weight: normal; opacity: 0.8;}
.footerInner p{ font-family: 'robotolight', Arial; font-size: 12px; line-height: 16px; color: #fff; opacity: 0.8; padding: 0 0 10px 0;}
.footerInner p a{ color: #fff; outline: 0; border:0; text-decoration: underline;}