*{ margin:0; padding: 0; }
html, body, ul, li, ol {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {line-height: 1; font-family:'robotoregular', Arial;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}
img { max-width: 100%; height: auto; border:0; width: auto\9; /* ie8 */}
a{ text-decoration:none; outline:0; border: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; }
h1, h2, h3, h4, h5, h6{ font-weight:normal; margin: 0; padding: 0;}
*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;}
a:hover, a:focus{ color: none !important; text-decoration: none; border:0; outline: 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;
}


.wrapper{ padding:10px 15px; text-align: center; }
.header{ padding: 0 0 10px 0; border-bottom: 1px #ccc solid;}
.header img{ vertical-align: top;}
.content{ padding: 25px 0 10px 0; border-bottom: 1px #ccc solid; }
.content.last { border-bottom: 0px; }
.content h3{ font-size: 16px; line-height: 22px; padding: 0 0 15px 0; color: #2f2f2f; font-family: 'robotomedium';}
.content h4{ font-size: 14px; line-height: 22px; padding: 0 0 5px 0; color: #2f2f2f; font-family: 'robotomedium';}
.content p{ font-size: 12px; line-height: 18px; padding: 0 0 15px 0; color: #565656;}

.tabContent { padding-bottom: 20px; }
.tabSlider{ overflow-x: auto; overflow-y: hidden; padding: 0 0 15px 0;}
.bar{ height: 15px; background: #fff; position: relative; top: -15px; }
.tabs{ display: flex; overflow-x:auto; overflow-y: hidden; height: 102px;  
  
  /* overwrite list container styles */
  margin:0;
  padding:0;
   margin-top:10px;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;  // IE 10+
    overflow: -moz-scrollbars-none;  // Firefox }
.tabs li{ display: block; position: relative; cursor: pointer; height: 87px; -webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent; min-width: 28%; }
.item::after, .tabs li::before { transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
.item::after{ background: #d03c1e none repeat scroll 0 0; bottom: -15px; color: transparent; content: "."; height: 2px; left: 0; margin: auto; position: absolute; right: 0; width: 0;}
.item.activeTab::after { width: 100%;}

.owl-stage-outer { padding-bottom: 40px; }
.owl-nav { position: relative; }
.owl-prev { position: absolute; left: -10px; top: -100px; background: none !important; text-indent: -99999px; width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; 
  
  border-right:10px solid #6d6d6d; margin:0px !important; padding:0px !important; }
.owl-next { position: absolute; right: -10px; top: -100px; background: none !important; text-indent: -99999px; width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; 
  
  border-left:10px solid #6d6d6d; margin:0px !important; padding:0px !important; }
.owl-dots { display: none; }
.owl-theme .owl-nav .disabled { opacity: .3 !important; }

.item { cursor: pointer; position: relative; }
.tabs li span{ display: block; min-width: 60px;}
.item span.img{ display: inherit; height: 30px; overflow: hidden; margin:0 0 18px 0; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear;}
.item span.img.hotel{ background: url(../images/hotel.png) center 0 no-repeat;}
.item span.img.flight{ background: url(../images/flights.png) center 0 no-repeat;}
.item span.img.transfer{ background: url(../images/transfers.png) center 0 no-repeat;}
.item span.img.sight{ background: url(../images/sightseeing.png) center 0 no-repeat;}
.item span.img.visa{ background: url(../images/visa.png) center 0 no-repeat;}
.item span.img.arrival{ background: url(../images/arrival.png) center 0 no-repeat;}
.item span.img.insurance{ background: url(../images/insurance.png) center 0 no-repeat;}
.item span.img.check{ background: url(../images/thingsToCheck.png) center 0 no-repeat;}
.item span.img.currency{ background: url(../images/currency.png) center 0 no-repeat;}
.item span.img.cruise{ background: url(../images/cruise.png) center 0 no-repeat;}
.item span.img.houseboat{ background: url(../images/houseboat.png) center 0 no-repeat;}
.item span.img.hotelFacilities{ background: url(../images/hotelFacilities.png) center 0 no-repeat;}
.item span.img.assistance{ background: url(../images/assistance-new.png) center 0 no-repeat;}
.item span.img.pcr{ background: url(../images/pcr.png) center 0 no-repeat;}
.item span.txtTab{ font-size: 12px; color: #565656;}
.item.activeTab span.img{ background-position:center bottom; }

.listing li.map { background: none; padding-bottom: 15px; }
.listing li.map img { border: 1px solid #cccccc; }

.tabCont{ text-align: left; display: none;}
.listing li{ font-size: 12px; line-height: 18px; padding: 0 0 5px 10px; color: #565656; background: url(https://promos.makemytrip.com/images/dash.png) 0 8px no-repeat; text-align: left;}
.listing li a, .listing li a:hover, .listing li a:visited { color: #214fa9; text-decoration: underline; }
.listing li ul { padding-top: 5px; }