@charset "utf-8";
/* CSS Document */

body {  font-family: 'montserratlight'; font-size: 12px; color: #000000; overflow-x: hidden;}
/* MAIN LAYOUT
========================================================================*/
.wrapper {}
/* HEADER
========================================================================*/
header { background: #ffffff; position: fixed; width: 100%; top: 0; left: 0; z-index: 999;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);}
header .logo{}
header .logo a{ padding: 10px 0; display: inline-block;}
header .logo a img{width: 101px;}
header .mobileRight{ display: none;}
/* NAV
========================================================================*/
.navigation{}
.navigation nav {  margin: 23px 0 0 0;}
.navButton{ display:none;}
nav > ul { text-align: center;}
nav > ul > li { display: inline-block; position: relative; padding-bottom: 27px;}
nav > ul > li > a { padding: 5px 12px; font-size: 12px; color: #000000; transition: 0.5s; position: relative;}
nav > ul > li > a:after{ position:absolute; content: ""; bottom: 0; left: 12px; width:0; height: 1px; background:#f0c912;  transition: 0.5s; } 
nav > ul > li:last-child { }
nav > ul > li > a:hover:after, nav > ul > li:hover > a:after, nav > ul > li.active > a:after{ width: 50%; transition: 0.5s; }
nav > ul > li > a:hover, nav > ul > li.active > a, nav > ul > li:hover > a { color: #000000;  transition: 0.5s; }
 
/* Level 2
==========================================================================*/
@media only screen and (min-width: 960px) {
nav > ul > li > ul{ position: absolute; width: 200px;  left: 0; top: 48px; text-align: left; display: none; -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.1); box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.1); padding-top: 2px;}
nav > ul > li:hover > ul{ display:block;}
nav > ul > li > ul > li{ display: block; background: #ffffff; }
nav > ul > li > ul > li > a{display: block;  padding: 8px 18px; font-size: 12px;  color: #595959;  transition: 0.5s; text-transform: uppercase;}
nav > ul > li > ul > li:first-child{ padding-top: 15px; border-radius: 4px 4px 0 0;}
nav > ul > li > ul > li:last-child{ padding-bottom: 15px; border-radius: 0 0 4px 4px;}
nav > ul > li > ul > li:first-child a{}
nav > ul > li > ul > li:last-child a{}
nav > ul > li > ul > li > a:hover{color: #000000; }
nav > ul > li > ul > li.active > a{ color: #000000; font-family: 'montserratregular'; transition: 0.5s;}
}
/* Header Right
========================================================================*/
.headerRight{ margin-top: 20px;}
.headerRight ul{ float: right;}
.headerRight ul li{ float: left; margin-right: 10px;}
.headerRight ul li:last-child{ margin-right:0;}
.headerRight ul li a{ padding:8px 10px;  border: 1px solid #888888; display: block; line-height: 12px; color: #000000; border-radius: 4px;}
.headerRight ul li a img{}
.headerRight ul li a span{ margin-left:5px; font-size: 12px;}
.headerRight ul li a:hover{}

/* Step Comman
=======================================================================*/
.pageData{ margin-top:71px; padding:40px 0;}
.stepBreadcrumb{}
.stepBreadcrumb ul{ position: relative;}
.stepBreadcrumb ul li{ float: left; margin-right:22.62%; position: relative;}
.stepBreadcrumb ul:after{ content: ""; position: absolute; width: 100%; height: 2px; background: #f0c912; left: 0; top: 11px; z-index: -1;}
.stepBreadcrumb ul li a{ width: 17px; height: 17px; background: #aaaaaa; border-radius: 50%; text-align: center; line-height: 17px;  color: #000000; display: block; border: 3px solid #ffffff; position: relative;font-family: 'montserratregular'; font-size: 10px;}
.stepBreadcrumb ul li a:after{ width: 25px; height: 25px; background: #aaaaaa; content: ""; position: absolute; border-radius: 50%; left: -4px; top: -4px; z-index: -1}
.stepBreadcrumb ul li:last-child{ margin-right:0;}
.stepBreadcrumb ul li.active a{ background: #f0c912;}
.stepBreadcrumb ul li.active a:after{ background: #f0c912; }
.stepWrap{ margin-top: 30px;}
.stepHero-wrap{}
.stepHero-wrap.stepHero-FullWidth{}
.stepWrap .stepLeft{ width: 65%; float: left;}
.stepWrap .stepRight{ width: 32%; float: left; margin-left: 3%;}

ul.listStyle{ margin-top: 10px;}
ul.listStyle li{ background: url("../images/bullet.png") no-repeat left top 5px; padding-left:12px; margin-bottom: 8px; }

/* Step 1
=======================================================================*/
.stepWrap.stepOnewrap h2{ width: 60%; float: left;}
.stepWrap.stepOnewrap .returnTicket{width: 40%; float: left; text-align: right}
.stepWrap.stepOnewrap .returnTicket input{ margin-right: 5px;}
.stepWrap.stepOnewrap .returnTicket label{ text-transform: uppercase; color: #000000; font-family: 'montserratregular';}
.stepHero-wrap.stepHero-onewrap{  padding: 40px 30px; -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.1); box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.1);}
.stepHero-wrap.stepHero-onewrap .inputBox{ width: 48%; float: left; margin:0 1% 40px 1%; position: relative;}
.stepHero-wrap.stepHero-onewrap .inputBox select{ padding: 15px 12px; border: 1px solid #817d7c; border-radius: 4px; width: 98%; margin: 0 1%; float: left;}  
.stepHero-wrap.stepHero-onewrap .inputBox input{ padding: 15px 12px; border: 1px solid #817d7c; border-radius: 4px; width: 93%; margin: 0 1%; float: left;}
.stepHero-wrap.stepHero-onewrap .inputBox input:disabled, .stepHero-wrap.stepHero-onewrap .inputBox select:disabled {background: #dfdfdf; border: 1px solid #dfdfdf;}
.stepHero-wrap.stepHero-onewrap .inputBox.twoInput select{ width: 48%;}  
.stepHero-wrap.stepHero-onewrap .inputBox.threeInput select{ width: 31.3%;} 
.stepHero-wrap.stepHero-onewrap .inputBox.threeInput input{ width:26.5%;} 
.stepHero-wrap.stepHero-onewrap .inputBox.twoInput input{ width: 43%;}
.stepHero-wrap.stepHero-onewrap .inputBox h4{ margin: 0 1% 10px 1%}
.stepHero-wrap.stepHero-onewrap .inputBox .noError{ display: none; position: absolute; bottom: -20px; left: 1%; font-size: 11px; color: #e53d3d;}
.stepHero-wrap.stepHero-onewrap .inputSubmit{ margin: 10px 1% 0 1%; width: 48%;}
.stepHero-wrap.stepHero-onewrap .inputSubmit input{ background: #141d48; border: 1px solid #141d48; border-radius: 4px; padding: 20px 50px; text-transform: uppercase; font-size: 14px; color: #ffffff; margin: 0 1%; font-family: 'montserratregular'; transition: 0.5s;}
.stepHero-wrap.stepHero-onewrap .inputSubmit input:hover{ color: #f0c912; transition: 0.5s;}
.stepOne-Info{ margin: 50px 0 0 0; /* padding-bottom: 50px; border-bottom: 1px solid #cccccc;*/ color: #595959;}
.stepOne-Info ul{ margin-bottom: 30px;}
.stepOne-Info h5{ font-size: 13px; margin-top: 30px; font-family: 'montserratregular';}
.stepOne-Info a{ color:#000000; font-size: 14px;}
.offersDealsWrap{ margin-bottom: 20px;}
.offersDealsWrap h3{ margin-bottom: 30px; text-transform: uppercase}
.offersDealsWrap ul{}
.offersDealsWrap ul li{ width: 32%; margin-right: 2%; float: left; overflow: hidden; border-radius: 4px;}
.offersDealsWrap ul li img{ width:100%;}
.offersDealsWrap ul li:last-child{ margin-right: 0;}

/* Step Two
========================================================================*/
.stepWrap.stepTwo-wrap{}
.stepWrap.stepTwo-wrap .stepLeft{}
.stepWrap.stepTwo-wrap .stepLeft h2{}
.stepWrap.stepTwo-wrap .stepLeft .roomFilter-Wrap{-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.1); box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.1);background: #f0f0f0f0;}
.stepWrap.stepTwo-wrap .stepLeft .roomFilter-Wrap .roomFilterInner{ padding: 20px 20px 5px 20px;}
.stepWrap.stepTwo-wrap .stepLeft .roomFilter-Wrap .filterBox{ width: 49.5%; float: left; margin-bottom: 15px;}
.stepWrap.stepTwo-wrap .stepLeft .roomFilter-Wrap .filterBox.firstBox{ margin-right: 1%; position: relative;}
.stepWrap.stepTwo-wrap .stepLeft .roomFilter-Wrap .filterBox .radioBox{ width: 49%; float: left; }
.stepWrap.stepTwo-wrap .stepLeft .roomFilter-Wrap .filterBox .radioBox .radioBoxInner{ padding:15px 10px; border: 1px solid #827e7d; border-radius: 4px;}
.stepWrap.stepTwo-wrap .stepLeft .roomFilter-Wrap .filterBox .radioBox.radioBoxfirst{ margin-right: 2%;}
.stepWrap.stepTwo-wrap .stepLeft .roomFilter-Wrap .filterBox select{ width: 100%; padding: 15px 10px; border: 1px solid #827e7d; border-radius: 4px;}
.stepWrap.stepTwo-wrap .stepLeft .roomFilter-Wrap .filterBox .radioBox input{}
.stepWrap.stepTwo-wrap .stepLeft .roomFilter-Wrap .filterBox .radioBox label{ cursor: pointer;}
.roomsSlider{ margin-top: 50px; margin-bottom: 10px;}
.roomsSlider h2{ margin: 0 0 20px 1%;}
.roomsSlider h2 span{ font-size: 12px;font-family: 'montserratregular'; color: #595959;}
.roomsSlider .slider{}
.roomsSlider .roomGroup{ padding-bottom: 8px; padding:0 8px; margin-bottom: 20px;}
.roomsSlider .roomGroup .roomGroupInner{-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1); box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1); overflow: hidden; border-radius: 4px; min-height: 432px; }
.roomsSlider .roomGroup .roomImg{ border-radius: 4px; overflow: hidden;}
.roomsSlider .roomGroup .roomImg img{ width: 100%;}
.roomsSlider .roomGroup .roomInfo{ color: #000000;font-family: 'montserratregular'; padding: 10px 15px; }
.roomsSlider .roomGroup .roomPrice{ padding:0 15px 10px 15px; font-size: 18px;  color: #000000;font-family: 'montserratsemibold';}
.roomsSlider .roomGroup .roomPrice span{ font-size: 12px;font-family: 'montserratlight';}
.roomsSlider .roomGroup .roomBottom{ background: #031d5a; border-radius: 4px;}
.roomsSlider .roomGroup .roomBottom .addRoom{ width: 66%; float: left;}
.roomsSlider .roomGroup .roomBottom .addRoom .roomTitle{color: #ffffff; padding: 0 4%; width: 42%; float: left; line-height: 44px;}
.roomsSlider .roomGroup .roomBottom .addRoom .numberInput { width: 42%; float: left;}
.roomsSlider .roomGroup .roomBottom .addRoom .numberInput .down{float: left; margin: 13px 0 0 0; padding: 5px; cursor: pointer}
.roomsSlider .roomGroup .roomBottom .addRoom .numberInput .down img{}
.roomsSlider .roomGroup .roomBottom .addRoom .numberInput .up{float: left; margin: 13px 0 0 0; padding: 5px; cursor: pointer}
.roomsSlider .roomGroup .roomBottom .addRoom .numberInput .up img{}
.roomsSlider .roomGroup .roomBottom .addRoom .numberInput input{ float: left; width: 34px; padding: 9px 0; border: none; text-align: center; font-size: 24px; color: #ffffff; background: none; font-family: 'montserratregular'; line-height: 24px;}
.roomsSlider .roomGroup .roomBottom .selectRoom{ width: 34%; float: left;}
.roomsSlider .roomGroup .roomBottom .selectRoom a{ text-align: center; color: #010101; text-transform: uppercase; background: #f0c912; display: block; padding: 14px 10px; border-radius: 4px;font-family: 'montserratsemibold';}
.roomsSlider .roomGroup .roomBottom .selectRoom a:hover{}
.slick-arrow { width: 40px; height: 40px; position: absolute; overflow: hidden; top: 50%; margin-top: -20px; text-indent: -1000px; background: none; border: none; z-index: 9; opacity: 1; transition: 1s;}
.slick-prev.slick-arrow { background: url(../images/left-button.svg) no-repeat center; left: -10px;}
.slick-next.slick-arrow { background: url(../images/right-button.svg) no-repeat center; right: -10px;}
.slick-arrow.slick-disabled { opacity: 0; transition: 1s;}
.stepWrap .stepRight .stepRightInner{-webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1); box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1); padding: 30px;  border-radius: 4px;}
.stepWrap .stepRight .accomodationDetails{ padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #cccccc;}
.stepWrap .stepRight .accomodationDetails table{ width: 100%;}
.stepWrap .stepRight .accomodationDetails table tr{}
.stepWrap .stepRight .accomodationDetails table tr td{ padding: 4px 0;}
.stepWrap .stepRight .accomodationDetails table tr td:first-child{ color: #000000; font-family: 'montserratregular';  width: 40%;}
.stepWrap .stepRight .accomodationDetails table tr td:last-child{ color: #595959;}
.stepWrap .stepRight .roomDetailsWrap{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #cccccc;}
.stepWrap .stepRight .roomDetailsWrap .roomDetails{ width: 50%; float: left;}
.stepWrap .stepRight .roomDetailsWrap .roomDetails .roomName{color: #000000; font-family: 'montserratregular'; font-size: 14px; text-transform: uppercase;}
.stepWrap .stepRight .roomDetailsWrap .roomDetails .roomInfo{}
.stepWrap .stepRight .roomDetailsWrap .roomTottleprice{ width: 50%; float: left; font-size: 18px; line-height: 24px; text-align: right; font-family: 'montserratsemibold'; padding: 15px 0;}
.stepWrap .stepRight .convenienceFeeWrap{ margin-bottom: 20px; padding-bottom: 20px;}
.stepWrap .stepRight .convenienceFeeWrap .convenienceTitle{ width: 50%; float: left; font-size: 14px; font-family: 'montserratregular';}
.stepWrap .stepRight .convenienceFeeWrap .conveniencePrice{ width: 50%; float: left; font-size: 18px; line-height: 24px; text-align: right; font-family: 'montserratsemibold'; }
.stepWrap .stepRight .confirmbookingBtn{ margin-top: 20px;}
.stepWrap .stepRight .confirmbookingBtn a, .stepWrap .stepRight .confirmbookingBtn input{ font-size: 14px; text-transform: uppercase; font-family: 'montserratregular'; color: #ffffff; background: #141d48; display: block; width: 100%; text-align: center; padding: 15px 0; border: 1px solid #141d48; border-radius: 4px; transition: 0.5s;}
.stepWrap .stepRight .confirmbookingBtn a:hover{ color: #f0c912; transition: 0.5s; }

/* Step 3
========================================================================*/
.passengerDetailsWrap{ margin-bottom: 40px;}
.passengerDetailsWrap h2{ }
.passengerDetailsWrap .inputBox{ width: 48%; margin: 0 1% 25px 1%; float: left;  position: relative;}
.passengerDetailsWrap .inputBox label{ display: block; font-family: 'montserratregular'; margin-bottom: 5px;}
.passengerDetailsWrap .inputBox input{ border: 1px solid #827e7d; padding: 16px 10px; border-radius: 4px; width: 94%;}
.passengerDetailsWrap .inputBox .dateInput input{ padding: 15px 10px;}
.passengerDetailsWrap .inputBox select{ border: 1px solid #827e7d; padding: 15px 10px; border-radius: 4px; width: 100%;}
.passengerDetailsWrap .inputBox textarea{ border: 1px solid #827e7d; padding: 15px 10px; border-radius: 4px; width: 94%; height: 17px !important; }
.passengerDetailsWrap .inputBox .width50{ width: 48%; float: left; position: relative;}
.passengerDetailsWrap .inputBox .width50 .radioInput{ border: 1px solid #827e7d; overflow: hidden; border-radius: 4px; }
.passengerDetailsWrap .inputBox .width50 .radioInput label{ color: #595959; width: 50%; float: left; background: none; text-align: center; cursor: pointer; padding: 14px 0; margin-bottom: 0;}
.passengerDetailsWrap .inputBox .width50 .radioInput input{position: absolute; opacity: 0; width: 0; }
.passengerDetailsWrap .inputBox .width50 .radioInput input[type="radio"]:checked+label { background: #f0c912; color: #595959;}
.passengerDetailsWrap .inputBox .width50 input{ width: 88%;}
.passengerDetailsWrap .inputBox .width50 select{ width: 100%;}
.passengerDetailsWrap .inputBox .width50 textarea{ width: 88%;}
.passengerDetailsWrap .inputBox .width50.width50Left{ margin-right: 4%;}
.passengerDetailsWrap .inputBox .width50.width50Right{}
.passengerDetailsWrap .passengerDetailsGroup{ margin-bottom: 40px;}
.passengerDetailsSubmit { margin:0 1% 0 1%;}
.passengerDetailsSubmit input{ font-size: 14px; text-transform: uppercase; font-family: 'montserratregular'; color: #ffffff; background: #141d48; display: block; text-align: center; padding: 15px 60px; border: 1px solid #141d48; border-radius: 4px; transition: 0.5s;}
.passengerDetailsSubmit input:hover{ color: #f0c912; transition: 0.5s;}
.passengerDetailsWrap .inputBox .noError, .noError{ display: none; position: absolute; bottom: -20px; left: 1%; font-size: 11px; color: #e53d3d;}
.passengerDetailsWrap .inputBox .error, .passengerDetailsWrap .inputBox .Error, .Error{  display: block; font-size: 11px; color: #e53d3d;}

/* Step 4
=======================================================================*/
.voyageDetailsWrap{}
.voyageDetailsWrap table{ width: 100%; font-size: 14px; color: #595959;}
.voyageDetailsWrap table tr{}
.voyageDetailsWrap table tr td{ padding: 20px 15px;}
.voyageDetailsWrap table tr td:first-child{ color: #000000; text-transform: uppercase; font-family: 'montserratregular';}
.voyageDetailsWrap table tr td:last-child{}
.voyageDetailsWrap table tr td .tourDetailsBox{ margin-bottom: 10px;}
.voyageDetailsWrap table tr td .tourDetailsBox span.tourDetails{color: #000000; text-transform: uppercase; font-family: 'montserratregular'; margin-left: 5px;}
.voyageDetailsWrap table tr td .accomodationName{color: #000000; text-transform: uppercase; font-family: 'montserratregular';}
.voyageDetailsWrap table tr td .accomodationDetails{ }
.voyageDetailsWrap table tr td .passengerDetailsBox{margin-bottom: 20px; }
.voyageDetailsWrap table tr td .passengerDetailsBox .passengerName{color: #000000; text-transform: uppercase; font-family: 'montserratregular';margin-bottom: 3px;}
.voyageDetailsWrap table tr td .passengerDetailsBox .passengerPhone{margin-bottom: 3px;}
.voyageDetailsWrap table tr td .passengerDetailsBox .passengerDetailsGroup{}
.stepWrap .stepRight .roomDetailsWrap.stepFour .roomTottleprice{ font-size: 18px;}
.stepWrap .stepRight .convenienceFeeWrap.stepFour .conveniencePrice{font-size: 18px;}
.stepWrap .stepRight .grandtotalWrap{font-family: 'montserratsemibold'; margin-bottom: 30px; padding-top: 10px; padding-bottom: 30px; border-bottom: 1px solid #cccccc;}
.stepWrap .stepRight .grandtotalWrap .convenienceTitle{width: 50%; float: left; font-size: 18px; line-height: 18px; }
.stepWrap .stepRight .grandtotalWrap .conveniencePrice{width: 50%; float: left; font-size: 24px; line-height: 24px; text-align: right;}
.stepWrap .stepRight .agreetermsWrap{ margin-bottom: 10px; margin-top: 10px; }
.stepWrap .stepRight .agreetermsWrap input{ float: left;}
.stepWrap .stepRight .agreetermsWrap label{ float: left; margin-left: 10px; line-height: 13px;}
.stepWrap .stepRight .agreetermsWrap a{  color: #000000; }
.stepWrap .stepRight .policyLink{ margin-top: 20px;}
.stepWrap .stepRight .policyLink ul{ color: #595959; }
.stepWrap .stepRight .policyLink ul li{ float: left;}
.stepWrap .stepRight .policyLink ul li a{ padding: 0 10px; border-right: 1px solid #595959; color: #595959; line-height: 12px; transition: 0.5s;}
.stepWrap .stepRight .policyLink ul li:first-child a{ padding-left:0;}
.stepWrap .stepRight .policyLink ul li:last-child a{  border-right: none;}
.stepWrap .stepRight .policyLink ul li a:hover {color: #f0c912; transition: 0.5s;}
/* Stap 5
========================================================================*/
.payment-successfulWrap{ width: 70%; margin: 40px auto 20px auto; -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1); box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1); }
.payment-successfulWrap .payment-successfulMsg{ background: #f0c912; padding: 40px; text-align: center;}
.payment-successfulWrap .payment-successfulMsg img{ margin-bottom: 20px;}
.payment-successfulWrap .payment-successfulMsg h2{ color: #000000;}
.payment-successfulWrap .payment-successfulDetails{ padding: 40px 80px;}
.payment-successfulWrap .payment-successfulDetails .tickitDetails{ margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #cccccc;}
.payment-successfulWrap .payment-successfulDetails .tickitDetails .payDetail{width: 20%; float: left;}
.payment-successfulWrap .payment-successfulDetails .tickitDetails .payDetail .value{font-family: 'montserratregular'; font-size: 14px; color: #000000;}
.payment-successfulWrap .payment-successfulDetails .tickitDetails .payDetail .name{}
.payment-successfulWrap .payment-successfulDetails .roomdetailsWrap{}
.payment-successfulWrap .payment-successfulDetails .roomdetailsWrap .roomDetails-heading{ width: 30%; float: left;}
.payment-successfulWrap .payment-successfulDetails .roomdetailsWrap .roomDetailsGroup{ width: 70%; float: left;}
.payment-successfulWrap .payment-successfulDetails .roomdetailsWrap .roomDetailsGroup .roomDetails{ width: 50%; float: left;}
.payment-successfulWrap .payment-successfulDetails .roomdetailsWrap .roomDetailsGroup .roomNum{font-family: 'montserratregular'; font-size: 14px;}
.payment-successfulWrap .payment-successfulDetails .roomdetailsWrap .roomDetailsGroup .roomType{font-family: 'montserratregular'; font-size: 14px; text-transform: uppercase;}
.payment-successfulWrap .payment-successfulDetails .roomdetailsWrap .roomDetailsGroup .roomInfo{}
.payment-successfulWrap .downloadTicket{}
.payment-successfulWrap .downloadTicket a{ background: #141d48; padding: 15px 0; text-align: center; display: block; font-size: 18px; color: #ffffff;font-family: 'montserratregular'; border-radius: 4px; transition: 0.5s;}
.payment-successfulWrap .downloadTicket a:hover{ color: #f0c912; transition: 0.5s;}
.policyWrap{  width: 70%; margin:10px auto 20px auto;}
.policyWrap ul{}
.policyWrap ul li{ float: left;}
.policyWrap ul li a{ padding: 0 10px; border-right: 1px solid #595959; color: #595959; line-height: 12px;transition: 0.5s;}
.policyWrap ul li:first-child a{ padding-left: 0;}
.policyWrap ul li:last-child a{ border-right:none;}
.policyWrap ul li a:hover{ color: #f0c912; transition: 0.5s;}

/* Login
=======================================================================*/
.pageData.logindata{ background: url("../images/loginBg.jpg") no-repeat top center/cover;}
.pageData.logindata{}
.pageData.logindata .loginWrap{ width: 30%; margin: 40px auto; background: #ffffff; border-radius: 4px; max-width: 390px;}
.pageData.logindata .loginWrap .loginInner{ padding: 40px 30px;}
.pageData.logindata .loginWrap .loginInner h2{}
.pageData.logindata .loginWrap .loginForm{}
.pageData.logindata .loginWrap .loginForm .loginInput{ position: relative; margin-bottom: 25px;}
.pageData.logindata .loginWrap .loginForm .loginInput label{ display: block; font-family: 'montserratregular'; margin-bottom: 5px;}
.pageData.logindata .loginWrap .loginForm .loginInput input{border: 1px solid #827e7d; padding: 16px 10px; border-radius: 4px; width: 94%;  }
.pageData.logindata .loginWrap .loginForm .loginInput inpu.password{ font-size: 16px; -webkit-text-security: disc;}
.pageData.logindata .loginWrap .loginForm .loginForgot{ text-align: right; margin:-10px 0 20px 0;}
.pageData.logindata .loginWrap .loginForm .loginForgot a{ color: #595959; font-size: 11px; transition: 0.5s;}
.pageData.logindata .loginWrap .loginForm .loginForgot a:hover{ color: #f0c912; transition: 0.5s;}
.pageData.logindata .loginWrap .loginForm .loginSubmit{}
.pageData.logindata .loginWrap .loginForm .loginSubmit input{ font-size: 14px; text-transform: uppercase; font-family: 'montserratregular'; color: #ffffff; background: #141d48; display: block; text-align: center; padding: 15px 0; width: 100%; border: 1px solid #141d48; border-radius: 4px; transition: 0.5s;}
.pageData.logindata .loginWrap .loginForm .loginSubmit input:hover{ color: #f0c912; transition: 0.5s;}
.pageData.logindata .loginWrap .loginForm .loginSubmit button{ font-size: 14px; text-transform: uppercase; font-family: 'montserratregular'; color: #ffffff; background: #141d48; display: block; text-align: center; padding: 15px 0; width: 100%; border: 1px solid #141d48; border-radius: 4px; transition: 0.5s;}
.pageData.logindata .loginWrap .loginForm .loginSubmit button:hover{ color: #f0c912; transition: 0.5s;}
.pageData.logindata .loginWrap .register-here{ color: #595959; text-transform: uppercase; font-size: 14px; color: #595959; margin: 20px 0 0 0; text-align: center;}
.pageData.logindata .loginWrap .register-here a{ color: #000000; font-family: 'montserratregular';transition: 0.5s;}
.pageData.logindata .loginWrap .register-here a:hover{color: #f0c912; transition: 0.5s;}
.pageData.logindata .loginWrap .loginInner.trackidWrap h4{margin: 40px 0 20px 0;}
.pageData.logindata .loginWrap .loginForm .loginSubmit a{ color:#141d48; font-family: 'montserratregular'; margin-top: 5px; transition: 0.5s;}
.pageData.logindata .loginWrap .loginForm .loginSubmit a:hover{ color:#f0c912; transition: 0.5s;}
/*
========================================================================*/
.registerWrap{ width: 75%; margin: 40px auto; background: #ffffff; border-radius: 4px;}
.registerWrap .registerInner{ padding:40px 30px;}
.registerWrap .registerInner h2{ margin-left: 1%;}
.registerWrap .registerForm{}
.registerWrap .registerForm .registerInput{width: 48%; margin: 0 1% 25px 1%; float: left; position: relative;}
.registerWrap .registerForm .registerInput label{ display: block; font-family: 'montserratregular'; margin-bottom: 5px;}
.registerWrap .registerForm .registerInput input{ border: 1px solid #827e7d; padding: 16px 10px; border-radius: 4px; width: 94%;}
.registerWrap .registerForm .registerInput select{ border: 1px solid #827e7d; padding: 15px 10px; border-radius: 4px; width: 100%;}
.registerWrap .registerForm .registerInput textarea{ border: 1px solid #827e7d; padding: 16px 10px; border-radius: 4px; width: 94%;}
.registerWrap .registerForm .registerInput .width50{ width: 49%; float: left; position: relative;}
.registerWrap .registerForm .registerInput .width50.width50Left { margin-right: 2%;}
.registerWrap .registerForm .registerInput .width50 input{ width: 89%;}
.registerWrap .registerForm .registerInput .width50 select{ width: 100%;}
.registerWrap .registerForm .registerInput .width30{ width: 32%; float: left; position: relative;}
.registerWrap .registerForm .registerInput .width30.width30Left{margin-right: 2%;}
.registerWrap .registerForm .registerInput .width30.width30Middle{margin-right: 2%;}
.registerWrap .registerForm .registerInput .width30.width30Right{}
.registerWrap .registerForm .registerInput .width30 input{width: 83%;}
.registerWrap .registerForm .registerInput .width30 select{width: 100%;}
.registerWrap .registerForm .registerSubmit{ margin: 0 1%;}
.registerWrap .registerForm .registerSubmit input{ font-size: 14px; text-transform: uppercase; font-family: 'montserratregular'; color: #ffffff; background: #141d48;    display: block; text-align: center; padding: 15px 60px;border: 1px solid #141d48; border-radius: 4px; transition: 0.5s; float: left;}
.registerWrap .registerForm .registerSubmit input:hover{ color: #f0c912;transition: 0.5s;}
.alreadyMember{ float:left; font-size: 14px; color: #595959; text-transform: uppercase; margin: 15px 0 0 30px;}
.alreadyMember a{ color: #000000; font-family: 'montserratregular';transition: 0.5s;}
.alreadyMember a:hover{color: #f0c912; transition: 0.5s;}
/* FOOTER
========================================================================*/
footer { background: #141d48; padding: 30px 0 50px 0; color: #ffffff; }
footer .footeraddWrap { }
footer .footeraddWrap .footeraddInner{ padding-bottom: 50px; border-bottom: 1px solid #595959;}
footer .footeraddWrap .footeradd{ width: 50%; float: left; position: relative;}
footer .footeraddWrap .footeradd.footeraddLeft{}
footer .footeraddWrap .footeradd.footeraddLeft:after{ position: absolute; width: 1px; height: 85%; content: ""; right: 0; top: 18%; background: #595959;}
footer .footeraddWrap .footeradd.footeraddLeft .footeradd-Inner { }
footer .footeraddWrap .footeradd.footeraddRight{}

footer .footeraddWrap .footeradd .footeradd-Inner{padding: 0 10% 0 30%; position: relative;}
footer .footeraddWrap .footeradd .footeradd-Inner .after{ position: relative;}
footer .footeraddWrap .footeradd.footeraddLeft .footeradd-Inner .after:after { position: absolute; content: ""; left:-70px; top: 5px; width:40px; height: 57px; background: url("../images/icon-location.png") no-repeat;}
footer .footeraddWrap .footeradd.footeraddRight .footeradd-Inner .after:after { position: absolute; content: ""; left:-70px; top: 5px; width:46px; height: 44px; background: url("../images/icon-cal.png") no-repeat;}
footer .footeraddWrap .footeradd .footeradd-Inner .foot-add{color: #ffffff;min-height: 75px;}
footer .footeraddWrap .footeradd .footeradd-Inner .foot-add h3{ font-size: 14px; font-family: 'montserratregular'; text-transform: uppercase; color: #ffffff; margin: 30px 0 10px 0;}
footer .footeraddWrap .footeradd .footeradd-Inner .foot-add a{ font-size: 14px; color: #ffffff;}
footer .footer-linkWrap{ padding: 30px 0; border-bottom: 1px solid #595959;}
footer .footer-linkWrap .quicklinkWrap{ width: 60%; float: left;}
footer .footer-linkWrap .quicklinkWrap ul{ margin-top: 10px;}
footer .footer-linkWrap .quicklinkWrap ul li{ float: left;}
footer .footer-linkWrap .quicklinkWrap ul li:last-child{}
footer .footer-linkWrap .quicklinkWrap ul li a{ color: #ffffff; text-transform: uppercase; font-size: 14px; padding: 0 20px; position: relative; transition: 0.5s;}
footer .footer-linkWrap .quicklinkWrap ul li a:after{ width:1px; background: #ffffff; position: absolute; right: 0; top: 0; height: 100%; content: "";}
footer .footer-linkWrap .quicklinkWrap ul li:last-child a:after{ display: none; transition: 0.5s;}
footer .footer-linkWrap .quicklinkWrap ul li a:hover{ color: #f0c912; transition: 0.5s;}
footer .socialinkWrap{ width: 40%; float: left;}
footer .socialinkWrap ul{ float: right; margin-right: 20px;}
footer .socialinkWrap ul li{ float: left; margin-right: 10px;}
footer .socialinkWrap ul li:last-child{}
footer .socialinkWrap ul li a{ }
footer .socialinkWrap ul li a img{ padding: 10px; border: 1px solid #9095a9; border-radius: 4px; transition: 0.5s;}
footer .socialinkWrap ul li a:hover img{ border: 1px solid #f0c912; transition: 0.5s;}
footer .footerlink{ padding-top:40px; }
footer .footerlink ul{}
footer .footerlink ul li{ float: left;}
footer .footerlink ul li a{ color: #ffffff; position: relative; padding: 0 12px; border-right: 1px solid #9095a9; transition: 0.5s;}
footer .footerlink ul li:last-child a{ border: none;}
footer .footerlink ul li a:hover{color: #f0c912; transition: 0.5s;}
/*
========================================================================*/
.bookticketWrap{ width: 70%; margin: 40px auto 20px auto; -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);  -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);  box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1); padding:40px;}
.bookticketWrap .trackidWrap{}
.bookticketWrap .trackidWrap h1{font-size: 18px; line-height: 18px; text-transform: uppercase;  margin-bottom: 30px;}
.bookticketWrap .trackidWrap .trackingDetails{}
.bookticketWrap .trackidWrap .trackingDetails .respTable{}
.bookticketWrap .trackidWrap .trackingDetails .respTable table{ width: 100%;}
.bookticketWrap .trackidWrap .trackingDetails .respTable table tr{}
.bookticketWrap .trackidWrap .trackingDetails .respTable table tr th{font-family: 'montserratregular'; font-size: 14px; color: #000000; padding: 10px 18px;background: #f1f1f1;}
.bookticketWrap .trackidWrap .trackingDetails .respTable table tr td{ padding: 10px 18px; background: #f9f9f9;}
.bookticketWrap .trackidWrap .trackingDetails .respTable table tr td a{font-family: 'montserratregular'; color: #f0c912; cursor: pointer;}

/* Slick Slider
========================================================================*/
.slick-slider{position:relative; display:block; -moz-box-sizing:border-box;  box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; 	user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer; cursor:hand;}
.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0);  -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track{position:relative; top:0; left:0; display:block;}
.slick-track:before, .slick-track:after{display:table; content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left; height:100%; min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block; height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden {display:none;}
/* HEADINGS
========================================================================*/
h1, h2, h3, h4, h5, h6 { color: #000000; font-family: 'montserratsemibold';}
h1 { font-size: 20px; line-height: 20px; text-transform: uppercase;}
h2 { font-size: 18px; line-height: 18px; text-transform: uppercase; margin-bottom: 30px;}
h3 { font-size: 16px; line-height: 16px;}
h4 { font-size: 15px; line-height: 15px;}
h5 { font-size: 14px; line-height: 14px;}
h6 { font-size: 13px; line-height: 13px;}
p { margin-top: 10px; }
p:first-child { margin: 0; }
/* FORM
========================================================================*/
label {font-weight: bold;}
input, textarea, select { font-family: 'montserratlight';}
input:focus, textarea:focus { }

/* Font Family 
=======================================================================*/
@font-face {
    font-family: 'montserratlight';
    src: url('fonts/montserrat-light-webfont.eot');
    src: url('fonts/montserrat-light-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/montserrat-light-webfont.woff') format('woff'),
         url('fonts/montserrat-light-webfont.ttf') format('truetype'),
         url('fonts/montserrat-light-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratregular';
    src: url('fonts/montserrat-regular-webfont.eot');
    src: url('fonts/montserrat-regular-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/montserrat-regular-webfont.woff') format('woff'),
         url('fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('fonts/montserrat-regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratsemibold';
    src: url('fonts/montserrat-semibold-webfont.eot');
    src: url('fonts/montserrat-semibold-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/montserrat-semibold-webfont.woff') format('woff'),
         url('fonts/montserrat-semibold-webfont.ttf') format('truetype'),
         url('fonts/montserrat-semibold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratbold';
    src: url('fonts/montserrat-bold-webfont.eot');
    src: url('fonts/montserrat-bold-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/montserrat-bold-webfont.woff') format('woff'),
         url('fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('fonts/montserrat-bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}