@charset "utf-8";

/*=========== POWERED BY MERIDIAN SOLUTIONS INC ============*/

/*************** DEFAULT CSS ***************/
body{
 	
 	font-family: 'Poppins', sans-serif;
	font-size:15px;
	font-style: normal;
	line-height: normal;
	font-weight:400;
	color: #303030;
	text-decoration: none;
	margin:0px;
	-webkit-font-smoothing: antialiased;
	padding:0;
	background-color: #f0f0f0;
	
}
html{ scroll-behavior: smooth;}
* {
    -webkit-box-sizing: border-box;
    -mox-box-sizing: border-box;
    box-sizing: border-box;
}
::selection {
    background: #000; /* Safari */
	color:#fff;
        }
::-moz-selection {
    background: #000; /* Firefox */
	color:#fff;
}
a {
	color:#20C7F5;
	text-decoration: none;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	}
	a:hover {
	color: #103FA8;
    }
p {
	margin:0 0 30px 0;
	clear:left;
	padding:0;
	line-height: 24px;
	}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 20px 0;
	padding:0;
	font-weight:normal;
	}	
hr {
	margin:40px  0 60px 0;
	height:1px;
	border:0;
	border-top:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
	float:left;
	width:100%;
	position:relative;
}
img{
	border:0;
}	
a img {
	border: 0;
	}

/*************** PRELOADER ***************/
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:999999; /* makes sure it stays on top */
}
#status {
	width:100%;
	height:100%;
	position:absolute;
	left:0; /* centers the loading animation horizontally one the screen */
	top:0; /* centers the loading animation vertically one the screen */
	background-image:url(../images/vivekananda-travels-logo.png); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:0; /* is width and height divided by two */
}

/*************** COLUMS AND ROWS ***************/
main{
    position:relative;
	}
.row-flex{ width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    display: block;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
.row{
	width:100%;
	display:block;
	float:left;
	margin:0 0 30px 0;
	padding:0;
}
.container{
	width:1180px;
	margin:0 auto;
}
.fullwidth{
	width:100%;
	display:block;
}
.clearfix{
	width:100%;
	height:100px;
	float:left;
	margin:0;
	padding:0;
	display:block;
}
.two-col{
	width: 47%;
    float: left;
    margin-right: 5%;
}
.three-col{
	width:30%;
	float:left;
	margin-right:5%;
}
.four-col{
	width:22%;
	float:left;
	margin-right:4%;
}
.last{
	margin-right:0 !important;
}
section {
	width: 100%;
	float: left;
	position: relative;
}
aside {
    width: 20%;
    float: left;
    margin: 0;
    padding: 0;
}
summary {
    width: 80%;
    float: right;
    margin: 0;
    padding: 0 0 0 30px;
}
.col{
	float:left;
}
.smd1{
	 width:100%;
	 }

.smd2{
	 width:50%;
	 }


.smd3{
	 width:33.33333333333333%;
	 }

.smd4{
	 width:25%;
	 }

.smd5{
	 width:20%;
	 }

.gutter{
	padding:15px;
}
.text-center{ text-align: center; }
.list{padding: 0px;margin: 0 0 25px;float: left;width: 100%;}
.list li{float: left;width: 100%;padding: 0px 0 18px 55px;background-repeat: no-repeat;background-image: url(../images/list.png);background-position: top 4px left;margin-bottom: 20px;list-style: none;-webkit-transition: all 300ms ease-in-out;position: relative;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;font-size: 16px;line-height: 24px;border-bottom: 1px solid #e2e2e2;}
.list li a{ float: left; width: 100%; font-weight: 700; color: #166A94; }
.link{}
.link a{display: inline-block;color: #fff;padding: 12px 22px;background-color: #ff7100;  font-weight: 700; font-size: 14px; text-transform: uppercase;}
.link a:hover{ background-color: #3f3f3f; color: #fff; }
.max-width{ max-width: 100%; }
.notify-link a {
display: inline-block;
    color: #ccc;
    padding: 4px 8px;
    background-color: #777;
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    margin-top: 4px;
    margin-bottom: 4px;
    border-radius: 6px;
}
.notify-link a:hover {
	background-color: #333;
	color: #fff;
	}


/*************** HOME PAGE CSS ***************/
header{background-color: #fff;float: left;width: 100%;padding: 32px 0px;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;top: -200px; box-shadow: 0px 3px 30px #00000042; -webkit-box-shadow: 0px 3px 30px #00000042;
-moz-box-shadow: 0px 3px 30px #00000042; -ms-box-shadow: 0px 3px 30px #00000042;}
.logo{position: absolute;width: 184px;height: 60px;left: 50%;margin-left: -92px;top: 20px; -webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.header-left{ float: left; }
.call{position: relative;background-image: url(../images/icons/icon1.png);background-position: left center;background-repeat: no-repeat;padding-left: 45px;font-size: 12px;color: #5a5a5a;text-transform: uppercase;line-height: 20px;font-weight: 600;}
.call a{ color: #222222; font-size: 14px; font-weight: 600; }
.header-right{ float: right; }
.whtsp-chat{text-align: right;background-image: url(../images/icons/icon2.png);background-position: right center;padding-left: 0;padding-right: 45px;}
.booking-hm{ padding: 0 0 30px; }
.search-wrap{float: left;width: 100%;text-align: center;margin-top: -60px; margin-bottom: 80px;}
.search-box{display: inline-block;width: 100%;padding: 35px;background-color: #fff;box-shadow: 0px 5px 30px #00000024;-webkit-box-shadow: 0px 5px 30px #00000024;-moz-box-shadow: 0px 5px 30px #00000024;-ms-box-shadow: 0px 5px 30px #00000024;}
.search-box .fieldset{ background-position: left 12px center; background-repeat: no-repeat; padding: 6px 10px 6px 48px;  margin: 0px -1px 0 0;}
.fieldset-select .fieldset{padding: 6px 10px 6px 0;border: none;height: 47px;}
.search-box .fieldset-select{width: 20%;background-image: url(../images/icons/icon3.png); background-position: left 12px center; 
background-repeat: no-repeat; float: left; padding: 0px 0 0px 48px; border: 1px solid #cccccc; border-right: none;}
.search-box .fieldset1{width: 20%;background-image: url(../images/icons/icon4.png);}
.search-box .schedules{background-image: url(../images/icons/icon11.png);}
.search-box .sendbutton{width: 20%;margin: 0px;height: 49px;font-size: 14px;padding: 0px;}
.package-wrap{float: left;width: 100%;margin-bottom: 50px;background-color: #fff;box-shadow: 0px 5px 30px #00000024;-webkit-box-shadow: 0px 5px 30px #00000024;
-moz-box-shadow: 0px 5px 30px #00000024;-ms-box-shadow: 0px 5px 30px #00000024;padding: 40px 20px 40px 35px;border-left: 5px solid #fc7100;
-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.package-wrap:hover{ box-shadow:0px 5px 30px #00000047;-webkit-box-shadow:0px 5px 30px #00000047;-moz-box-shadow:0px 5px 30px #00000047;
-ms-box-shadow:0px 5px 30px #00000047; }
.packg-box{float: left;width: 16.66666666666666%;margin-top: 0px;}
.packg-box3 { width: 21%;} 
.packg-box4 { width: 12%;}
.packg-box h3{ color: #ff7100; font-size: 16px; margin-bottom: 0px;}
.packg-box h3 span{ color: #42352a; font-weight: 700; }
.packg-box i{ color: #b7b2ae; font-size: 22px; float: left; margin-right: 10px; }
.packg-box1 h3, .packg-box2 h3, .packg-box3 h3, .packg-box4 h3, .packg-box5 h3{ color: #646464; }
.packg-box2 h3, .packg-box3 h3{ font-size: 14px; }
.packg-box3 h3{ color: #ff7100;font-size: 14px; }
.packg-box3 h3 span{ text-transform: uppercase; color: #646464; font-weight: 500; }
.packg-box5 h3{ font-size: 20px; font-weight: 700; margin-bottom: 6px; }
.packg-box5{text-align: center;margin-top: 0;}
.latest-updates-left{ float: left; width: 31.3%; }
.view-pack-box{float: left;width: 100%;position: relative;padding-right: 56px;padding-bottom: 54px;}
.view-pack-box:after{ position: absolute; content: ''; width: 259px; height: 331px; right: 0px; bottom: 0px; background-image: url(../images/shape.png);
background-position: center; background-repeat: no-repeat; }
.pack-left{ float: left; width: 31.3%; }
.view-pack-box img{ width: 100%; }
.pack-cnt{ position: absolute; width: 85%; left: 0px; top: 80px; text-align: center; padding: 28px; z-index: 1;}
.pack-cnt h4{ font-weight: 700; color: #fff; text-transform: uppercase; margin-bottom: 6px;}
.pack-cnt h3{ font-size: 35px; color: #fff; font-weight: 200; text-transform: uppercase;}
.latest-updates{ padding:0 0px 50px; }
.latest-updates-right{ float: left; padding-left: 80px; width: 60%; }
.latest-updates-right h2{ color: #42352a; margin-bottom: 30px; font-size: 26px; font-weight: 700; }
footer{ float: left; width: 100%; padding: 50px 0px 45px; background-color: #42352a; text-align: center; }
.call-mail{font-size: 16px;font-weight: 200;color: #fff;border-bottom: 1px solid #ffffff2e;padding-bottom: 20px;margin-bottom: 20px;}
.call-mail a{ color: #fff; }
.call-mail span{ color: #ff7100; }
.lft-sp{ margin-left: 20px; }
.copy-link, .copy-link a{color: #fff;font-size: 14px;font-weight: 300;}
.copy-link{ margin-bottom: 0px; }
.copy-link a{ padding: 0 8px; }
footer a:hover{ color: #ff7100;  }
.viewpop a{ border: 1px solid #d3d3d3; padding: 5px 10px; display: inline-block; font-size: 13px; border-radius: 50px; margin-top: 6px;
font-weight: 500; }
.viewpop a:hover{ background-color: #d3d3d3; color: #103FA8; text-decoration: none; }


/*************** INNER PAGE CSSS ***************/
.pad{ padding: 80px 0px; }
.booking-left{float: left; width: 36%;}
.sea-wrap{float: left;background-color: #ffffff;padding: 15px;box-shadow: 0px 2px 30px #00000026;border: 1px solid #d6d6d6; border-top: 5px solid #717171;}
.seat-box-wrap{}
.seat4{ float: left; width: 100%; padding: 0px; margin: 0px; }
.seat4 li{float: left;width: 53px;height: 48px;text-align: center;color: #000;font-size: 12px;list-style: none;padding: 5px;}
.seat4 li a{float: left;background-image: url(../images/icons/icon6.png);background-position: center;background-repeat: no-repeat;width: 100%;height: 100%;color: #000;}
.seat4 li span{font-size: 12px;font-weight: 600;margin-top: 10px;float: left;width: 100%;color: #3e3e3e;}
.seat4 .blank-spc a{ background: transparent; }
.driving-seat{ padding-bottom: 12px; float: left; width: 100%; border-bottom: 1px solid #d8d8d8; margin-bottom: 15px;}
.driving-seat img{ float: right; }
.driving-seat span{ font-size: 12px;  float: left; }
.seat4 li.seatSelected a{ background-image: url(../images/icons/icon7.png); }
.seat4 li.booked a { background-image: url(../images/icons/icon8.png);cursor: initial;}
.seat4 li.blocked a, .seat4 li.selected a{ background-image: url(../images/icons/icon9.png); }
.seat-avlbl{float: left;width: 100%;margin-bottom: 15px;}
.seat-statusbar{float: left;margin: 0px;background-color: #fff;padding: 20px 15px 16px;box-shadow: 0px 2px 30px #00000026;max-width: 349px;min-width: 349px;}
.seat-statusbar li{list-style: none;float: left;width: 50%;}
.seat-statusbar li span{float: left;width: 100%;position: relative;margin-bottom: 12px;padding-left: 35px;font-weight: 500;font-size: 14px;}
.seat-statusbar li span:after{position: absolute;content: '';width: 22px;height: 22px;border-radius: 50px;left: 0px;top: 0px;background-color: #b2b2b2;}
.seat-statusbar li .avbl-bar:after{background-color: #979797;}
.seat-statusbar li .book-bar:after{background-color: #7f82f8;}
.seat-statusbar li .slct-bar:after{background-color: #35bf27;}
.seat-statusbar li .blk-bar:after{background-color: #fb3939;}
.booking-right{ float: left; width: 64%; padding: 40px; background-color: #fff; box-shadow: 0px 2px 30px #00000026; -webkit-box-shadow: 0px 2px 30px #00000026;
-moz-box-shadow: 0px 2px 30px #00000026; -ms-box-shadow: 0px 2px 30px #00000026;}
.heading{ color: #42352a; margin-bottom: 30px; font-size: 26px; font-weight: 700;}
.booking-right-seat5{ width: 60%; }
.booking-left-seat5{ width: 40%; }
.label{ float: left; width: 100%; margin-bottom: 10px;font-weight: 600; }
.seat-avlbl-normal .seat-statusbar{ max-width: 296px; min-width: 296px; }
.booking-detail-left{float: left;width: 68%;background-color: #fff;padding: 30px;box-shadow: 0px 2px 30px #00000026;-webkit-box-shadow: 0px 2px 30px #00000026;-moz-box-shadow: 0px 2px 30px #00000026;-ms-box-shadow: 0px 2px 30px #00000026;}
.booking-detail-left input.edit-input {width: 100%;}
.book-dtl-list{ padding: 0px; margin: 0px;    text-align: left;}
.book-dtl-list li{ list-style: none; border-bottom: 1px solid #e2e2e2; padding: 10px 0px;float: left; width: 100%;}
.book-dtl-list li .fld-left{float: left;width: 36%;font-weight: 600;}
.book-dtl-list li .fld-right{ float: left;width: 58%; }
.book-dtl-list li .space{ float: left; width: 6%;}
.book-dtl-list-pls{background-color: #d7f7de;margin-bottom: 15px;padding: 10px 20px; float: left; width: 100%;}
.book-dtl-list-pls li{border-bottom: 1px solid #b3dbbc;}
.book-dtl-list-pls li:first-child{ border-top: none;  }
.book-dtl-list-pls li:last-child{ border-bottom: none;  }
.book-dtl-list-pls li .fld-right{ font-weight: 600; }
.booking-detail-right{float: right;width: 30%;padding: 20px;background-color: #fff;box-shadow: 0px 2px 30px #00000026;-webkit-box-shadow: 0px 2px 30px #00000026;-moz-box-shadow: 0px 2px 30px #00000026;-ms-box-shadow: 0px 2px 30px #00000026;}
.total-list{ margin: 0 0 20px; padding: 0px; float: left; width: 100%;}
.total-list li{ list-style: none; float: left; width: 100%; border-bottom: 1px solid #e2e2e2; padding: 10px 0px;}
.tot-left{ float: left;}
.tot-right{ float: right;}
.booking-detail-right h4{ float: left; width: 100%; margin-bottom: 5px; font-size: 14px; text-align: center;}
.booking-detail-right h5{ text-align: center;}
.pay-raso-img{ margin-bottom: 3px; text-align: center;}
.booking-detail-right .sendbutton{ width: 100%; text-align: center; margin-bottom: 15px;}
.thnk-u-wrap{float: left;width: 100%;text-align: center;margin-top: 70px;}
.thank-u{display: inline-block;width: 70%;position: relative;background-color: #fff;padding: 60px 30px 60px;box-shadow: 0px 2px 30px #00000026;-webkit-box-shadow: 0px 2px 30px #00000026;-moz-box-shadow: 0px 2px 30px #00000026;-ms-box-shadow: 0px 2px 30px #00000026;background-image: url(../images/bg1.png);background-position: top center;background-repeat: no-repeat;min-height: 500px;border-radius: 25px;}
.thank-u h3{text-align: center;color:#083981;font-size: 48px;font-weight: 700;font-family: 'Oswald', sans-serif;text-transform: uppercase;
margin-top: 85px;}
.thank-u h3 i{ font-size: 46px;}
.hand-icon{ margin-top: -137px; text-align: center;}
.hand-icon span{ display: inline-block; width: 190px; height: 190px; background-color: #fff; border-radius: 100px; padding-top: 14px;
box-shadow: 0px 11px 20px #00000059;}
.tnk-prs-dtl{font-size: 17px;  line-height: 28px;}
.countown-wrp{float: left;width: 100%;padding: 16px 20px 15px;text-align: center;background-color: #fff;margin-bottom: 35px;box-shadow: 0px 2px 30px #00000026;-webkit-box-shadow: 0px 2px 30px #00000026;-moz-box-shadow: 0px 2px 30px #00000026;-ms-box-shadow: 0px 2px 30px #00000026;}
#clockdiv{display: inline-block;margin: 0;}
.countown-box{padding: 2px; display: inline-block; }
.countown-box span{padding: 5px;background: #fb0e02;display: inline-block;width: 48px;height: 48px;line-height: 39px;font-weight: 600;font-size: 15px;margin-bottom: 5px;color: #fff;}
.countown-none{ display: none; }
.countown-box h4{margin-bottom: 0;font-size: 11px;font-weight: 500;}
.left-count{float: left;margin-top: 14px;padding: 0 14px;text-align: left;line-height: 20px;}
.left-count h5{ margin-bottom: 0;}
.right-count{ float: left; }
#clockdiv p{ margin-bottom: 0px; }
.book-dt-pad{padding: 40px 0px 60px;}
.search-fail-inn{float: left;width: 100%;text-align: center;position: relative;background-color: #ffbbb8;padding: 30px 30px 32px;
box-shadow: 0px 2px 30px #ffafaa;-webkit-box-shadow: 0px 2px 30px #ffafaa;-moz-box-shadow: 0px 2px 30px #ffafaa;
-ms-box-shadow: 0px 2px 30px #ffafaa;border-radius: 25px;margin-bottom: 60px;}
.search-fail-inn p{ margin-bottom: 15px; }
.search-fail-inn p i{font-size: 55px;color: #fb0d00;}
.search-fail-inn h3{font-size: 22px;font-weight: 600;color: #4a4a4a;margin-bottom: 5px;}
.search-fail-inn h4{font-size: 17px;color: #4a4a4a;margin-bottom: 0;}
.booking-fail-wrap{ float: left; width: 100%; text-align: center; }
.booking-fail-inn{display: inline-block;width: 54%;position: relative;background-color: #ffbbb8;padding: 60px 30px 60px;box-shadow: 0px 2px 30px #ffafaa;-webkit-box-shadow: 0px 2px 30px #ffafaa;-moz-box-shadow: 0px 2px 30px #ffafaa;-ms-box-shadow: 0px 2px 30px #ffafaa;border-radius: 25px;}
.booking-fail-inn h5{ font-size: 62px; color: #fb0d00; margin-bottom: 10px;}
.booking-fail-inn h3{ font-size: 28px; font-weight: 700; margin-bottom: 10px; color: #303030;}
.booking-fail-inn p{margin-bottom: 20px; color: #303030;}
.travel-detail { width: 100%; padding: 12px 12px 0; background-color: #fff; float: left; margin-left: 5%; box-shadow: 0px 2px 30px #00000026; -webkit-box-shadow: 0px 2px 30px #00000026;
-moz-box-shadow: 0px 2px 30px #00000026; -ms-box-shadow: 0px 2px 30px #00000026;}
.form-two{ float: left; width: 49.5%; margin-right: 1%; }
.error{ color: #f00; font-size: 13px; }

.sleeper-booking-wrap{
    display: flex;
    width: 100%;
    justify-content: space-between;
	position: relative;
}
.sleeper-booking-left{
    flex: 0 0 53px;
}
.sleeper-booking-right{
    flex: 0 0 106px;
}
.driving-seat h5{ margin-bottom: 0px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fe0000;}
	.sleeper-seat li{ height: 96px;}
.sleeper-seat li a{ background-image: url(../images/icons/slp-seat.png);}
.sleeper-seat li.booked a{ background-image: url(../images/icons/slp-seat-3.png);cursor: initial;}
.sleeper-seat li.blocked a, .sleeper-seat li.selected a{ background-image: url(../images/icons/slp-seat-1.png); }
.sleeper-seat li.selected a, .sleeper-seat li.seatSelected a{ background-image: url(../images/icons/slp-seat-2.png);}
.sleeper-booking-right .seat4 li.selected a{background-image: url(../images/icons/icon7.png);}
.sleeper-booking-wrap:after{     position: absolute;
    content: '';
    background-image: url(../images/lower.png);
    width: 18px;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    left: 50%;
    margin-left: -34px;}
.sleeper-booking-wrap-upper:after{ 
    background-image: url(../images/upper.png);}

.sleeper-booking-top-left{width: 50%; padding-right: 30px;}
.sleeper-seat-booking-out-wrap{display: flex;width: 100%;gap: 25px 1%;}
.sleeper-booking-right-detail{width: 50%; padding: 20px;}
.sleeper-seat-booking-out-wrap .sea-wrap{ box-shadow: 0 0 0 transparent;     padding: 15px 20px;
    position: relative;}
.sleeper-seat-booking-out-wrap .sea-wrap:after{position: absolute;content: '';right: 6px;top:0px;width: 11px;height: 100%;background-image: url(../images/icons/wind-side.png);background-position: center;background-repeat: no-repeat;}
.sleeper-seat-booking-out-wrap .sea-wrap:before{position: absolute;content: '';left: 7px;top:0px;width: 11px;height: 100%;background-image: url(../images/icons/wind-side.png);background-position: center;background-repeat: no-repeat;}
.sleeper-booking-right-detail .heading {  margin-bottom: 15px;}
.sleeper-seat-statusbar{
    min-width: 100%;
    display: flex;
    gap: 10px 1%;
    flex-wrap: wrap;
    padding: 20px 15px;
}
.sleeper-seat-statusbar li{
    width: 24.222222222%;
}
.sleeper-seat-statusbar li span{
    margin-bottom: 0;
}
.no-pushbck a{ position: relative;}
.no-pushbck a:after{ position: absolute;
    content: '';
    left: 11px;
    top: 8px;
    width: 20px;
    height: 16px;
    border-top: 2px solid #3f50ff;
    border-bottom: 2px solid #3f50ff;}




/*************** FIXED HEADER ***************/
header.smaller {top:0; left:0px; position: fixed; z-index: 99; background-color: #fff; -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out; padding:13px 0px; box-shadow: 0px 3px 30px #00000042; -webkit-box-shadow: 0px 3px 30px #00000042;
-moz-box-shadow: 0px 3px 30px #00000042; -ms-box-shadow: 0px 3px 30px #00000042;}
header.smaller .logo { top: 2px; -webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}

header.time-header.booking-header .logo {position:relative;top: 0;margin-bottom: 0;}

/*************** TABLE STYLE ***************/
.table-style {border-collapse: collapse;width: 100%;margin-bottom: 15px;}
.table-style td, .table-style th {border: 1px solid #d0d0d0;padding: 5px;font-size: 14px;}
.table-style th {padding-top: 8px;padding-bottom: 8px;text-align: left;background-color: #eaeaea;color: #6d6d6d;font-weight: 500;}
.table-style .age-tbl{ width: 78px; }


/*************HOVER EFFECT*******/
.hover-effect{width:100%;	float:left;	position:relative;	overflow:hidden;}
.hover-effect i{width:50px;	height:50px;background-color:#f67030;color:#fff;position:absolute;left:50%;	top:-100px;	z-index:1;line-height:50px;
text-align:center;margin:0 0 0 -25px;-webkit-transition: all 300ms ease-in-out;	-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;}
.hover-effect:hover i{top:50%;margin:-25px 0 0 -25px;}
.hover-effect:hover i:hover{background-color:#00ac9b;}
.hover-effect img { display:block;  -moz-transition: all 7s ease;  -o-transition: all 7s ease; -webkit-transition: all 7s ease; transition: all 7s ease;
width:100%;}
.hover-effect:hover img { -moz-transform: scale(1.5, 1.5); -ms-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5);
transform: scale(1.5, 1.5);}
.hover-effect:after { background:#FFF; width:0; height: 0; position: absolute; left: 50%; bottom: 50%; content: ''; opacity: 0.7;
-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.hover-effect:hover:after {	opacity: 0.1;width: 100%;height: 100%;left: 0;  bottom: 0;}

/*************RADIO BUTTON*******/
.radio-btn-wrap{ float: left; width: 100%; position: relative;  }
.radio-buton {
  position: relative;
  padding-left: 25px;
  margin-bottom: 5px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: left;
  margin-right: 10px;
}

/* Hide the browser's default radio button */
.radio-buton input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #cbcbcb;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radio-buton:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radio-buton input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-buton input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio-buton .checkmark:after {
 	top: 7px;
 	left: 7px;
 	width: 7px;
 	height: 7px;
 	border-radius: 50%;
 	background: white;
}



div#booking-cancelled-div {
    padding: 40px 30px;
    width: 40%;
    margin: 0 auto;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    background: #fff;
    text-align: center;
    border-radius: 20px;
}

div#booking-cancelled-div p {
    margin-bottom: 0;
    font-size: 20px;
}

div#booking-cancelled-div i {
    width: 45px;
    height: 45px;
    background: #ffc8c8;
    margin-bottom: 25px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #ff0000;
    font-size: 30px;
}

.search-box span.select2-selection.select2-selection--single {
    height: 47px;
    border: 0;
	padding: 10px 0;
}
.search-box  .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50%;
    transform: translateY(-50%);
}
.search-box .select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 0;
}
.search-box .fieldset-select {font-size: 14px;}


/**********forms**************/
form{
	margin:0;
	padding:0;
}
*:focus {  
	outline: none;
}
.form-group{ float: left; width: 100%; margin-bottom: 15px; }
.fieldset{
	width: 100%;
	    height: 49px;
	    padding: 6px 10px 6px 10px;
	    background-color: none;
	    background-color: transparent;
	    display: block;
	    border: 1px solid #cccccc;
	    margin: 0;
	    color: #020202;
	    font-size: 14px;
	    float: left;
	    font-size: 14px;
}
.fieldset-textarea{height: 120px;}
.table-style .fieldset{ height: 35px;padding: 6px;}
.table-style .fieldset-textarea{height: 80px;}
.cntry-code-wrap{ position: relative; }
.cntry-code-wrap .cntry-code{position: absolute;left: 0px;top: 0px;width: 45px;text-align: center;height: 49px;line-height: 49px;border-right: 1px solid #cccccc;}
.cntry-code-wrap .fieldset{ padding-left: 55px;}
.sendbutton{
	width:auto;
	height:auto;
	border:0;
	outline:0;
	margin:0;
	display: inline-block;
	color:#fff;
	font-size: 14px;
	cursor:pointer;
	vertical-align:top;
	padding: 15px 30px 14px;
	text-align:center;
	background-color: #ff7100;
	text-transform:uppercase;
	font-weight: 700;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	
	}
.sendbutton:hover{
	background-color: #2f2f2f;
	color:#fff;
	}
.fieldset-txt-area{ height: 100px; }
::-webkit-input-placeholder {
   color: #565656 !important;
}
:-moz-placeholder { /* Firefox 18- */
   color: #565656 !important;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #565656 !important;
}
:-ms-input-placeholder {  
   color: #565656 !important;
}

/************************************* 1180px *************************************/
@media only screen and (max-width: 1180px) {
.container{ width:96%;}
.booking-left, .booking-right{ width: 50%; }
.sleeper-booking-top-left {
    width: 60%;}
.sleeper-booking-right-detail {
    width: 40%;}
}

/************************************* 1024px *************************************/
@media only screen and (max-width: 1024px) {
.container{ width:90%;}
.search-box { width: 100%;}
.pack-cnt { padding: 8px;}
.pack-cnt h3 { font-size: 24px;}
}

/************************************* 980px *************************************/
@media only screen and (max-width: 980px) {
.logo { position: relative; width: 100%; height: auto; left: 0; margin-left: 0; top: 0; text-align: center; margin-bottom: 15px;}
header { padding: 12px 0px;}
.sleeper-booking-top-left, .sleeper-booking-right-detail{ width: 100%;}
.sleeper-booking-top-left{ padding-right: 0px;}
.sleeper-seat-booking-out-wrap .sea-wrap{ width: 50%;}
.sleeper-seat-booking-out-wrap{ margin-bottom: 25px;}
}

/************************************* 800px *************************************/
@media only screen and (max-width: 800px) {
.package-wrap { width: 50%;}
.packg-box { float: left; width: 100% !important; margin-top: 0; margin-bottom: 16px; text-align: left;}
.latest-updates-left, .latest-updates-right{ width: 100%; padding-left: 0px; margin-bottom: 25px; }
}

/************************************* 767px *************************************/
@media only screen and (max-width: 767px) {
.two-col, .three-col, .four-col, aside, summary, .booking-detail-left, .booking-detail-right{ width:100%; margin:0 0 25px 0; }
.smd2, .smd3, .smd4{ width: 50%; }
header .container{ width: 95%; }
.booking-left, .booking-right{ width: 100%; }
.booking-left{ margin-bottom: 30px;text-align: center; }
.sea-wrap, .seat-statusbar{ float: none; display: inline-block; }
.seat-statusbar li{ text-align: left; }
.thank-u{ width: 100%;    background-size: 742px; }
.booking-fail-inn{ width: 100%; padding: 20px; }
.travel-detail { margin: 25px 0; }
.sleeper-seat-statusbar{ display: flex;}
}

/************************************* 640px *************************************/
@media only screen and (max-width: 640px) {
.smd2, .smd3, .smd4{ width: 100%; }
.package-wrap { width: 100%;}
header.smaller{ position: relative; }
header{ top:0px; }
.search-box { padding: 25px;}
.search-box .fieldset-select, .search-box .fieldset1, .search-box .sendbutton{ width: 100%; }
.search-box .fieldset-select, .search-box .fieldset1{ margin-bottom: 10px; }
.search-wrap { margin-top: 35px;}
.search-wrap{ margin-bottom: 50px; }
/*.header-left, .header-right { width: 100%; text-align: center;}*/
/*.whtsp-chat, .call{ text-align: center; padding: 0px; background-image: none; }*/
.booking-left, .booking-right, .book-dtl-list li .fld-left{ width: 100%; }
.booking-left{ margin-bottom: 50px; }
.booking-right{padding: 20px;}
.book-dtl-list li .space{ display: none; }
.book-dtl-list li .fld-left{ margin-bottom: 6px; }
.booking-detail-left { padding: 20px;}
.countown-wrp{ position: fixed; left: 0px; top: 0px; z-index: 100; padding: 7px 10px 2px; }
.time-header{ padding-top: 120px; }
.left-count { padding: 0 14px 0 0;}
#clockdiv{ width: 100%; }
.right-count { float: right;}
.booking-fail-inn h3 { font-size: 22px;}
.table-style td, .table-style th, .table-style .age-tbl{ display: block; float: left; width: 100%; }
.search-box .fieldset-select{ border-right: 1px solid #cccccc;}
.sleeper-seat-statusbar li {
    width:49.5%;
}

.search-box .fieldset-select{ border-right: 1px solid #cccccc;}
.search-box span.select2.select2-container.select2-container--default {width: 100% !important;text-align: left !important;}
}

/************************************* 480px *************************************/
@media only screen and (max-width: 480px) {
.left-count { padding: 0; width: 100%; margin-top: 0; text-align: center;line-height: 16px;}
#clockdiv{ text-align: center; }
.right-count{ display: inline-block; float: none; }
.time-header { padding-top: 125px;}
.countown-box span {height: 30px; line-height: 20px;}
.left-count h5 { font-size: 11px;margin-bottom: 5px;}
.left-count h5 br{ display: none; }
.time-header{ padding-top: 100px; }
.form-two{ width: 100%; }
.header-left, .header-right {width: 100%;text-align: center;}
.header-left .sendbutton { padding: 9px 20px 8px;}
.whtsp-chat {  width: auto; display: inline-block;}
.header-left{margin-bottom: 5px;}
header { padding: 9px 0px;}
    .sleeper-seat-booking-out-wrap .sea-wrap {
        width: 100%;
    }
.sleeper-seat-booking-out-wrap{ flex-direction: column;}
.thank-u h3 { font-size: 34px;}
.thank-u h3 i {
    font-size: 36px;
}
}

/************************************* 390px *************************************/
@media only screen and (max-width: 390px) {
.seat4 li { width: 45px; height: 47px; padding: 2px;}
.seat4 li span { font-size: 13px; margin-top: 13px;}
.seat-statusbar{ max-width: 299px; min-width: 299px; }
.sleeper-seat li {
    height: 96px;
}
.no-pushbck a:after { left: 10px;
    top: 12px;}
}

/************************************* 360px *************************************/
@media only screen and (max-width: 360px) {
}

/************************************* 340px *************************************/
@media only screen and (max-width: 340px) {
.sea-wrap { padding: 8px;}
.seat-statusbar, .seat-avlbl-normal .seat-statusbar { max-width: 284px; min-width: 284px;}
.seat-statusbar li span { padding-left: 28px;}
}

/************************************* 320px *************************************/
@media only screen and (max-width: 320px) {
}