/* The side navigation menu */
.sidenav { height: 100%; /* 100% Full-height */ width: 0; /* 0 width - change this with JavaScript */ position: fixed; /* Stay in place */ z-index: 1; /* Stay on top */ top: 0; left: auto; right:0; background-color: #1a5caa; /* Black*/ overflow-x: hidden; /* Disable horizontal scroll */ padding-top: 60px; /* Place content 60px from the top */ transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */ }
/* The navigation menu links */
.sidenav a {padding:0px 8px 0px 11px;text-decoration: none; font-size:16px; color: #fff; display: block; border-bottom:1px solid #fff; transition: 0.3s   }
/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .offcanvas a:focus{ text-decoration:underline; }
/* Position and style the close button (top right corner) */
.sidenav .closebtn { position: absolute; top: 0; right:0px;font-size: 36px;}
/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main { transition: margin-left .5s; padding: 20px;}
.sidenav a{height:auto !important;}
ul.mobile-navigation li a { padding: 5px 10px;}
ul.mobile-navigation li a:hover, ul.mobile-navigation li a.active{ background: rgba(0,0,0,0.3); border-bottom: 2px solid rgba(0,0,0,0.0);}
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */

/* Deepak CSS Here */

.Gallery-Wrap{ text-shadow: 0 0 5px #333; color: #fff; font-size:46px; line-height: 300px; text-align: center; text-decoration: none;}
.Gallery-Wrap:hover{ text-decoration: none;}

.Gallery-wrap-section-head { display: block; margin-top: 10px;}
.Gallery-wrap-section-head h3 { margin-bottom: 15px; background: #eee; position: relative; padding: 15px 10px; font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 18px;}
.Gallery-wrap-section-head h3 span { font-size: 16px; margin-left: 10px; position: relative; top: -1px;}
.Gallery-wrap-section-head h3 a.btn-booknow { text-decoration: none; float: right; margin-top: -9px; color: #fff; font-size: 10px !important; font-weight: 500; line-height: 36px; height: 36px;}
.Gallery-wrap-section-head h3 a{ font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 16px; color: #594eff; text-decoration: underline; margin-left: 10px;}
a.head_gallery { font-size: 18px; color: #333;}
.inner_tag_p p{ font-size: 14px; color: #333; margin-bottom: 10px;}
.Gallery-wrap-section { margin-top: 10px; margin-bottom: 10px;}
.Gallery-wrap-section ul.tabs li.tab{ background: #084384;}
.Gallery-wrap-section ul.tabs li.tab a{ color: #fff; text-decoration: none; margin: 0; padding: 0 15px; font-weight: 100;}
.Gallery-wrap-section ul.tabs li.tab a.active{ background: rgba(0, 0, 0, 0.2);}
.Gallery-wrap-section ul.tabs li.indicator{ display: none;}
.gallery-in-tab { text-align: center; position: relative;}
.gallery-in-tab span {display: block; font-size: 18px; color: #fff; position: absolute; width: 100%; height: 100%; padding-top: 45%;}
.gallery-in-tab img{ margin-bottom: 10px; transition: all ease-in 0.3s;}
.gallery-in-tab img:hover{ box-shadow: 2px 4px 10px #333; -moz-box-shadow: 2px 4px 10px #333; -webkit-box-shadow: 2px 4px 10px #333; -o-box-shadow: 2px 4px 10px #333; -ms-box-shadow: 2px 4px 10px #333; border-radius: 5px;}
.Gallery-wrap-section ul.tabs.nav-tabs { background: #084384;}
.gallery-in-tab span i { cursor: pointer; background: rgba(0,0,0,0.9); padding: 15px; border-radius: 50%; box-shadow: 0 0 10px #999; -moz-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; -o-box-shadow: 0 0 10px #999; -ms-box-shadow: 0 0 10px #999;}

table.table-darjeeling thead tr { background: #106CD1;}
table.table-darjeeling thead tr th { color: #fff; font-size: 14px !important;}
table.table-darjeeling tbody tr:nth-child(even){ background:#eee;}

.travel-authority strong { font-size: 15px; font-family: 'Lato', sans-serif; color: #454545;}
.form-new label { color: #454545; font-size: 15px; font-weight: 600; font-family: 'Lato', sans-serif;}
.table-responsive.accom-table-wrap .table th { font-size: 14px !important; color: #454545;}
.table-responsive.accom-table-wrap .table thead tr{ background: #f5f5f5;}
.table-responsive.accom-table-wrap .table tbody tr:nth-child(odd){ background: #fff;}
.table-responsive.accom-table-wrap .table tbody tr:nth-child(even){ background:#f9f9f9;}
.msg-info-new { display: block; font-size: 14px; margin: 0 0 5px; color: #008000;}
td span [type="checkbox"] + label{ height: 17px; line-height: 20px;}
.occupypdheading.rrCheckAvalability-wrap span strong{ float: left;}
.occupypdheading.rrCheckAvalability-wrap span .occupypdheading-right{ float: right;}




.form-group.has-feedback.ak-field { overflow: initial;}
.modal-body.dir-pop-body li a { color: #106CD1; text-decoration: underline;}
.form-new.add-checkintime { position: relative;}
.form-new.add-checkintime span.ERR2 { position: absolute; bottom: -17px;}
span.ERR2 {position: absolute; font-size: 13px;}
.accsearchbuttontable .form-group { position: relative;}
.accsearchbuttontable .form-group span.ERR2 { position: absolute; font-size: 13px;}

.btn-wrap-Tour { text-align: center;}
.btn-wrap-Tour button { float: none !important; display: inline-block !important;}
.my-account-wrap-main { display: block; padding: 50px 0;} 
.my-account-wrap{ margin-top: 0px; background: #fff; border:1px solid #e2e2e2; overflow: hidden; text-align: center;}   
.my-account-wrap h2{ text-align: center; margin-bottom: 0; color: #fff; padding: 0 10px; background: #106CD1; border-bottom: 1px solid #106CD1; line-height: 48px; height: 48px; font-size: 16px; text-transform: uppercase; font-weight: 400;}
.my-account-wrap-in { background: #fbf7eb; border-radius: 50%; width: 165px; height: 165px; margin: 20px 11px; display: inline-block; vertical-align: middle; padding-top: 16px; text-align: center; box-shadow: 2px 5px 10px #333;}
.my-account-wrap-in:hover{ background: #106cd1; transition: all ease-in 0.3s; box-shadow: 3px 6px 25px #000;}
.my-account-wrap-in:hover span{ color: #fff; transition: all ease-in 0.3s;}
.my-account-wrap-in:hover img{ background: #106cd1; transition: all ease-in 0.3s;}
.my-account-wrap-in a{ text-decoration: none;}
.my-account-wrap-in img { display: block; margin: 0 auto 0; max-width: 90px; background: #666; border-radius: 50%;}
.my-account-wrap-in span { display: block; width: 80%; color: #666; margin: 5px auto; line-height: 18px; font-size: 15px;}


#ginger select { text-transform: uppercase;}
.HHHotelDetail strong{ float: left;}
.HHHotelDetail .occupypdheading-right{ float: right; font-size: 14px;}
.hotel-name-city{ font-size: 14px; margin-bottom: 10px;}  

label.check-in-wrap { margin-top: 24px; margin-bottom: 0;}
label.check-in-wrap span { font-size: 13px;}
label.check-in-wrap1 { margin-top: 0px; margin-bottom: 0;}
label.check-in-wrap1 span { font-size: 13px;}
.icontabsnew.icontabsnew-accomodation{ top:23%;}
.Accomodation-form-wrapper .secrhtabul li.tab.allsecrh { margin: 0 20px 0 10px;}
.Accomodation-form-wrapper .list-pg-inn-sp { width: 97.3%; margin: 0 auto; background: #fff; text-align: left; padding: 10px;}
.half-circle { background: #fff; height: auto; display: inline-block; width: auto; border-bottom-left-radius: 110px; border-bottom-right-radius: 110px; padding: 10px 30px 15px; margin-top: -40px; margin-bottom: 10px; box-shadow: 0px 7px 5px rgba(0,0,0,0.5);}
.btn-accom button{ float: none !important; display: inline-block !important;}
.icontabsnew.icontabsnew-accomodation.RR-icontabsnew { position: relative;}
.RR-mbr-section-nopadding{ overflow: hidden;}

footer{ text-align: center;}
footer ul li{ display: inline-block; border-right: 1px dashed #ccc; padding-right: 14px; padding-left: 14px; min-height: 51px; line-height: 51px;}
footer ul li:first-child{ padding-left: 0;}
footer ul li:last-child{ border:none; padding-right: 0;}
footer ul li a{ display: block;}
footer ul li a img{ max-width: 110px;}

.Login-modal-wrap-left{ border-right: 1px solid #ccc;}
.Copyright-wrap{ background: #333338; color: #fff; padding: 5px; font-size: 13px; overflow: hidden;}
.IE-site{ text-align: right;}

@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 16px;}
}
.redL{color:red;font-weight: bold;}
.greenL{color:green;font-weight: bold;}
.tab .active{ border-bottom: 2px solid white; transition:border 1s ease 0s;}
.tab a{ border-bottom: 2px solid transparent; transition:border 1s ease 0s;}
.book-divider-wrap img:first-child { top: -6px; position: relative;}
.book-divider-wrap img:last-child { bottom: 0; position: absolute;}
.book-divider-wrap { background: url("../images/book-divider-line.png") repeat-y center 0; float: left; width: 34px; position: absolute; height: 360px; left: 62%; z-index: 1; top: 0px; margin-top: 10px;}
.confirmation-Print-wrap{ min-height: 410px; margin-bottom: 15px; border-bottom: 8px solid #333; overflow: hidden;}
.confirmation-Print-invoice::before { background: url(../images/IRCTC-Logo.png) no-repeat center center; background-size: 190px; opacity: 0.6; content: ' '; position: absolute; width: 100%; left: 0; opacity: 0.1; top: 0; height: 100%;}
.confirmation-Print-invoice { padding: 10px; border: 1px solid #ccc; overflow: hidden; margin: 10px 15px; position: relative;}
.print-head { display: block; background: rgba(127,127,127,0.8); min-height: 70px; color: #fff;}
.print-head h2 { display: block; text-align: center; font-weight: 100; padding: 5px 0 3px; margin-bottom: 0;}
.print-head p{ display: block; text-align: center; color: #fff; margin: 0;}
.confirmation-Print-right .print-head span { color: #efd96a; display: inline-block; position: relative; top: -1px; font-size: 17px;}
.MT-10{ margin-top: 10px;}
.bar-code{ display: block; text-align: right;}
.ticket-dtl{ display: block; overflow: hidden; margin: 10px 0;}
.ticket-dtl strong{ float: left; width: 35%; color: #333; font-size: 15px;}
.ticket-dtl span{ float: left; width: 65%; color: #333; font-size: 15px;}
.details-seats{ display: inline-block; margin-left: 25px; font-style: italic;}
.number-of-seats span{ font-weight: 600;}
li.allsecrh a span { color: #fff;}

/* Lounge About CSS Here */
.lounge-about-wrap { display: block; margin-bottom: 30px;}
.lounge-about-wrap:last-child{ margin-bottom: 70px;}
.lounge-about-wrap h3 { display: block; font-size: 14px; font-weight: 600;}
.lounge-about-wrap p { margin: 0 0 5px; font-size: 14px;}
.lounge-about-wrap p b { font-weight: 600; margin-right: 5px; color: #333;}
.lounge-about-wrap ul { display: block; margin: 0 0 5px 32px;}
.lounge-about-wrap ul li { display: block; font-size: 13px; color: #333;}
.lounge-about-wrap p.lounge-about-tag { margin-left: 32px;}
.lounge-about-wrap ul.lounge-services_ul{ display: block; margin: 10px 0 10px 50px;}
/* Lounge About CSS Here */

.dropdown-menu.right { left: auto; right: 0; padding: 4px 0;}
.header.shrink .dropdown-menu.right a, .dropdown-menu.right a { display: block; font-size: 15px; height: auto; line-height: initial; padding: 7px; margin-top: 0;}

.btn-lounge button.btn{ float: left; margin-right: 10px;}
button.btn.btn-reset { background: #DFDFDF; color: #9F9F9F;}

span.custom-checkbox { height: 40px; display: inline-block; padding-left: 32px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTk2NTM0MkRGMTE5MTFFNzk1MjI5RkY2MDA5ODhCMjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTk2NTM0MkVGMTE5MTFFNzk1MjI5RkY2MDA5ODhCMjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxOTY1MzQyQkYxMTkxMUU3OTUyMjlGRjYwMDk4OEIyOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxOTY1MzQyQ0YxMTkxMUU3OTUyMjlGRjYwMDk4OEIyOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjA8ousAAABmSURBVHja7NSxEcAgDENRQbijYkFYJsvAHl6DNejcwKnIBOZSWZWqV/4gInuMgbUWLCuloNaKJ+f8WjFOVTHnRPqw3nuwgK21TSvi8hx00EEH/wETS8uOsWdWjFZktnluYLSOAAMArhQjrK9RWTgAAAAASUVORK5CYII=) no-repeat 2px 4px; background-size: 22px; line-height: 30px;}
span.custom-checkbox.active { height: 40px; display: inline-block; padding-left: 32px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTBBQkE4REZGMTE5MTFFNzlDQjFCRTY1NUYxMjUwMTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTBBQkE4RTBGMTE5MTFFNzlDQjFCRTY1NUYxMjUwMTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMEFCQThEREYxMTkxMUU3OUNCMUJFNjU1RjEyNTAxNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMEFCQThERUYxMTkxMUU3OUNCMUJFNjU1RjEyNTAxNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph+Po8IAAAFASURBVHjaYlxy/F39xudvv/xhIAUI87A0+ksyKldcJVUnXD8TeTqBAKiRiYECwEK8UnMlbjYWxj9//x+/+5U0zdEWgrnOoipi7OYtt0izWVuKoz9ChpWZsWz1s7uvf8LFifLzhEiQzqUn3s8+9AZZnLDmnjBpEwWuK09/FKx4gjPAFITZpAVZX376c+cVwmGxlkLJtsJABlAnMKjQNENtFuRmDjcTBHrsdK16ko0wRFBPhhPoYCCjeNXTsw++YToKqvn917+d218euvUFyO4Nl54UJcPECPSqNJBcfOzdvMNvsfqIUSDnIjIf6E6gbUA9wAQETICXHn937L797z/24EAPsMXH3zl23T7/6LsQNwvEq7h0YrEZDrpCpS89+Q7Mc3giAqdmYgBFGYMyzcAgJU8nqDAAliZk6IcUQwABBgAx4XVLEPuK4gAAAABJRU5ErkJggg==) no-repeat 2px 4px; background-size: 22px; line-height: 30px;}

.booking-ticket-backside { border-top: 2px solid #797878;  border-bottom: 2px solid #797878;}
.booking-ticket-backside-head { border-bottom: 2px solid #797878; padding: 10px 0; font-size: 15px;}
.booking-ticket-backside-head strong { display: inline-block; padding: 0 10px; min-width: 10%;}
.booking-ticket-backside-head strong.name, .booking-ticket-backside-detail span.name { width: 66%;}
.booking-ticket-backside-detail { display: block; padding: 7px 0;}
.booking-ticket-backside-detail:nth-child(even) { background: rgba(127,127,127,0.4);}

.booking-ticket-backside-detail span { display: inline-block; padding: 0 10px; min-width: 10%; color: #000;} 
.text-center{ text-align: center;}

.confirmation-Print-right .print-head{ display: block; text-align: center; color: #efd96a; padding-top: 18px; font-size: 22px;}
.confirmation-Print-right .ticket-dtl{ display: block; overflow: hidden; margin: 10px 0 30px;}
.confirmation-Print-right .ticket-dtl:last-child{ margin-bottom: 5px;}
.confirmation-Print-right .ticket-dtl strong{ float: left; width: 100%; color: #333; font-size: 15px;}
.confirmation-Print-right .ticket-dtl span{ float: left; width: 100%; color: #333; font-size: 15px; margin-top: 10px;}

.confirmation-Print-right img{ max-height: 170px;}

.dir-ho-t2l form ul li button.buttonsearch { background: #4343f1; color:#fff; width:100%; border:none; font-weight: 600; padding: 17px 5px; font-size: 20px; border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.dir-ho-t2l form ul li button.buttonsearch:hover{ background: #2121f4; transition: all ease-in 0.3s;}

datepicker.displayblockinput .input-group-addon { background: none !important; border: none !important;}
datepicker.displayblockinput .input-group-addon .place-in-right-next{ top:6px;}
.datepicker-days th, .datepicker-days td { padding: 5px 3px !important;}
.date-wrapper .input-group input.form-control.dateplug { display: block !important; background: none; border: none; font-size: 14px; font-family: inherit; margin: 3px 0 0 0;}

.list-number.ACC-list-number { padding-top: 15px;}
.list-number.ACC-list-number i.fa { font-size: 16px !important; margin: 0 10px 10px 0 !important; position: relative; top: 1px; text-align: center;}
.list-number.ACC-list-number span.daycount { text-transform: capitalize; color: #333; font-weight: 600; margin-right: 0;}
.list-number.ACC-list-number .stationfonttext{ color: #666; font-weight: 600; font-size: 13px; margin-top: 3px;}
.list-number.ACC-list-number .stationfonttext.right-content-ACC-List{ font-weight: 500;}
.form-ACPassanger label span.source { font-size: 12px; color: #2b55dd;} 
span.list-rat-ch { position: relative; top: 2px;}

.tollfree_call_btn{ z-index:0; height: 58px; bottom: 15px !important; top: auto !important; right: 15px !important; padding: 0 0 0 0px; position: fixed; height: 58px;}
.tollfree_call { width:auto; float: right; height: 58px;}
.tollfree_call a{ float: right; box-shadow: 0 0 5px #000; background: #4965AE;}
.tollfree_call ul { position: absolute; left: auto; right: 0; top: 0; width: 150px; margin: 15px 65px 0 0; overflow: hidden; transform: scaleY(0.4) scaleX(0.4) translateY(0px) translateX(40px); opacity: 0;}
.tollfree_call ul li a { box-shadow: none; display: inline-block; background: #377CE3; color: #fff; padding: 4px 10px; font-size: 18px; border-radius: 3px; font-weight: 100; text-decoration: none;}
.tollfree_call ul li a:hover{ background:#106CD1;}
.tollfree_call:hover ul{ z-index: 9; display: block; transform: scaleY(1) scaleX(1) translateY(0px) translateX(0px); opacity: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}

nav ul li{ float: none; display: inline-block;}
nav ul.right { margin: 0 20px 0 0;}
nav ul.right li a { font-size: 22px; padding: 0 8px; height: 40px; line-height: 40px; margin-top: 15px;}
nav ul.right li a i{ height: 40px; line-height: 40px; color: #084384;}
.header.shrink nav a.button-collapse{ margin-top:9px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}

.header.shrink nav ul.right{ margin-top: 5px;}
.header.shrink nav ul.right li a{ height: 22px; line-height: 22px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.header.shrink nav ul.right li a i{ color: #084384; height: 22px; line-height: 22px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.header.shrink nav ul.right li a i:hover{ color: #084384;}
/* nav.nav-extended .nav-wrapper{ min-height: 50px;} */
.header.shrink nav .tabs .tab{ line-height: 42px; height: 42px;}
.tabs .tab a{ width:auto; padding: 0 5px; margin: 0 15px;}
nav, nav .nav-wrapper i{ height: 32px; line-height: 32px;}
.header.shrink nav.nav-extended .nav-wrapper{ min-height: 24px;}
.header.shrink .tabs{ height: auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}

.nav-wrapper .logo{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.header.shrink .nav-wrapper .logo{ padding-top: 1px; height:auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}

.header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; min-height: 83px; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; transition: height 0.3s;}
.header.shrink { background: rgba(255,255,255,0.99); z-index: 1040; min-height: 50px; overflow: inherit; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);}
.header.shrink .brand-logo{ padding: 0px 20px 0px 70% !important;}
.AC-occupypdheading{ display: block;}
.AC-occupypdheading h3 { font-size: 18px; border-bottom: 1px dotted #000; padding: 0 0 10px;margin-bottom: 15px; color: #2b55dd; font-weight: 400;}
.form-ACPassanger label { color: #333; font-size: 14px; display: block; font-weight: 600;}
.row .form-group .displayblockinput{ font-size: 14px;}
.note-text p{ color: #f00; font-size: 13px;}
.bc-right h4.darkred-text { font-size: 26px; padding: 20px 0; color: #106CD1;}
.bc-fare-det h4, .bc-passeng-det h4 { background: #e4e2e2; padding: 15px 0; font-size: 20px; color: #333;}
.bc-passeng-det .table-responsive .table thead tr{ background: #f3f3f3;}
.bc-fare-det .table-responsive .table tr{ background:#f3f3f3;}
.bc-fare-det .table-responsive .table tr:nth-child(even){ background: #fff;}
.bc-fare-det .table-responsive .table tr td strong{ color: #333;}
.bc-fare-det .table-responsive .table tr td, .bc-passeng-det .table-responsive .table tr th{ width: 25%; text-align: left; font-size: 13px !important; border-radius: 0 !important; padding: 10px 5px !important; color: #666}
.ACC-bc-logo img { max-width: 200px; margin: 10px 0 0 0;}
.welcome-msg { display: block; margin: 20px 0 0;}
.welcome-msg p { margin: 0;}
.welcome-msg p strong { display: block; margin-bottom: 5px;}
.welcome-msg p span { display: inline-block; background: #454545; color: #fff; padding: 0 3px; border-radius: 1px;}

/* footer section here */
footer{ background: #fff; padding: 40px 0 20px; border-top:1px solid #e4e4e4; margin-top: 10px;}  
.foot-logo { text-align: center;}
.foot-logo img { width: auto; max-width: 228px;}
.foot-logo p.hasimg { padding: 0px 150px; color: #fff; margin: 0; font-weight: 400;}
.footer-related-links { background: url('../images/dubble-line.png') repeat-x 0 0; margin-top: 20px; padding-top: 30px;}
.footer-related-links h4 { color: #fff; font-weight: 100; font-size: 18px;}
.foot-sec2{ background: url('../images/dubble-line.png') repeat-x 0 0; margin-top: 20px; padding-top: 20px;}
.foot-social { text-align: center; margin-top: 0px; margin-bottom: 0px;}
.foot-social h4 { color: #fff; display: inline-block; position: relative; background: #333; padding: 0 18px;}
.footer-img-links{ text-align: right;}
.foot-social p { color: #fff; font-size: 14px; font-weight: 100;}
section.copy { background: #1f1f22;}
section.copy p { color: #fff; padding: 10px 0; font-size: 14px;}
.foot-social ul{ margin-bottom: 0; text-align: left;}
.foot-social ul li { float: none; display: inline-block; margin: 0; padding: 0; border:none;}
.address-footer { margin-top: 40px;}
.address-footer span { color: #999; font-size: 15px;}
.address-footer p { color: #999; margin: 0;}

.text-center.AC-btns { text-align: center; margin: 5px 0;}
.AC-btns button.btn { display: inline-block !important; float: none !important;}
.error2 { position: relative; background-color: none; color: red; font-size: 12px;}
.invalid-ID.alert { text-align: center; margin: 10px 15px; background: #d9edf7; font-size: 18px; color: #31708f; overflow: hidden; border: 1px solid #bce8f1; display: block; padding: 10px 20px;}
button.btn.btn-default.print-btn { margin: 10px 0 20px 10px; display: inline-block !important;}
button.btn.btn-default.print-btn i { float: left; margin-right: 5px; line-height: 14px; font-size: 18px;}
.hide_on_lg { display: none;}
.hide_on_xs { display: block;}

@media screen and (min-width:320px) and (max-width:568px) {

.gallery-in-tab img{ margin: 0 auto 10px;}
.Gallery-wrap-section ul.tabs li.tab a{ padding: 0 3px; font-size: 11px;}
.Gallery-wrap-section-head h3{ font-size: 14px;}
.gallery-in-tab span{ font-size: 13px;}

.my-account-wrap-main{ padding: 0;}   
.my-account-wrap-in{ width:145px; height: 145px; margin: 10px 5px;} 
.my-account-wrap-in img{ max-width: 75px;}

.Copyright-wrap{ text-align: center;}   
.IE-site { text-align: center;} 
footer ul li{ padding-right: 3px; padding-left: 3px;}
footer ul li a img { max-width: 36px;}

.half-circle{ margin-top: -20px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; padding: 5px 25px 10px;}
.Accomodation-form-wrapper .hi-icon-wrap{ display: none;}
.brand-logo:after{ left: 0;}
nav .brand-logo img{ height: 54px;}
.Accomodation-form-wrapper .list-pg-inn-sp{ width:100%;}
.Accomodation-form-wrapper select.form-control option, .Accomodation-form-wrapper select.form-control { font-size: 12px !important;}
.Login-modal-wrap-left{ border-bottom: 0; margin-bottom: 20px; border-right:none;}
.icontabsnew.icontabsnew-accomodation { top: 10%;}
.Accomodation-form-wrapper .nav.nav-tabs.secrhtabul{ padding: 10px 5px 10px 4px !important;}
.Accomodation-form-wrapper .secrhtabul li.tab.allsecrh { margin: 0 3px 0 3px;}
nav .brand-logo{ left:80% !important; padding-left: 40% !important;}
.header.shrink .brand-logo{ padding-left: 40% !important;}
ul#nav-mobile { display: none !important;}
li.allsecrh a span { display: none;}
.Accomodation-form-wrapper li.allsecrh a span { display: block;}
ul.secrhtabul li.allsecrh a{ min-width: 48px !important;}
ul.secrhtabul{ text-align: center;}
.dir-ho-t2l form ul li button.buttonsearch{ padding: 10px 5px;}
.confirmation-Print-wrap{ height: auto; border:none;}
.ticket-dtl.number-of-seats br { display: none;}
.ticket-dtl.number-of-seats span, .ticket-dtl.number-of-seats strong { width:50%;}
.hide_on_xs { display: none;}
.hide_on_lg { display: block;}
.print-head h2{ font-size: 20px; padding: 5px 0;}
.print-head{ min-height: 60px;}
.bar-code{ text-align: center;}
.ticket-dtl span{ width:50%; font-size: 13px;}
.ticket-dtl strong{ width:50%; font-size: 13px;}
.details-seats { display: inline; margin-left: 0;}
.confirmation-Print-right .print-head{ padding-top: 10px; font-size: 16px; min-height: 40px;}
.confirmation-Print-right .print-head span{ font-size: 15px; top:0;}
.confirmation-Print-right .ticket-dtl{ margin: 10px 0 15px;}
.confirmation-Print-right .ticket-dtl strong{ font-size: 13px; width:50%;}
.confirmation-Print-right .ticket-dtl span{ font-size: 13px; margin-top: 0; width:50%;}
.confirmation-Print-invoice{ padding: 0;}
.book-divider-wrap { background: url(../images/book-divider-line1.png) repeat-x center center; float: left; width: 100%; position: relative; height: auto; left: 0; z-index: 1; top: 0px; margin-top: 0; margin-bottom: 10px;}
.book-divider-wrap img:first-child { top: 0px; position: relative;}
.book-divider-wrap img:last-child { bottom: 0; position: absolute; right: 0;}
.mbr-slider .carousel-control.left{ margin-left: 1rem !important;}
.mbr-slider .carousel-control.right{ margin-right: 1rem !important;}
.mbr-slider .carousel-control{ width:40px !important; height: 40px !important; bottom: 60px !important;}
.dir-ho-t2l form ul{ padding: 10px 0;}
.nav-content { display: none;}
nav.nav-extended .nav-wrapper { min-height: 50px;}
nav a.button-collapse{ margin-top: 6px;}
nav .button-collapse{ margin:24px 15px 0;}
.header.shrink .nav-wrapper .logo{ height:auto; padding-top: 0px;}
.header.shrink nav.nav-extended { height: 54px;}
.header.shrink{ height: 54px; z-index: 10000;}
.header.shrink nav .button-collapse { margin: 6px 0 0px 0 !important;}
.header.shrink nav.nav-extended .nav-wrapper { min-height: 54px;}
ul.right.hide-on-med-and-down { display: block !important; margin: 15px 0 0 0 !important;}
.sidenav .mobile-navigation li a { height: auto !important;  padding: 3px 10px; font-size: 13px;}
.sidenav .mobile-navigation li a.closebtn { font-size: 34px;}
.tollfree_call_btn{ z-index: 1; width:40px; height: 40px; bottom: 5px !important; right: 10px !important;}
.tollfree_call{ height: 40px;}
.tollfree_call a.btn-floating.btn-large{ width:40px; height: 40px;}
.tollfree_call a.btn-floating.btn-large i { float: left; line-height: 40px; font-size: 20px;}
.tollfree_call ul{ margin: 8px 45px 0 0;}
.tollfree_call ul li a{ padding: 1px 10px; font-size: 14px;}

.left-content-ACC-List, .right-content-ACC-List{ padding: 0 5px;}
.list-number.ACC-list-number i.fa{ font-size: 13px !important; margin: 0 2px 10px 0 !important;}
.AC-occupypdheading span strong { font-size: 16px;}
.AC-occupypdheading h3{ font-size: 14px;}
.list-spac{ margin: 5px;}

.bc-right h4.darkred-text { font-size: 20px; padding: 10px 0; display: block; text-align: center;}
.bc-fare-det h4, .bc-passeng-det h4{ font-size: 16px;}

/* footer section here */
footer{ padding: 20px 0 0;}
.foot-logo p.hasimg { padding: 0;font-size: 13px;}
.footer-related-links{ margin-top: 10px; padding-top: 10px;}
.footer-related-links h4{ margin: 0 0 10px; font-size: 16px;}
.address-footer{ margin-top: 20px;}
.foot-social h4{ font-size: 16px;}
.foot-sec2{ margin-top: 25px; padding-top: 1px !important;}
.address-footer span, .address-footer p, section.copy p{ font-size: 12px;}     

}


@media screen and (max-width:360px){

    footer ul.two-columns li{ width:50%;}

}

.pl-0 {
    padding-left: 0 !important;
}
.pr-0 {
    padding-right: 0 !important;
}

.errors-msg {
    display: block;
    color: #f00;
    float: left;
    width: 100%;
    padding: 0 15px;
    margin-top: -20px;
    margin-bottom: 20px; font-size:14px;
}

.btn-wrap01 button.btn {
    float: none !important;
    display: inline-block !important;
}

.modal-body.Login-modal-wrap h5 {
    display: block;
    padding-bottom: 10px;    
    font-size: 18px;
}


p.dir-pop-foot1 {
    display: block;
    text-align: right;
    margin-top: -10px;
}
p.dir-pop-foot1 a {
    font-size: 14px; color: #106CD1; text-decoration: none;
}
.modal-body.Login-modal-wrap .regup h5 {
    display: block;
    border-bottom: none !important;
    margin-bottom: 0px !important;
    font-size: 14px !important;
    padding-bottom: 0;
}
.modal-body.Login-modal-wrap .regup a{ color:#106CD1; text-decoration: none;}
.btn-register-wrap{ margin-top: 21px;}
.RR-error-msg{ text-align: center; font-size: 16px !important;}

.rrpnrtrue-wrap .table tr td { text-align: center; color: #454545; font-size: 13px !important; font-family: 'Lato', sans-serif;}
.rrpnrtrue-wrap .table tr td b { font-size: 14px;}
.btn-wrap01 { text-align: center;}
.travel-authority label{ color: #666 !important; font-weight: bold;}
label.rrCheckAvalability-wrap { margin-top: 15px;}
.passenger-dtl-table td select{ max-width: 200px; float: none; margin: 0 auto 10px;}
.table.passenger-dtl-table tbody td{ position: relative;}
.table.passenger-dtl-table tbody td span.ERR2 { position: absolute; bottom: -2px; text-align: center; width: 99%;}
.rrpnrtrue-wrap .table tr:nth-child(odd) { background: #f9f9f9;}
.form-group div.sub-head { font-size: 12px !important; display: inline; color: #999;}

.add-checkintime label { display: block;}
.add-checkintime select { width: 50%; float: left;}
.checkintime-select { float: right; width: 48%;}
.checkintime-select select { width: 100%;}

nav .brand-logo img { margin-right: 20px;}
.travel-authority.my-transaction-div{ margin-bottom:20px;}
.travel-authority.my-transaction-div label { color: #fff !important; font-size: 20px; font-weight: 500; font-family: 'Lato', sans-serif;}
.my-transaction-tbl .table thead tr{ background: #e8e7e3;}
.my-transaction-tbl .table thead tr th { color: #636363; font-weight: 600; font-size: 14px !important; font-family: 'Lato', sans-serif;}
.my-transaction-tbl .table tbody tr td { color: #636363; font-size: 14px !important; font-family: 'Lato', sans-serif;}
.my-transaction-tbl .table tbody tr td a{ color: #106CD1;}
.my-transaction-tbl .table tbody tr td span label { top: 7px; left: 5px;}

.virtual_tab { position: absolute; left: 0; bottom: 0; width: 100%;}
.virtual_tab a.btn.btn-booknow { line-height: 36px;}
.gallery_modals h5{ display: inline-block;}
.gallery_modals button.close span { font-size: 30px;}

.Steam_Express_tag{ float:right;}
.Steam_ex_font .inner_tag_p p{ font-size: 15px;}

ul.Header_Tabs { background: #084384;}
li.custom_Tabs { display: inline-block; text-align: center; color: #fff; font-weight: 600; font-size: 20px;}
li.custom_Tabs a{ color: #fff; text-decoration: none; margin: 0; padding: 10px 15px; font-weight: 100; display: inline-block; font-size: 14px; text-transform: uppercase;}
li.custom_Tabs a.active{ background: rgba(0, 0, 0, 0.2);}

.gallery_modals h5 span { display: inline-block; font-size: 20px; margin-left: 5px; position: relative; top: -1px; color: #666;}

.TRAINS-GLANCE-WRAP{ padding: 10px;}
.TRAINS-GLANCE-WRAP ul { margin-left: 20px;}
.TRAINS-GLANCE-WRAP ul li { font-size: 15px; color: #636363; font-weight: 400; font-family: 'Lato', sans-serif; background: url(../images/bullet.png) no-repeat 0 10px; padding-left:15px;}
.booknow-Btn { text-align: center;}
.booknow-Btn a.btn.btn-booknow { line-height: 36px;}


/* New Header CSS Here */
body{ background: #fff !important;}
.navbar a.navbar-brand img{ max-width:140px; width:100%;}
nav.navbar.fixed-top { height: auto; line-height: inherit; position: fixed; top: 0; z-index: 1; background: #fff; box-shadow: 0 2px 4px 0 rgba(0,0,0,.2); padding: .30rem 0; transition: background .5s ease-in-out, min-height .5s ease-in-out, padding .5s ease-in-out; -webkit-transition: background .5s ease-in-out, min-height .5s ease-in-out, padding .5s ease-in-out;}

.right-logo { float: right; margin-left: 30px;}
.right-logo img { height: 55px;}

.cms-head-wrap { background: #012B72; min-height: 150px; margin-top: 60px; padding-top: 20px;}
/* .cms-head-wrap { background: #012B72; min-height: 150px; margin-top: 110px; padding-top: 20px;} After tag message  */
.cms-head-wrap h1 { font-size: 25px; font-weight: 600; line-height: 1.5; color: #fff;}
.cms-wrap { margin-top: -65px; box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%); min-height: 500px; background: #fff; padding: 0px; margin-bottom: 30px;}

/* New Footer CSS Here */
footer{ padding: 0;} 
.bg-footer { background: #1c1c1c; position: relative; z-index: 3;}
.footer-content { padding: 25px 0px 0px;}
.title-widget { text-align: left;}
.title-widget h4 { color: #fff; text-transform: capitalize; font-size: 15px;}
.title-widget hr { width: 40px; margin-left: 0; margin: 0; margin-top: 12px; margin-bottom: 10px; border-bottom: 1px dashed #bbb; border-top: none;}
.content-widget { margin-top: 24px; padding-bottom: 14px;}
.content-widget ul { padding: 0; list-style: none;}
.content-widget ul li { margin-bottom: 0px; text-align: left; min-height: auto; display: block; line-height: normal; padding: 0; border: none;}
.content-widget ul li a { color: #ffffffb3; font-weight: 300; transition: all 0.4s; font-size: 13px; padding: 3px 0;}
.content-widget ul li a:hover { text-decoration: none; color: #fff;}
.copyright { padding: 8px 0px; background: #fafafa;}
.text-coppyright { padding: 10px 0px 0;}
.copyright small { color: #111;}
.text-coppyright a { color: #2d2383; font-weight: bold;}
.brandlogo { text-align: right;}
.brandlogo a { margin: 0px 5px;}
.footer-social { text-align: center;}
.footer-social ul { display: block; list-style: none; margin: 0; padding: 0;}
.footer-social ul li { display: inline-block; margin: 0 1px; height: auto; min-height: auto; line-height: inherit; padding: 0; border:none;}
.footer-social ul li a { width: 30px; height: 30px; border-radius: 50%; display: inline-block; line-height: 30px; font-size: 12px; color: #fff;}
.footer-social ul li a.btn-fb{ background: #3A559F;}
.footer-social ul li a.btn-ins{ background: #DC6D40;}
.footer-social ul li a.btn-tw{ background: #1CA1F3;}
.footer-social ul li a.btn-yt{ background: #FF0000;}
.footer-social ul li a.btn-li{ background: #0082ca;}
.footer-social ul li a.btn-pin{ background: #c61118;}
.footer-social ul li a.btn-purple{ background: #4a148c;}
.footer-social ul li a.btn-purple img { width: 14px;}
