/***************
@mt
Note: add 
@media screen and (min-width: 1024px) { .home-search-bar  {z-index: 99999; } }
in custom.css
****************/
.ferrysublocation-mainbox {
	/*position: relative; */
    background: #fff;
}
ul.sublocation-list {
    display: none;
    background: #fff;
    /* width: 800px; */
    width: 100%;
    position: absolute;
    float: left;
    border: 1px solid #ccc;
    max-height:211px;
    overflow-x:auto;
    top: 55px;
    z-index: 1;
}
#toSubLocation{
   /* border: none; */	
   background: none;
}
span.sublocation-box {
    background: transparent;
    width: 100%;
    display: inline-block;
    padding: 15px 30px 0px 8px;
    font-size: 14px;
    cursor: pointer;
    color: #000;
    float:left;
    height: 55px;
    position: absolute;
}
.home-search-bar.container.home-ferry-search{
    top: -100px;
}
.ferrysublocation-mainbox .SubloactionClose {
    position: absolute;
    right: 18px;
    top: 12px;
}
ul.sublocation-list li {
    float: left;
    /* width: calc(33.33% - 10px); */
	width: 100%;
    background: red;
    margin-right: 14px;
}
ul.sublocation-list > li a {
    padding: 8px;
    background: #ffffff;
    display: block;
    width: 100%;
    color: #1d1f26;
    border-bottom:1px solid #ccc;
    font-size: 14px;
}
ul.sublocation-list > li:nth-child(3n){
	margin-right: 0px;
}
ul.sublocation-list > li a:hover{
    background: #2da5ff;
	color:#fff;
}
.home-search-bar .tab-content .form-group.BusHmesubLocation {
    /* width: initial; */
    padding-right: 12px;
}




/* search list */




/*************************Select box*************************/
.filterSortingTop {
    float: right;
    position: relative;
    top: 7px;
}
.filterSortingTop > label {
    float: left;
    line-height: 34px;
    margin-right: 14px;
    font-size: 14px;
    color: #000;
}
.fryselect {
    position: relative;
    display: block;
    /* margin: 0 auto; */
    width: 138px;
    max-width: 325px;
    color: #cccccc;
    vertical-align: middle;
    text-align: left;
    -webkit-user-fryselect: none;
    -moz-user-fryselect: none;
    -ms-user-fryselect: none;
    user-fryselect: none;
    -webkit-touch-callout: none;
}
.fryselect .placeholder {
    position: relative;
    display: block;
    background-color: #ffffff;
    z-index: 1;
    padding: 0.5em;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #dddddd;
    font-size: 14px;
    color: #000;
}

.fryselect .placeholder:hover {
	background: #fff;
}
.fryselect .placeholder:after {
	position: absolute;
	right: 0;
	top: 0;
	font-family: 'FontAwesome';
	height: 100%;
	content: '\f078';
	z-index: 10;
	background: #ffffff00;
	line-height: 30px;
	width: 34px;
	text-align: center;
	color: #06425c;
}
.fryselect.is-open .placeholder:after {
	content: '\f077';
}
.sort-by-section .fryselect.is-open ul {
	display: block;
	background: #06425c !important;
}
.fryselect.fryselect--white .placeholder {
	background: #fff;
	color: #999;
}
.fryselect.fryselect--white .placeholder:hover {
	background: #fafafa;
}
.fryselect.sortName{
	background: #ffffff00;
	border: 1px solid #fefefe;
	border-bottom: none;
}
.fryselect ul {
	display: none;
	position: absolute;
	overflow: hidden;
	overflow-y: auto;
	width: 100%;
	background: #fff;
	border-radius: 2px;
	top: 100%;
	left: 0;
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
	z-index: 100;
	max-height: 120px;
}
.fryselect ul li {
    display: block;
    text-align: left;
    padding: 8px 10px;
    color: #fff;
    cursor: pointer;
    width: 100%;
    font-size: 14px;
}
.fryselect ul li:hover {
	background: #0b5c80;
	color: #fff;
}
.filterSortingTop > div {
    float: left;
    margin-right: 16px;
}


/*************************\\\\Select box\\\*************************/



#grid-popup-body-div .mt-tabs , .bus-searchfare .mt-tabs, .mt-tabsOuter {
    float: left;
    width: 100%;
    z-index: 999;
    position: relative;
    border-bottom: 1px solid #06425c;
}
#grid-popup-body-div .mt-tabsContent , .bus-searchfare .mt-tabsContent, .mt-tabsContentOuter {
    float: left;
    width: 100%;
	z-index: 99;
    position: relative;
    top: -4px;
}
#grid-popup-body-div .mtNav-tabs > ul > li , .bus-searchfare .mtNav-tabs > ul > li ,.mtNav-tabsOuter > ul > li {
    /* background: #424242; */
    margin-bottom: 0;
    padding: 5px 16px;
    border: 1px solid transparent;
    text-align: center;
    color: #06425c;
    font-size: 14px;
    border-left: 1px solid #fff;
    width: initial;
    float: left;
    cursor: pointer;
}
/* .bus-searchfare .mtNav-tabs > ul > li:hover,.mtNav-tabsOuter > ul > li:hover {
    background: #fbfbfb;
} */
#grid-popup-body-div .tabAllContent , .bus-searchfare .tabAllContent, .tabAllContentOuter {
    padding: 6px;
    box-sizing: border-box;
    float: left;
    width: 100%;
    min-height: 144px;
}
#grid-popup-body-div .tabAllContent > ul > li  , .bus-searchfare .tabAllContent > ul > li , .tabAllContentOuter > ul > li {
    float: left;
    width: 100%;
    background: #fbfbfb;
    display: none;
    padding: 8px 12px;
    color: #000;
	margin-top: 6px;
}
.tabAllContentOuter > ul > li {
	background: none;
    padding: 0;
}
#grid-popup-body-div .tabAllContent > ul > li.active , .bus-searchfare .tabAllContent > ul > li.active, .tabAllContent > ul > li.active > ul > li, .tabAllContentOuter > ul > li.active > ul > li, .tabAllContentOuter > ul > li.active {
	display: block;
}
.mtNav-tabsOuter > ul > li {
    background: #fff;
}
#grid-popup-body-div .mtNav-tabs > ul > li.active , .bus-searchfare .mtNav-tabs > ul > li.active,.mtNav-tabsOuter > ul > li.active{
    border-right: none;
    position: relative;
    background: #06425c;
    color: #fff;
}
#grid-popup-body-div .mtNav-tabs > ul > li.active span , .bus-searchfare .mtNav-tabs > ul > li.active span, .mtNav-tabsOuter > ul > li.active span{
    color: #fff;
}
#grid-popup-body-div .mtNav-tabs > ul > li.active:after , .bus-searchfare .mtNav-tabs > ul > li.active:after,.mtNav-tabsOuter > ul > li.active:after{
	content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #06425c transparent transparent transparent;
    bottom: -10px;
    left: 45%;
}
#grid-popup-body-div .mt-tabcontainer , .bus-searchfare .mt-tabcontainer ,.mt-tabcontainerOuter {
    margin-bottom: 10px;
    display: block;
    float: left;
    width: 100%;
    background: transparent;
    padding: 0;
}
#grid-popup-body-div .mt-tabcontainer > h2 , .bus-searchfare .mt-tabcontainer > h2,.mt-tabcontainerOuter > h2 {
	margin-bottom: 4px;
    border-bottom: 2px solid #e4e4e4;
    color: #ff7800;
    font-size: 18px;
    text-transform: capitalize;
    padding-bottom: 4px;
    margin-top: 12px;
}
#grid-popup-body-div .mtNav-tabs > ul > li:first-child  , .bus-searchfare .mtNav-tabs > ul > li:first-child ,.mtNav-tabsOuter > ul > li:first-child {
    border-left: 0;
}
#grid-popup-body-div .mtNav-tabs > ul > li:last-child , .bus-searchfare .mtNav-tabs > ul > li:last-child ,.mtNav-tabsOuter > ul > li:last-child {
    border-right: 0;
}
#grid-popup-body-div .mtNav-tabs li i , .bus-searchfare .mtNav-tabs li i ,.mtNav-tabsOuter li i {
    font-size: 16px;
    position: relative;
    left: -4px;
}
#grid-popup-body-div .mtNav-tabs > ul > li > span , .bus-searchfare .mtNav-tabs > ul > li > span ,.mtNav-tabsOuter > ul > li > span {
    color: #06425c;
	}
#grid-popup-body-div .tabAllContent > ul > li div#dldescription p , .bus-searchfare  .tabAllContent > ul > li div#dldescription p ,.tabAllContentOuter > ul > li div#dldescription p {
    font-size: 14px;
}
.searchresultsDiv.list-group-item article.box.Hotel-search-holder span.info-h-text{
    z-index: 9999;
}
.busDetailHolder .item.list-group-item a.sr-emailfare,
.busDetailHolder .item.list-group-item a.sr-facebook,
.busDetailHolder .item.list-group-item a.sr-googleplus {
    z-index: 99999;
}
.description-address {
    padding: 10px 14px 0;
}
div#grid-detail-popup .description-address {
    padding: 10px 0 0;
}
.description-address > h3 {
    margin-bottom: 4px;
    color: #ff7800;
}
.description-address h5 {
    color: #2da5ff;
}
.modal-backdrop.in {
    z-index: 10000;
    overflow-y: auto;
}
.modal {
    overflow-y: hidden;
	z-index: 10010;
}
.modal-body {
    position: relative;
    padding: 20px;
    max-height: 550px;
    overflow-y: auto;
} 
body.modal-open {
    overflow-y: scroll;
   /*  position: fixed; */
    margin: auto;
    left: 0;
    width: 100%;
}
.modal i.fa.fa-map-marker {
    color: #ff8417;
    font-size: 14px;
    margin-right: 2px;
}
.busDetailHolder .sort-by-section.box.only-tiles.htlSorting {
    background: #ffffff;
    margin-bottom: 0px;
    z-index: 999999;
}
.busDetailHolder .sort-by-section ul {
    background: #fcfcfc;
    border: 1px solid #fefefe;
    border-bottom: none;
}
.ferrySearchList .lHotelCount {
    float: left;
    width: auto;
    font-size: 16px;
    line-height: 47px;
    margin-left: 12px;
    color: #06425c;
}
.filterDrpdwnBtn {
	position: absolute;
    left: 0;
    right: 0;
    display: inline-block;
    text-align: center;
    height: 0;
}
.filterDrpdwnBtn .busFilterdrpr {
    width: 12%;
    margin: auto;
    background: #06425c;
    margin-top: 0px;
    padding: 6px 8px;
    font-size: 16px;
    letter-spacing: 0.2px;
    border-radius: 0 0 20px 20px;
    cursor: pointer;
    color: #fff;
}
.busFilterdrpr:before {
    content: "\f0b0";
    font-family: fontawesome;
    position: relative;
    left: -8px;
    font-size: 18px;
}

.busDetailHolder .ferrySearchList .item.list-group-item.ferryList{
	margin-bottom:15px;
}
.busDetailHolder .ferrySearchList .item.list-group-item.ferryList  article.box {
    margin: 0;
    border-bottom: none;
    width: 100%;
    padding: 0;
}
.busDetailHolder .ferrySearchList .item.list-group-item.ferryList article.box .fare-price{
	padding: 0px 10px;
}
.filterDrpdwnBtn .session_counter {
    float: right;
    top: -31px;
    position: relative;
    background: #06425c;
    padding: 2px 20px;
    right: 19%;
    z-index: 0;
    font-size: 12px;
    color: white;
    pointer-events: none;
    width: 15%;
    margin: auto;
    border-radius: 0 0 6px 6px;
}
.ferryListCnt p.mainListDesc i {
    font-style: normal;
    color: #2da5ff;
    cursor: pointer;
}
section#content.busDetailHolder {
    padding-top: 62px;
}
.modify-hotel .modify-on-ret > div strong {
    font-size: 13px;
    position: relative;
    top: 2px;
}
.modify-hotel .modify-passengers > span > strong{
    font-size: 14px;
	margin-right: 4px;
}
.searchResultIs.buslListCnt {
    float: left;
    width: 100%;
    margin-top: 12px;
}
article.box.bus-search-holder figure span {
    margin: auto;
}
article.box.bus-search-holder figure span.bs-busName {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 13px;
	color: #000;
	padding: 0 2px;
	position: relative;
	top: 0;
	/* min-height: 40px; */
}
.details .details-wrapper.bus-destination {
	width: 100%;
	float: left;
	font-size: 13px;
	margin-top: 6px;
	position: relative;
	left: 22px;
}
.details .seatSet {
    width: 25%;
    float: left;
	text-align: center;
}
.details-wrapper.bus-destination > div {
	float: left;
    width: 30.33%;
    text-align: center;
	margin-top:18px;
}

.details-wrapper.bus-destination .bod-time {
    background: #06425c;
    color: #fff;
    width: 94px;
    margin: auto;
    font-size: 15px;
    padding: 4px 0;
    padding: 4px 0;
}
.box-odSep > div {
    float: left;
    width: 100%;
}
.box-odSep > div.bo-divider {
    height: 1px;
    background: #06425c;
    width: 93%;
    position: relative;
}
.multiselect,.busSearch-filter-all .btn-group {
	width: 100%;
}
.busSearch-filter-all .selectBox {
	position: relative;
}
.busSearch-filter-all .selectBox select {
	width: 100%;
	font-weight: bold;
	float: right;
}
.busSearch-filter-all .overSelect {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.busSearch-filter-all .searchFilterChkbox {
	display: none;
	border: 1px #dadada solid;
}
.busSearch-filter-all .HtlSlctBx button.multiselect.dropdown-toggle.btn.btn-default span {
    width: 82%;
    display: inline-block;
    overflow: hidden;
    position: relative;
    top: 4px;
    color: #ffffff;
}
span.multiselect-native-select select {
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    height: 1px!important;
    margin: -1px -1px -1px -3px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important;
    left: 50%;
    top: 30px;
}
.busSearch-filter-all .searchFilterChkbox label {
	display: block;
}
.busSearch-filter-all .searchFilterChkbox label:hover {
	background-color: #1e90ff;
}
.busSlctBx button.multiselect.dropdown-toggle.btn.btn-default {
    background: none;
    border: none;
    color: #fff;
    text-align: left;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #000000;
    padding-left: 2px;
}
.busSlctBx .open > .dropdown-menu {
    display: block;
    width: 100%;
    padding-top: 10px;
    top: 35px;
}
.busSlctBx .btn .caret {
    margin-left: 0;
    float: right;
    top: 13px;
    position: relative;
    color: #000000;
}
.busSlctBx > b {
    float: left;
    width: 100%;
    color: #000000;
}
.row.busSearch-filter-all {
    padding: 15px 15px;
    background: #ffffff;
    margin: 20px 15px;
}
.busSlctBx button.multiselect:before {
    font-family: "soap-icons";
    font-size: 20px;
    margin-right: 8px;
    color: #000000;
}
.ferry-oprt .busSlctBx.filtLbloperator button.multiselect:before {
    content: '\f21a';
	font-family:fontawesome;
}
.busSlctBx.filtLblPrice button.multiselect:before {
    content: '\f0d6';
	font-family:fontawesome;
}
.depart-time .busSlctBx.filtLblAmenities button.multiselect:before {
    content: '\f017';
    font-family:fontawesome;
    color: #000;
}
.busSlctBx.filtLblPopularity button.multiselect:before {
    content: '\f005';
	font-family:fontawesome;	
}
.busSlctBx.filtLblDestination button.multiselect:before {
    content: '\f041';
	font-family:fontawesome;	
}
.busSlctBx.filtLblSearch .searchHoteltxt {
    background: none;
    border: none;
    border-bottom: 1px solid #ffffff;
    padding: 28px 10px 6px 34px;
    width: 100%;
    font-size: 14px;
	color: #fff;
}
.busSlctBx.filtLblSearch  > b {
    background: none;
    border: none;
    border-bottom: 1px solid #fff;
    padding: 28px 10px 5px 34px;
    width: 100%;
}
.busSlctBx.filtLblSearch i.fa.fa-search {
    position: absolute;
    bottom: 10px;
    font-size: 22px;
    color: #2da5ff;
}
.ferryListCnt .listing-style3.flight figure span img {
    margin: 0;
}
.ferryListCnt .item.list-group-item article.box{
	padding:0;
}
.box-odSep > div.bo-divider:after {
	content:'\f178';
	position:absolute;
	font-family: fontawesome;
	top: -5px;
	right: -6px;
	color: #06425c;
	font-size: 17px;
}
.ferry .details .details-wrapper.bus-destination .bod-destiname {
	color: #000000;
	font-weight: normal;
	margin-top: 4px;
	font-size: 14px;
	min-height: 55px;
}
.ferry .details .details-wrapper.bus-destination .bo-tottime {
    padding-top: 5px;
    font-weight: bold;
    color: #06425c;
    font-size: 14px;
}
.busSearchModify .modify-drpdwn.slide-up {
    position: absolute;
    width: 100%;
    /* background: #42424200; */
    background-color: rgb(1, 13, 106);
    top: 69px;
    float: left;
    z-index: 999;
}
.ferry .bus-circleHolder {
    color: #fff;
    background: #06425c;
    margin: auto;
    box-shadow: 2px 3px 4px rgba(72, 19, 45, 0.64);
    width: 70px;
    height: 70px;
    padding: 17px 0;
    border-radius: 100%;
    text-align: center;
}
.bus-circleHolder > span {
    float: left;
    /* width: 100%; */
    font-size: 14px;
    transform: translate(13px,6px);
    margin-right: 2px;
}
.bus-circleHolder > span.bs-searNo {
    width: 20px;
}
.bus-circleHolder > span.bs-searLabel{
	font-size: 14px;
}
.busList.list-group-item .fd-grdright ul li.fareChangeRound > label > span.price-txt {
    height: 14px;
}
.busList li.fareChangeRound {
    height: 32px;
}
.busList ul.priceDiv li.fareChangeRound {
    border-bottom: 1px solid #ccc;
}
.busList ul.priceDiv li.fareChangeRound:last-child{
    border-bottom: none;
}
.searchfare-details-drpdwn.bus-searchfare {
    float: left;
    width: 100%;
    background: #FBFBFB;
    box-shadow: none;
    display: none;
}
/* .seaters, .seatersDetails {
    width: 156px;
    float: left;
} */
.Busseats,span.navBerth {
    float: left;
    width: 157px;
    margin-right: 46px;
}
span.navBerth {
	text-align:center;
}
span.navBerth {
    text-align: center;
    font-size: 15px;
    color: #2da5ff;
}
.steering-Holder {
    float: left;
    width: 100%;
}
.steering-Holder > span {
    transform: translateX(130px);
    width: initial;
    float: left;
}

ul.seatGrid li > div ,span.seatexpl{
    width: calc(27.8% - 15px);
    height: 30px;
    background: #fbfbfb;
    float: left;
    margin-left: 14px;
    border-radius: 2px;
    border: 1px solid #ccc;
    text-align: center;
    font-size: 12px;
    line-height: 28px;
    margin-bottom: 8px;
    cursor: pointer;
}
ul.seatGrid li > div.empty {
    visibility: hidden;
}
.frontLabel {
    float: left;
    width: 100%;
    background: #795548;
    color: #fff;
    text-align: center;
    padding: 4px 0;
    margin: 6px 0;
    position: relative;
    top: -4px;
	font-size:16px;
}

ul.seatGrid li > div:first-child { 
   margin-left:0;
}
.windowsLabel.leftView > span {
    float: right;
}
span.seatexpl{
    width: 24px;
    height: 24px;
	margin-right:4px;
}
.seatersDetails-holder span.seatexpl-label {
    font-size: 14px;
    line-height: 24px;
}
.ferry-searchfare .seatersDetails-holder ul li {
    float: left;
    width: initial;
}
span.seatexpl.available_seat,ul.seatGrid li > div.available_seat  {
    background: #fbfbfb;
}
span.seatexpl.occupied_seat ,ul.seatGrid li > div.occupied_seat{
    background: #e21900;
	color:#fff;
}
span.seatexpl.selected_seat,ul.seatGrid li > div.selected_seat{
    background: #4CAF50;
	color:#fff;
}

.sl-detailFareHolder .sl-seatsSlected {
    float: left;
    width: 100%;
    margin-bottom: 0;
    background: #e9f4fc;
    padding: 10px 4px;
    border-bottom: 1px solid #fbfbfb;
}
.sl-seatsSlected > span {
    float: left;
}
.sl-seatsSlected span.sl-seats ul li {
    float: left;
    width: 25px;
    background: #4caf50;
    margin-left: 0;
    text-align: center;
    border-radius: 2px;
    color: #fff;
    padding: 1px 4px;
}
.sl-detailFareHolder {
    font-size: 14px;
}
.sl-detailFareHolder .sl-seatsSlected > span {
	font-size: 14px;
}
.sl-detailFareHolder .sl-seatsSlected > span:first-child {
    width: 76px;
}
.sl-detailFareHolder .sl-seatsSlected .col-sep {
    margin: 0 8px 0 0;
}
.sl-detailFareHolder .sl-note {
    float: left;
    width: 100%;
    font-size: 13px;
    background: #fffcdf;
    color: #000;
    padding: 9px;
}
.detail-droppoint > div {
    float: left;
    width: 48%;
    font-size: 14px;
    margin-right: 12px;
}
.Departinfo_contentHolder span.dropInfoLabel,
.Departinfo_contentHolder span.dropInfoContent {
	padding: 8px 0;
}
.Departinfo_contentHolder span.dropInfoLabel {
    width: 28%;
    float: left;
    padding: 8px 4px;
    color: #00283a; 
}
.Departinfo_contentHolder {
    border: 1px solid #ccc;
    float: left;
	width:100%;
}
.Departinfo_contentHolder div:last-child > span.dropInfoContent,.Departinfo_contentHolder div:last-child > span.dropInfoLabel {
	min-height:70px;
}
.Departinfo_contentHolder span.dropInfoContent {
	width: 72%;
    float: left;
    padding: 8px 4px;
    color: #424242;
	border-left: 1px solid #ccc;
}
.Departinfo_contentHolder > div {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ccc;
}
.Departinfo_contentHolder > div:last-child {
    border-bottom: none;
}
#ferrySearchForm .form-group.one-search-btn.bus-btn-mbl {
    /* width: auto;
    right: auto;
    position: absolute;
    bottom: -60px;
    margin: auto;
    left: 50%;
    transform: translateX(-50%); */
}
#ferrySearchForm .input__label.input__label--nao {
    font-size: 15px;
}
.exchangeArrowdiv {
    float: left;
    /* position: absolute; */
    /* right: -26px; */
    top: 0;
}
.exchngearrow {
	position: relative;
	top: -16px;
	color: #fff;
	background: #ff1100;
	padding: 6px 10px;
	/* border-radius: 0px 0px 12px 12px; */
	width: 30px;
	cursor: pointer;
	left: 0;
}
.busSearchModify span.modify-search-moreoption-r, 
.busSearchModify span.modify-search-moreoption-o {
    right: 32px;
}
.seatGrid .animated {
	animation-duration: 1s;
  animation-fill-mode: both;
  visibility:initial;
}
.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.hinge {
  animation-duration: 2s;
}
.busSearchModify .price-boxes span.from-price, .busSearchModify .price-boxes span.to-price {
    width: 96px;
    margin-right: 8px;
}
.busSearchModify .busSlctBx.filtLblPrice ul.multiselect-container.dropdown-menu {
    height: initial;
	overflow: initial;
}
.busSearchModify  ul.multiselect-container.dropdown-menu label.checkbox input {
    margin-right: 4px;
}
.busSearchModify  .filter-drpdwn {
    top: 83px;
    border-top: none;
    background: #06425c;
}

ul.seatGrid > li > div {
    float: left;
}

ul.seatGrid > li.berthst,
ul.seatGrid > li.nbSeat{
    float: left;
    width: 25%;
    height: 379px;
    margin-left: 0px;
}

ul.seatGrid > li.berthst > div {
    float: none;
    width: 76%;
    height: initial;
    margin-left: 0;
    min-height: 68px;
}
ul.seatGrid > li.berthst.berth-row-6 > div {
    min-height: 55.2px;
}
ul.seatGrid li.berthWdseats > div:first-child,ul.seatGrid li.berthWdseats > div {
    margin-left: 9px;
}
ul.seatGrid > li.nbSeat > div {       /*  default seat 10 */
    width: 82%;
    float: none;
    margin: 0 auto 7.9px;
    display: block;
}
ul.seatGrid > li.nbSeat.nbseat-row-9 > div {       /*  default seat 10 */
	min-height: 34.2px;;
}
li.rowSeat.seat-col-4 {
    float: left;
    width: 100%;
}
.seatSet .starRating-Holder {
    width: 80px;
    margin: auto;
    margin: 0px auto 4px;
}
.seatSet .starRating-Holder .starAll i:before{
	content: "\f005";
    color: #dedede; /**  #ffd700; **/
	font-size:13px;
}
.busList .search-moreoptions {
    display: none;
}
li.nbSeat.emptySeats > div {
    visibility: hidden;
}
.busAmenities {
    margin: auto;
    width: initial;
    margin-top: 6px;
}
.busAmenities > i {
    width: 12%;
    display: inline-block;
    margin-right: 4px;
}
.busAmenities > i > img {
    width: 100%;
    height: auto;
}
.bus-searchfare .mtNav-tabs li i:before,
.#grid-popup-body-div .mtNav-tabs li i:before{
    font-size: 22px;
    color: #06425c;	
}
.bus-searchfare .mtNav-tabs li.active i:before,
#grid-popup-body-div .mtNav-tabs li.active i:before{
    color: #fff;	
}
.bus-searchfare .mtNav-tabs li i.fa.fa-calendar:before ,
#grid-popup-body-div .mtNav-tabs li i.fa.fa-calendar:before {
    font-size: 17px;
    margin-top: 5px;
    display: inline-block;
}
.bus-searchfare .soap-icon-departure:before,
#grid-popup-body-div .soap-icon-departure:before {
    font-size: 16px;
    color: #06425c;
}
.ferry-searchfare .seatersDetails {
    /* transform: translate(-10px,100%); */
    float: left;
    width: 100%;
	margin:10px 0;
}
.mtNav-tabsOuter > ul > li {
    width: 50%;
    padding: 12px;
    font-size: 16px;
}
.mt-tabsOuter {
    margin-bottom: 27px;
    float: left;
    width: 100%;
}
.mtNav-tabsOuter > ul > li.active:after {
    border-width: 14px 14px 0 14px;
    bottom: -14px;
    left: 45%;
}
.bus-found-txt {
    width: 100%;
}
.bus-found-txt  .emailfare {
    top: 0;
}
.headerTripShow > h4 {
    margin: 0;
    background: transparent;
    padding: 3px 14px;
    color: #06425c;
}
.headerTripShow {
    float: left;
    width: 85%;
    margin: auto;
    text-align: center;
}
.returningButton button.c-button {
    background: #06425c;
    line-height: 48px;
}
.returningButton button.c-button.proccedBus {
    background: #5e8315;
}
.returningButton .c-ripple__circle {
	background: rgba(255, 255, 255, 0.44);
}
.busListHeader-holder {
	display: block;
	width: 100%;
	background: #f9f9f9;
	color: #000;
	padding: 10px;
	margin-bottom: 20px;
	border: 1px solid #ddd;
}
.busListHeader-holder > div {
    display: inline-block;
}
.busListHeader > strong {
    background: #4CAF50;
    padding: 11px 22px 12px;
    font-size: 16px;
    margin-left: -10px;
    font-weight: normal;
    color: #fff;
}
.busListHeader-dest > span {
    font-size: 16px;
    margin: 0 8px;
}
.busListHeaderDate {
    float: right;
    font-size: 16px;
}
.busSearchList.busRoundtrip-Holder {
    margin-top: 40px;
}
.buslListCnt .item.list-group-item {
    padding: 0 15px;
}
.buslListCnt nav.search-left-float {
    top: 0;
}
.bus-searchfare ul.swap-tiles.clearfix.block-sm {
    display: block;
}
.busListHeaderDate > span {
    margin: 0 6px;
}
ul.sublocation-list.disable-cursor {
    border: none;
    background: none;
}
.bus-found-txt {
    width: 100%;
    float: left;
    padding: 20px 0px;
}
div#searchResult{
	float:left;
	padding-top: 0;
}



/* css for 1row 4 seats one empty*/

ul.seatGrid.seats5 li > div {
    margin-left: 3px;
}
ul.seatGrid.seats5 li > div:first-child{
    margin-left: 0;
}




.ferry .item.list-group-item img{
	float:none;
}
.ferry .bo-totimg {
    position: relative;
    top: -5px;
}
.ferry .details .details-wrapper.bus-destination .bo-tottime span{
	color:#ff0100;
}
.ferry .bus-circleHolder > span.bs-searLabel {
    font-size: 14px;
    display: block;
    float: left;
    width: 100%;
    text-align: center;
}
.ferry .bus-circleHolder > span.bs-searNo{
	width:100%;
}
.ferry .box-odSep > div.bo-divider:after {
    font-size: 10px;
	line-height:normal;
}
/* .ferry .box-odSep > div.bo-divider {
    height: 1px;
} */
.ferry .bus-circleHolder > span{
	transform: initial;
	-webkit-transform: initial;
	-moz-transform: initial;
	-ms-transform: initial;
}
.ferry .form-selectbx select {
    height: 49px;
    background-position: -16px 0;
    background-repeat: no-repeat;
    z-index: 0;
    padding-right: 30px;
}
.ferry span.form-selec:before{
	top:4px;
}
.ferry-logo{
    position: relative;
    top: 40px;
}
.ferry .sl-seatsSlected span.sl-seats ul li,
#grid-popup-body-div  .sl-seatsSlected span.sl-seats ul li{
	width:100%;
}
.ferry span.sl-totFare ,
#grid-popup-body-div span.sl-totFare {
    color: #dc138a;
    font-weight: bold;
    font-size: 18px;
}
.ferry .sl-detailFareHolder .sl-seatsSlected{
	background:transparent;
}
.ferry .searchfare-details-drpdwn.bus-searchfare,.ferry .bus-searchfare .tabAllContent > ul > li, .ferry .tabAllContentOuter > ul > li{
	background:#fff;
}
.ferry span.book_det ,
#grid-popup-body-div span.book_det {
    display: block;
    padding: 5px 0 2px;
    font-size: 13px;
	text-align: right;
}
.ferry .bookingDetectionDiv,
#grid-popup-body-div .bookingDetectionDiv {
    background: #fff1f7;
    width: 100%;
    float: left;
    padding: 10px;
	font-size:14px;
}
.ferry .bookingDetectionDiv{
    margin-bottom: 15px;
}
.ferry .bookingDetectionDiv table tr{
    border-bottom: 1px solid #ccc;
    margin: 10px;
}
.ferry .bookingDetectionDiv table tr:last-child{
    border-bottom: none;
}
.ferrycmp p ,
#grid-popup-body-div .ferrycmp p {
    padding: 10px 0;
    font-size: 13px;
    color: #7b7b7b;
}
.ferry .bookingDetectionDivCls .price{
	color: #06425c;
	font-size: 13px;
	display: block;
	padding: 5px 0 2px;
}
.ferry  .bookingDetectionDivCls i{
    color: #06425c;
    font-size: 16px;
	position: relative;
    top: -1px;
}
.ferry .bookingDetectionDivCls .tooltip.top{
	width:initial;
}
.ferry .fare-det{
	border-left:1px solid #ccc;
}
.ferry-logo span.bs-busName {
    font-size: 14px;
}

.fare-det > h4 {
    color: #2da5ff;
}

table#bookingDetectionDiv tr td {
    font-size: 13px;
    color: #000;
}
table#bookingDetectionDiv.bookingDetectionDivCls tr td {
    font-size: 18px;
    color: #000;
}
.getFerryPassengerDetails table#bookingDetectionDiv.bookingDetectionDivCls tr{
    display: flex;
    align-items: center;
    padding: 0;
}
#bookingDetectionDiv .tooltip .tooltip-inner table tr td {
    font-size: 13px;
    color: #fff;
}
span.book_det .tooltip-inner {
    max-width: 734px;
    padding: 0 5px;
}
span.book_det .tooltip-inner p {
    margin: 0;
}
.depart-time ul.multiselect-container.dropdown-menu{
	height: 160px;
	top: 35px;
}
/* Grid-view*/
.grid-group-item figure.col-xs-3.col-sm-2 {
    width: 100%;
    text-align: center;
    padding: 10px 0;
}
.grid-group-item .details.col-xs-6.col-sm-8,.grid-group-item .seatSet.bus-seatsCircle,.grid-group-item .fare-price.col-xs-3.col-sm-2,.grid-group-item .details .seatSet{
	width: 100%;
    padding: 0 10px;
	margin-bottom:5px;
}
.grid-group-item .details .details-wrapper.bus-destination,.grid-group-item .fd-grdright ul li > label{
	width:100%;
}
.grid-group-item .details-wrapper.bus-destination > div{
	width: 100%;
	padding-bottom: 10px;
    margin: 0;
}
.search-result-left .row.grid-group .grid-group-item  .priceDiv,.grid-group-item.busList li.fareChangeRound{
	height:initial;
}
.ferry .grid-group-item .bus-circleHolder{
	width:100%;
	border-radius:0;
	padding:5px 0;
	height: initial;
    float: left;
}
.search-result-left .row.grid-group nav.search-left-float{
	position: absolute;
    left: -10px;
    top: -2px;
    z-index: 999;
}
.grid-group-item .details .details-wrapper.bus-destination{
	left:0;
}
.detail-availability > .row > div {
    padding-top: 20px;
}
.ferry .grid-group-item nav.search-left-float {
    position: absolute;
    left: -10px;
    top: 0;
}
.ferryseatSelect .gba-padding-6 {
    padding: 0;
}

.seat3x3, .seat2x2 {
    margin: 0 4px;
	float:left;	
}
.seat3x3,.seat1x1 {
    width: 45%;
}
#grid-popup-body-div .seat3x3, 
grid-popup-body-div .seat1x1 {
    width: 48%;
}
.seat3x0 ul.seatGrid li > div  {
    width: 61px;
}
.seat1x1 ul.seatGrid li > div  {
    width: 61px;
}

.seat3x3 ul.seatGrid li > div {
    width: 25px;
    margin: 0 0 6px 5px;
}
.seat2x2 {
    width: 35%;
}
.seat2x2 ul.seatGrid li > div {
    width: 24px;
    margin: 0 0 6px 8px;
}



/***************************************************************************************************************************************************************************/


.ferryPdetailPge .bform-ferry-det >div {
    float: left;
    width: 100%;
    margin-bottom: 0px;
	border-bottom: 1px solid #eaeaea;
}
.sb-htldtil-allprice-holder h4{
	padding-top:5px;
}
.ferryPdetailPge .bform-ferry-det > div > span.htl-one {
    width: 100%;
    float: left;
    color: #FF9800;
    font-size: 16px;
}
.ferryPdetailPge span.htl-one {
    padding: 6px 10px;
}
.ferryPdetailPge .bform-ferry-det > div > span {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #2b4901;
    padding: 0px 5px;
    margin-top: 5px;
}
.ferryPdetailPge .bform-ferry {
    margin-bottom: 21px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.ferryPdetailPge .bform-ferry h3.box-smallTitle {
    margin-bottom: 0;
}
.ferryListCnt .bform-ferry  .rating {
    border: none;
    float: left;
    margin: auto;
    width: auto;
}
.ferryListCnt .bform-ferry  strong {
    color: #ff7800;
    font-size: 18px;
    font-weight: normal;
}
.ferryPdetailPge .bform-ferry-det > div > span:nth-child(even) {
    padding: 0 0 6px 6px;
}
.ferryPdetailPge .fare-detils .top-headd h4 {
    color: #2b4901;
    font-weight: bold;
    float: left;
    margin-bottom: 20px;
}
.ferryPdetailPge .fare-detils .row {
    border-bottom: 1px solid #EEEEEE;
    margin: 0px 0px 0px 0px;
    padding-top: 10px;
}
.ferryPdetailPge h6.text-right  {
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 20px;
    font-weight: normal;
    line-height: normal;
}
.ferryPdetailPge .fare-detils h4{
    margin: 0 0 15px 0;
    padding: 0;
    font-weight: normal;
    line-height: normal;
}
.ferryPdetailPge .mCSB_inside > .mCSB_container {
    margin-right: 16px;
}
.tot-price.text-right {
    padding: 0;
}
.tot-price.text-right i{
    text-decoration: none;
	font-style:normal;
}


.sb-htldtil-price {
    margin-bottom: 40px;
	padding: 0;
}
.sb-htldtil-price-holder {
    width: 100%;
    margin: 24px 0;
    float: left;
}
.sb-htldtil-price-holder .price {
    float: left;
    width: 100%;
    text-align: left;
}
.sb-htldtil-price-holder .price > strong {
    font-size: 28px;
}
.sb-htldtil-price-holder .price > i {
    font-size: 10px;
    float: left;
    width: 100%;
    margin-top: 4px;
    font-style: normal;
    text-transform: capitalize;
    color: #9E9E9E;
}
span.price > strong > i {
    font-style: normal;
}
table.sidebar-guestdetail thead {
    background: #06425c;
    color: #fff;
    font-size: 14px;
}
table.sidebar-guestdetail thead tr th, table.sidebar-guestdetail tbody tr td {
    padding: 10px 6px;
    text-align: center;
}
table.sidebar-guestdetail tbody tr td:first-child {
    text-align: center;
}
table.sidebar-guestdetail thead tr th, table.sidebar-guestdetail tbody tr td {
    padding: 10px 3px;
    text-align: center;
}
table.sidebar-guestdetail {
    font-size: 13px;
    margin: 12px 0;
}
table.sidebar-guestdetail tbody tr:nth-child(even) {
    background: #ecf9ff;
    border-top: 1px solid #ecf9ff;
    border-bottom: 1px solid #ecf9ff;
}
.htld-fullwidth {
    margin-bottom: 2px;
    display: block;
    float: left;
    width: 100%;
    border-top: 1px solid #E0E0E0;
    padding-top: 12px;
}
.htld-fullwidth > strong.pull-left {
    font-size: 16px;
}
span.pull-left.incld-tnf {
    font-size: 11px;
}

.starRating-Holder {
    margin: auto;
    width: 64px;
    position: relative;
    top: -4px;
    float: left;
    margin-top: 6px;
}
.starRating-Holder .starAll i:before{
	content: "\f005";
    color: #dedede; /**  #ffd700; **/
	font-size:13px;
}

/**** star half ***/

.starRating-Holder .starh.starAll i:nth-child(1):before {
    content: "\f123";
    color: #ffd700;
}

/**** star 1 ***/
.starRating-Holder .star1.starAll i:nth-child(1):before {
    content: "\f005";
    color: #ffd700;
}

/**** star 1 half ***/

.starRating-Holder .star1h.starAll i:nth-child(1):before {
    content: "\f005";
    color: #ffd700;
}
.starRating-Holder .star1h.starAll i:nth-child(2):before {
    content: "\f123";
    color: #ffd700;
}


/**** star 2 ***/
.starRating-Holder .star2.starAll i:nth-child(1):before,
.starRating-Holder .star2.starAll i:nth-child(2):before {
    content: "\f005";
    color: #ffd700;
}

/**** star 2 half ***/

.starRating-Holder .star2h.starAll i:nth-child(1):before,
.starRating-Holder .star2h.starAll i:nth-child(2):before {
    content: "\f005";
    color: #ffd700;
}
.starRating-Holder .star2h.starAll i:nth-child(3):before {
    content: "\f123";
    color: #ffd700;
}

/**** star 3 ***/
.starRating-Holder .star3.starAll i:nth-child(1):before,
.starRating-Holder .star3.starAll i:nth-child(2):before,
.starRating-Holder .star3.starAll i:nth-child(3):before {
    content: "\f005";
    color: #ffd700;
}


/**** star 3 half ***/
.starRating-Holder .star3h.starAll i:nth-child(1):before,
.starRating-Holder .star3h.starAll i:nth-child(2):before,
.starRating-Holder .star3h.starAll i:nth-child(3):before {
    content: "\f005";
    color: #ffd700;
}
.starRating-Holder .star3h.starAll i:nth-child(4):before {
    content: "\f123";
    color: #ffd700;
}



/**** star 4 ***/
.starRating-Holder .star4.starAll i:nth-child(1):before,
.starRating-Holder .star4.starAll i:nth-child(2):before,
.starRating-Holder .star4.starAll i:nth-child(3):before,
.starRating-Holder .star4.starAll i:nth-child(4):before {
    content: "\f005";
    color: #ffd700;
}


/**** star 4 half ***/
.starRating-Holder .star4h.starAll i:nth-child(1):before,
.starRating-Holder .star4h.starAll i:nth-child(2):before,
.starRating-Holder .star4h.starAll i:nth-child(3):before,
.starRating-Holder .star4h.starAll i:nth-child(4):before {
    content: "\f005";
    color: #ffd700;
}
.starRating-Holder .star4h.starAll i:nth-child(5):before {
    content: "\f123";
    color: #ffd700;
}

/**** star 5 ***/
.starRating-Holder .star5.starAll i:nth-child(1):before,
.starRating-Holder .star5.starAll i:nth-child(2):before,
.starRating-Holder .star5.starAll i:nth-child(3):before,
.starRating-Holder .star5.starAll i:nth-child(4):before,
.starRating-Holder .star5.starAll i:nth-child(5):before {
    content: "\f005";
    color: #ffd700;
}
.ferryListCnt article.box.Hotel-search-holder .amenities > i img {
    width: 20px;
    height: 20px;
    margin-right: 6px;
}
.htlDetailHolder .search-loader-top {
    position: relative;
    top: -5px;
    padding: 16px 0;
}
.ferry-details-drpdwn ul.amenities.clearfix.style2 {
    margin-top: 12px;
    float: left;
    font-size: 14px;
    color: #000;
    text-align: center;
    width: 100%;
}
.ferry-details-drpdwn ul.amenities.clearfix.style2 li {
    float: left;
    margin-right: 0;
    padding: 0 4px;
}
.ferry-details-drpdwn ul.amenities.clearfix.style2 li div > img {
    width: 20px;
    height: initial;
    margin-right: 4px;
	float: left;
}
.ferry-details-drpdwn ul.amenities.clearfix.style2 li div {
    padding: 6px 14px;
    float: left;
    min-width: 260px;
    font-size: 14px;
    margin-bottom: 10px;
}
.available-btn ~ a {
    font-size: 12px;
    cursor: pointer;
    color: red;
}
.accordContent .detail-description .description-content p {
    color: #000;
    font-size: 14px;
}

/* .ferryList.searchresultsDiv.grid-group-item .details-wrapper.ferry-contentListCntiner .fd-grdleft */

.ferryList.searchresultsDiv.grid-group-item .details-wrapper.ferry-contentListCntiner > div {
    float: left;
    width: 100%;
}
.ferryList.searchresultsDiv.grid-group-item .details-wrapper.ferry-contentListCntiner .first-row {
    height: 85px;
    background: #f9f9f9;
    border-bottom: 1px solid #e6e6e6;
}
.ferryList.searchresultsDiv.grid-group-item .details-wrapper.ferry-contentListCntiner .first-row .fd-grdleft {
    height: 85px;
    background: #f9f9f9;
    border-bottom: 1px solid #e6e6e6;
    padding: 2px;
}
.ferryList.searchresultsDiv.grid-group-item .details-wrapper.ferry-contentListCntiner .second-row{
    height: 138px;
}
.ferryList.searchresultsDiv.grid-group-item .details-wrapper.ferry-contentListCntiner .starRating-Holder {
    margin: auto;
    width: 26%;
    position: relative;
    top: -4px;
}
.ferryList.searchresultsDiv.grid-group-item .details-wrapper.ferry-contentListCntiner {
    padding: 6px 5px;
    float: left;
    background: #ffffff;
	width: 100%;
}
.htlSearch-filter-all .HtlSlctBx button.multiselect.dropdown-toggle.btn.btn-default span {
    width: 82%;
    display: inline-block;
    overflow: hidden;
    position: relative;
    top: 4px;
    color: #ffffff;
}
.ferryList.searchresultsDiv .list-amenities .amenities {
    height: 20px;
    max-width: 80%;
    overflow: hidden;
    float: left;
}
.ferryList.searchresultsDiv .list-amenities .showmoreAment {
    float: left;
	color: #E21900;
	padding:0 2px;
    cursor: pointer;
    position: relative;
    top: 2px;
}
.ferryFareDetails .faredetectdialog table.bookingDetectionDivCls > tr td:nth-child(odd) {
    width: 29%;
}
.ferryFareDetails .paypalOption, .ferryFareDetails .paymentArea{
	margin:0;
}
.ferryFareDetails .paypalpay > span.paypal-txt select {
    background: none;
    border: 1px solid #ccc;
    margin-left: 10px;
}

.ferryListCnt .sidebar h3.box-smallTitle small {
    color: #2da5ff;
    line-height: 16px;
    width: 80%;
    float: left;
    cursor: pointer;
}
.ferryListCnt .sidebar h3.box-smallTitle i.fa.fa-map-marker {
    color: #ff7800;
    margin-right: 6px;
    position: relative;
    top: -2px;
    float: left;
}
.ferryListCnt .sidebar .fd-grdleft > h4 {
    margin-bottom: 4px;
}
table.sidebar-guestdetail thead tr th span > i {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 11px;
}
.ferryListCnt .sidebar .booking-details .other-details dt {
    width: 48%;
	padding: 4px 4px;

}
span.zindex-hr.middle {
    left: 50%;
    padding: 12px 10px;
    box-shadow: 0px 1px 1px 2px #d4d4d4;
    border-radius: 40px;
    background: #2da5ff;
    color: #fff;
}
.person-information > h2 {
    margin-bottom: 32px;
}
button.copyToPassengerContactDtls {
    left: 134px;
}


/* Sk style */
.sublocation-mainbox  i.fa.fa-chevron-down.SubloactionClose{
    float: right;
    position: relative;
    top: 20px;
    color: #000;
    z-index: 99;
}
.sublocation-mainbox {
    border: 1px solid #d7d7d7;
    float: left;
    width:100%;
    border-radius: 8px;
    height: 55px;
    color: #000;
    position: relative;
}
.ferry.grid-group .listing-style3 .box, .listing-style3.box {
    background: #fff;
    margin-bottom: 30px;
    min-height: 535px;
}
.depart-time ul.multiselect-container.dropdown-menu input.form-control.multiselect-search {
    width: 100%;
}
.ferry .item.list-group-item figure span img{
	float:left;
	width: 100%;
}
.grid-group-item figure img {
    width: 65%;
}
.ferry .grid-group-item .details .details-wrapper.bus-destination .bod-destiname{
	font-size:14px;
}
.ferry .grid-group-item .bus-circleHolder > span.bs-searLabel{
	font-size: 14px;
    display: block;
    float: left;
    width: 49%;
    text-align: center;
    text-align: left;
}
.ferry .grid-group-item .bus-circleHolder > span.bs-searNo {
    width: 49%;
    float: left;
    text-align: right;
}
.action.srch-price-btn {
    margin-bottom: 10px;
}
.total_fare.sl-seatsSlected span.sl-farelabel{
    font-size: 16px;
    font-weight: bold;	
}
.fare-det {
    float: left;
}


.grid-group-item.listing-style3 .searchfare-details-drpdwn {
    display: none !important;
}
div#grid-popup-body-div {
    padding: 10px;
}
#ferrySearchForm .soap-icon-departure:before {
    content: '\e85d';
    font-size: 30px;
    color: #b10000;
    background: none;
    top: -4px;
    position: relative;
}
#ferrySearchForm .row.hw-psngr > div.form-group.col-sm-6.col-md-3 {
    /* padding-left: 20px; */
    /* width: 23%; */
}
#ferrySearchForm  .input__field--kohana:focus + .input__label--kohana .icon--kohana, #ferrySearchForm  .input--filled .icon--kohana {
	-webkit-transform: translate3d(-232px, 1px, 0);
    transform: translate3d(-232px, 1px, 0);
    transition: all 0.5s ease;
}
#ferrySearchForm .one-search-btn .c-button {
    /* height: 36px; */
    /* border-radius: 2px; */
    /* line-height: 0; */
    /* top: -2px; */
    /* right: 0; */
    /* font-size: 16px; */
    /* letter-spacing: 0; */
    /* text-align: right; */
    /* padding-right: 25px; */
    /* margin: 0; */
}
#ferrySearchForm  ul.hmepg.tabs > li {
    position: relative;
}
.home-search-bar #ferrySearchForm  li.tripTypeIs.active:after {
    top: 0;
    right: -8px;
	}
#ferrySearchForm  span.oneway-date-label {
    /* font-size: 0; */
    /* display:none; */
}
.modify-search-bar.home-search-bar #ferrySearchForm .input__field--nao.destinations,
.modify-search-bar.home-search-bar #ferrySearchForm .input__field--nao.origins  {
    padding-left: 10px;
	z-index: 1;
}
.sort-by-section.clearfix.box.only-tiles ul {
    display: none;
}
.sort-by-section.clearfix.box.only-tiles .fryselect.htoneselect.is-open ul{
	display:block;
	    visibility: inherit;
}

.modify-search.busSearchModify .exchngearrow {
    position: relative;
    top: -18px;
    color: #fff;
    background: #5e8315;
    padding: 9px 8px;
    border-radius: 0;
    width: 28px;
    cursor: pointer;
    border-radius: 50%;
}
.modify-search #ferrySearchForm .input--filled .icon--kohana {
    -webkit-transform: translate3d(-240px, 1px, 0);
    transform: translate3d(-240px, 1px, 0);
    transition: all 0.5s ease;
}
.modify-search.busSearchModify span.modifysr-close {
    width: 30px;
    height: 30px;
    float: left;
    position: absolute;
    right: 2px;
    top: 0;
    cursor: pointer;
    z-index: 999;
    /* box-shadow: 2px 2px 5px 1px #333333; */
    /* background: #e5e5e5; */
    border-radius: 50px;
    text-align: center;
    padding: 5px;
}
.modify-search.busSearchModify .modifysr-close:before {
    content: "X";
    font-size: 16px;
    position: absolute;
    right: 10px;
    top: 8px;
    font-family: inherit;
    opacity: 1;
    color: #000000;
}

.item.list-group-item.ferryList  article.box nav.search-left-float {
	position: absolute;
    /* top: 90px;
    right: 251px; */
    left: -20px;
    z-index: 100;
}
.attrmarkup-radio.travelo-login-box .signup-email {
    color: #52042a;
}
.home-search-bar.modify-search-bar #ferrySearchForm .one-search-btn .c-button {
    top: 0;
    right: 0;
    left: 0;
}
.home-search-bar.modify-search-bar #ferrySearchForm .row.hw-psngr > div.form-group.col-sm-6.col-md-3 {
    /* padding-left: 14px; */
    width: 24%;
}

.fluid-container.modify-search.busSearchModify .modify-on-ret > div > i:before{
content: '\e85d';
    font-size: 30px;
    color: #b10000;
    background: none;
    top: 0;
    position: relative;
	font-family:soap-icons;
	display:none;
}
.modify-search-bar #ferrySearchForm .form-group.one-search-btn.bus-btn-mbl {
    right: unset;
    width: auto;
    right: auto;
    position: relative;
    bottom:0%;
    margin: auto;
    left: 7%;
    transform: translateX(-50%);
}
#ferrySearchForm .row.hw-psngr > div.form-group.col-sm-6.col-md-3:first-child{
	/* margin-right: 35px; */
}



/* Media Query */

@media(max-width:1199px){
	form[action="ferryPnrBlock"] .passengerdetail-holder .gba-padding-6:nth-child(6),form[action="ferryPnrBlock"] .passengerdetail-holder .gba-padding-6:nth-child(7) {
		width:40%;
	}
	form[action="ferryPnrBlock"] .passengerdetail-holder .gba-padding-6:nth-child(5) {
		width:20%;
	}
	.bookingdetail-holder form[action="ferryPnrBlock"] .pssngr-form-datepicker .input__field--fumi{
		font-size:14px;
	}
	#ferrySearchForm .form-group.col-sm-6.col-md-2.one-search-btn.bus-btn-mbl {
		right: -60px;
		position: absolute;
	}
	#ferrySearchForm  .input__field--kohana:focus + .input__label--kohana .icon--kohana, #ferrySearchForm  .input--filled .icon--kohana {
		-webkit-transform: translate3d(-6px, 1px, 0);
		transform: translate3d(-6px, 1px, 0);
		transition: all 0.5s ease;
	}
	.modify-search #ferrySearchForm .input--filled .icon--kohana {
		-webkit-transform: translate3d(-6px, 1px, 0);
		transform: translate3d(-6px, 1px, 0);
		transition: all 0.5s ease;
	}
	.home-search-bar.modify-search-bar #ferrySearchForm .row.hw-psngr > div.form-group.col-sm-6.col-md-3 {
		width: 20%;
	}
	.modify-search-bar #ferrySearchForm .form-group.col-sm-6.col-md-2.one-search-btn.bus-btn-mbl {
		right: -10px;
	}
}

@media(max-width:1024px){
	#ferrySearchForm .row.hw-psngr > div.form-group.col-sm-6.col-md-3 {
		width: 22%;
	}
	#ferrySearchForm .form-group.col-sm-6.col-md-2.one-search-btn.bus-btn-mbl {
		right: -25px;
	}
	#ferrySearchForm .row.hw-psngr > div.form-group.col-sm-3.col-md-2 {
		width: 138px;
	}
}

@media(max-width:991px){
	.form-group.col-sm-6.col-md-2.one-search-btn.bus-btn-mbl {
		width: 148px;
		float: right;
		position: relative;
		top: 40px;
	}
	.bus-searchfare ul.swap-tiles.clearfix.block-sm{
		display:none;
	}	
	
	.details .details-wrapper.bus-destination {
		width: 100%;
		float: none;
		left: 0;
		margin: 10px auto;
	}
	.ferry .item.list-group-item figure span img {
		float: none;
		width: 70%;
		margin:0 auto;
	}
	.ferry .item.list-group-item article.box  figure{
		text-align:center;
	    width: 75%;
		float: none;
		margin: auto;
	}
	#ferrySearchForm .roundtrip-tabcont .col-md-3, #ferrySearchForm .oneway-tabcont .col-md-3 {
		width: 48%;
	}
	#ferrySearchForm  .tab-content .form-group.BusHmesubLocation{
		width:50%;
	}
	#ferrySearchForm  div#srch-toggle-dwn-o {
		width: 100%;
		position: relative;
		top: -55px;
	}
	.details .seatSet{
		width:100%;
	}
	.ferry .bus-circleHolder {
		margin: 10px auto;
		width: 100%;
		height: initial;
		padding: 7px 0;
		border-radius: initial;
		float: left;
	}
	.flights-found-txt .emailfare {
		right: -20px;
		float: left;
	}
	.headerTripShow {
		width: 50%;
		text-align: center;
		padding: 20px 0;
	}
	.bus-found-txt {
		padding: 10px 0px 0;
	}
	.details-wrapper.bus-destination > div{
		width:100%;
		margin-top:6px;
	}
	.ferry nav.search-left-float ul li {
		top: 0px;
	}
	.busFilterdrpr.ferryFilterdrpr {
		width: 35%;
	}
	.ferryseatsAvailable{
		float: left;
		width: 100%;
	}
	.seat3x3, .seat1x1 {
		width: 100%;
		display: block;
		margin: 0 auto;
		float: none;
		overflow: hidden;
	}
	.detail-droppoint > div {
		width: 100%;
	}
	.searchfare-details-drpdwn {
		width: 100%;
		position: relative;
	}
	div#backToFrySearch {
		margin-top: 30px;
	}
	form[action="ferryPnrBlock"] .gobudgetair-box .col-xs-4.col-md-4.gba-padding-6:nth-child(4) {
		clear: left;
	}
	.seat3x3 ul.seatGrid li > div {
		width: 35px;
	}
	#grid-popup-body-div .seat3x3 ul.seatGrid li > div {
		width: 13%;
	}
	#grid-popup-body-div .seat3x3, grid-popup-body-div .seat1x1 {
		width: 100%;
	}
	.seat1x1 ul.seatGrid li > div {
		width: 72px;
	}
	.ferry .ac-custom span.flprice, .ferry span.flprice {
		padding-right: 0;
	}
	.ferry .bus-circleHolder > span.bs-searNo {
		width: 49%;
		text-align: right;
	}
	.ferry .bus-circleHolder > span.bs-searLabel {
		width: 49%;
		text-align: left;
	}
	.ferry .fd-grdright ul li > label {
		width: 100%;
	}
	.busDetailHolder .search-result-left {
		width: 95%;
	}
	.busSearchModify .modify-drpdwn.slide-up {
		position: relative;
		top: 0;
	}
	#ferrySearchForm div#srch-toggle-dwn-o{
		display:none!important;
	}
	#ferrySearchForm .row.hw-psngr > div.form-group.col-sm-6.col-md-3 {
		width: 47%;
	}
	#ferrySearchForm .row.hw-psngr > div.form-group.col-sm-3.col-md-2 {
		width: 46%;
		/* padding-left: 20px; */
	}
	.exchngearrow {
		top: -25px;
	}
	#ferrySearchForm .row.hw-psngr > div.form-group.col-xs-4.col-sm-2.col-md-2.hm-trvlr {
		/* margin-left: -5px; */
	}
	#ferrySearchForm .one-search-btn .c-button{
		right:0;
	}
	#ferrySearchForm .input__field--kohana:focus + .input__label--kohana .icon--kohana, #ferrySearchForm .input--filled .icon--kohana {
		-webkit-transform: translate3d(-3px, 1px, 0);
		transform: translate3d(-3px, 1px, 0);
		transition: all 0.5s ease;
		left: 0;
		right: initial;
	}
	.modify-search.busSearchModify .modify-psngr-btn > div.modify-button {
		margin-bottom: 20px;
	}
	.modify-search.busSearchModify .filterDrpdwnBtn .session_counter {
		top: -57px;
		width: 290px;
		right:10px;
	}
	.modify-search.busSearchModify .session_counter .sess-timer{
		width:auto;
	}
	#ferrySearchForm .form-group.col-sm-6.col-md-2.one-search-btn.bus-btn-mbl {
		right: 0;
		position: relative;
		transform: none;
		left: 0;
		bottom: 0;
		top: 0;
	}
	.home-search-bar .input__field--nao {
		padding-left: 10px;
	}
	#transferSeatMapPopupClose.ferrygba-close, #transferSeatMapPopupClose.ferrygba-close:hover {
		right: -20px;
		top: -13px;
	}
	.modify-search #ferrySearchForm .row.hw-psngr > div.form-group.col-sm-3.col-md-2{
		width:49%;
		/* padding-left:26px; */
	}
	#modify-search-drpdwn .home-search-bar #ferrySearchForm .oneway-tabcont .ow-date-disable input[type="text"]:disabled{
		padding-left:10px;
	}
	.home-search-bar.modify-search-bar #ferrySearchForm .row.hw-psngr > div.form-group.col-sm-6.col-md-3 {
		width: 48%;
		/* padding: 0; */
		/* padding-left: 26px; */
	}
	.modify-search  #ferrySearchForm .row.hw-psngr > div.form-group.col-xs-4.col-sm-2.col-md-2.hm-trvlr {
		margin-left: 0;
		/* padding: 5px 5px 5px 26px; */
	}
	.modify-search-bar #ferrySearchForm .form-group.col-sm-6.col-md-2.one-search-btn.bus-btn-mbl {
		right: 0;
	}
	#ferrySearchForm .exchngearrow{
		left:-5px;
	}
	.modify-search #ferrySearchForm .input--filled .icon--kohana {
		-webkit-transform: translate3d(5px, 1px, 0);
		transform: translate3d(5px, 1px, 0);
		transition: all 0.5s ease;
	}
	.htlTopDetail > .top-headd > div {
		width: 100%;
	}
}

@media(max-width:767px){
	.form-group.col-sm-6.col-md-2.one-search-btn.bus-btn-mbl {
		width: 100%;
		position: relative;
		top: 20px;
	}	
    .ferry .home-search-bar.home-search-bar.home-ferry-search {
        position: relative;
    }
	#transferSeatMapPopupClose.ferrygba-close, #transferSeatMapPopupClose.ferrygba-close:hover {
		right: 0px;
	}
	#ferrySearchForm .search-moption {
		margin-top: -42px;
	}
	#ferrySearchForm .BusHmesubLocation{
		margin:15px 0;
	}
	#ferrySearchForm .tab-content {
		padding: 10px 0px;
	}
	.exchangeArrowdiv {
		float: none;
		width: 100%;
		text-align: center;
		position: static;
		/* padding-top: 10px; */
	}
	.exchngearrow {
		transform: initial;
		margin: 0 auto;
	}
	
	.busListHeader-holder {
		padding: 0;
		padding-bottom: 30px;
		text-align: center;
	}
	#ferrySearchForm div#srch-toggle-dwn-o {
		width: 100%;
		position: relative;
		top: 0;
	}
	.busListHeader-holder > div,#ferrySearchForm .roundtrip-tabcont .col-md-3, #ferrySearchForm .oneway-tabcont .col-md-3,#ferrySearchForm  .tab-content .form-group.BusHmesubLocation  {
		width: 100%;
		display: block;
	}
	.busListHeader-dest, .busListHeaderDate{
		padding: 5px;		
	}
	.busListHeader > strong {
		width: 100%;
		display: block;
		text-align: center;
		margin:0;
	}
	.ferrySearchList .lHotelCount {
		width: 100%;
		text-align: center;
		font-weight: 600;
		line-height: normal;
		margin-left: 0;
	}
	.filterSortingTop > label {
		display: block;
		width: 100%;
	}
	.fryselect.htoneselect {
		width: 47%;
	}
	.filterSortingTop .fryselect.htoneselect:last-child{
		margin:0;
	}
	.details-wrapper.bus-destination > div,.filterSortingTop{
		width:100%;
	}
	.busSearchModify .row.busSearch-filter-all{
		margin-bottom:30px;
		padding: 0;
	}
	form[action="ferryPnrBlock"] .passengerdetail-holder .gba-padding-6:nth-child(5) {
		width:100%;
	}
	form[action="ferryPnrBlock"] .passengerdetail-holder .gba-padding-6:nth-child(6),form[action="ferryPnrBlock"] .passengerdetail-holder .gba-padding-6:nth-child(7) {
		width:100%;
	}
	.headerTripShow {
		width: 25%;
	}
	.busDetailHolder .search-result-left {
		width: 100%;
	}
	.item.list-group-item.ferryList  article.box nav.search-left-float {
		left: 0px;
	}
	#ferrySearchForm .row.hw-psngr > div.form-group.col-sm-6.col-md-3,.home-search-bar.modify-search-bar #ferrySearchForm .row.hw-psngr > div.form-group.col-sm-6.col-md-3,.modify-search-bar #ferrySearchForm .row.hw-psngr > div.form-group.col-xs-4.col-sm-2.col-md-2.hm-trvlr  {
		width: 100%;
	}
	#ferrySearchForm .row.hw-psngr > div.form-group.col-sm-3.col-md-2 {
		width: 100%;
	}
	.item.list-group-item.ferryList article.box nav.search-left-float{
		top:0;
	}
	#grid-popup-body-div .seat3x3, grid-popup-body-div .seat1x1 {
		width: 100%;
	}
	.modify-search-bar #ferrySearchForm .row.hw-psngr > div.form-group.col-xs-4.col-sm-2.col-md-2.hm-trvlr {
		margin-left: 0;
		/* padding: 5px 0 5px 26px; */
	}
	.modify-search-bar #ferrySearchForm .row.hw-psngr > div.form-group.col-sm-3.col-md-2 {
		width: 100%;
	}
	.modify-search.busSearchModify .exchngearrow {
		top: -12px;
	}
	.home-search-bar.modify-search-bar #ferrySearchForm .one-search-btn .c-button {
		top: 0px;
		right: 0;
	}
	.modify-search.busSearchModify .modify-psngr-btn > div.modify-button {
		margin-bottom: 0;
	}
	.modify-search.busSearchModify  .filterDrpdwnBtn .session_counter{
		top:-60px;
	}
	#ferrySearchForm .row.hw-psngr > div.form-group.col-xs-4.col-sm-2.col-md-2.hm-trvlr {
		/* margin-left: 4px; */
		/* padding:5px 5px 5px 16px; */
		width:100%;
	}
	.exchngearrow {
		top:0;
	}
	#grid-popup-body-div .seat3x3 ul.seatGrid li > div {
		width: 12%;
	}
	.seat3x3 ul.seatGrid li > div {
		width: 42px;
	}
	#ferrySearchForm .row.hw-psngr > .form-group.col-sm-3.col-md-2.todatedDiv.ow-date-disable {
		width: 100%;
	}
	#ferrySearchForm .row.hw-psngr > div.form-group.col-sm-6.col-md-3{
		/* padding:0; */
		/* padding-left:20px; */
	}
	
}
@media (max-width: 320px){
	.fryselect.htoneselect {
		width: 100%;
		margin:10px 0;
	}
	.bus-fSearch-bar .container {
		width: 100%;
	}
	.row.busSearch-filter-all {
		padding: 0;
	}
	span.zindex-hr.middle {
		left: 41%;
	}
}

form#ferrySearchForm i.soap-icon-departure.icon.icon--kohana.arrive:before {
    font-family: "soap-icons";
}
.busSlctBx.filtLbloperator .multiselect-container>li>a>label.radio, 
.busSlctBx.filtLbloperator .multiselect-container>li>a>label.checkbox {
    margin: 0;
    word-wrap: normal;
    white-space: normal;
}
.bus-fSearch-bar.filter-hSearch-bar button.multiselect.dropdown-toggle.btn.btn-default > span {
    width: 89%;
    overflow: hidden;
    display: inline-block;
    color: #000;
}
.bus-fSearch-bar.filter-hSearch-bar .btn .caret {
    top: 8px;
}
#ferrySearchForm .one-search-btn.bus-btn-mbl .c-button:before{
    left: 12px;
}

.home-search-bar.home-search-bar.home-ferry-search {
    margin-top: 0;
    bottom: 0;
    top: auto;
    width: 100%;
    background: transparent;
    box-shadow: none;
    padding: 20px 0px;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgb(0 0 0 / 71%) 0%, rgb(0 0 0 / 0%) 100%);
    border-radius: 0;
    position: absolute;
}
.home-search-bar.container.home-ferry-search h2.searchbar-title {
    color: #fff;
}
.home-search-bar.home-search-bar.home-ferry-search .form-group.hm-trvlr{
width: 14%;
}
.home-search-bar.home-search-bar.home-ferry-search .traveller-main .wrapper-demo {
 background-color: transparent;
}

.home-search-bar.home-search-bar.home-ferry-search .form-group.hm-trvlr .traveller-main .wrapper-demo .wrapper-dropdown-3 input.input__field.input__field--nao{
	
padding-top: 10px!important;
	
height: 55px;
}

.home-search-bar.home-search-bar.home-ferry-search .form-group.hm-trvlr section.traveller-main .wrapper-dropdown-3:after{
	
top: 45%;
}
.home-search-bar.home-ferry-search .one-search-btn.hme-btn-mbl {
    left: calc(50% - 115px);
    transform: none;
    width: 230px;
    bottom: -30px;
    text-align: center;
}

.home-search-bar.home-search-bar.home-ferry-search .search-moption {
    display: none;
}
.modify-search-holder.container .modify-fromto span{
	float:left;
	/* padding: 16px 0px; */
	display: flex;
	align-items: center;
	height: 60px;
	width: 100%;
	justify-content: space-between;
	line-height: normal;
}
.modify-search-holder.container{
	padding: 5px;
}
.modify-search-holder.container .modify-on-ret {
    display: flex;
    align-items: center;
    height: 60px;
}

.modify-search-holder.container .modify-psngr-btn {/* float: right; */padding: 0;}

.modify-search-holder.container .modify-on-ret div {
    /* padding: 16px 10px; */
}
.searchfare-details-drpdwn.ferry-searchfare.gba-show{
	display:block;
}
.searchfare-details-drpdwn.ferry-searchfare {position: relative;background-color: #fff;}
.searchfare-details-drpdwn.ferry-searchfare .search-drop-holder{
	width:100%;
	float: left;
	margin: 20px 0px;
}
.searchfare-details-drpdwn.ferry-searchfare .ferry-details-drpdwn.onward {
    /* width: 768px; */
    /* margin: auto; */
    /* background-color: #fff; */
    /* float: left; */
    /* padding: 10px; */
}

.home-search-bar.modify-search-bar .search-moption {
    display: none;
}



.toggle-container .panel.style2{
    border: 1px solid #ddd;
    border-radius: 10px;
}
.toggle-container .panel.style2 h4.panel-title {
    background-color: #f4f4f4;
    border: none;
    margin-bottom: 0px;
    border-radius: 8px 8px 0px 0px;
}

.toggle-container .panel.style2 .panel.style2 {
    border: none;
    border-bottom: 1px solid #ddd;
}

.toggle-container .panel.style2 .panel.style2 .panel-title{
    background: transparent;
    margin-bottom: 20px;
}

.toggle-container .panel.style2 .panel.style2 .panel-title > a.childPanelHeadAdult {
   color: #000;
   font-size: 16px;
   font-weight: bold;
   border-bottom: 1px solid #ddd;
}

.booking-details.gobudgetair-box {
    background-color: #fff;
    padding: 15px;
}
.booking-details.gobudgetair-box.mCustomScrollbar{
	padding: 10px;
}

.multiselect-container>li>a>label.checkbox::before {
    left: 5px;
}

.modify-fromto {
    /* display: flex; */
    /* align-content: flex-end; */
    /* flex-direction: row; */
    /* height: 70px; */
}

.modify-fromto .modify-from {
    padding: 0;
    padding-right: 20px;
    position: relative;
}

.modify-fromto .modify-to {
    padding-left: 20px;
}

.modify-fromto .modify-from span.mod-arrow {
    position: absolute;
    right: -10px;
    display: inline-block;
    top: 20px;
    width: auto;
}
.ferrySearch .htld-fullwidth{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ferrySearch .modify-on-ret{
    flex-direction: row;
}
.ferrySearch .modify-search-holder.container .row{
    display: flex;
    align-items: center;
}
.ferrySearch #ferrySearchForm .traveller-main .wrapper-demo {
    background-color: transparent;
}
.ferrySearch #ferrySearchForm .traveller-main .wrapper-demo .wrapper-dropdown-3 input.input__field.input__field--nao{
    padding-top: 10px !important;
}
.ferrySearch #ferrySearchForm section.traveller-main .wrapper-dropdown-3:after {
    right: 12px;
    top: 41%;
}
.ferrySearch .home-search-bar.modify-search-bar.container{
    float: none;
    /* background: #17227d; */
    border-radius: 25px;
    position: relative;
    z-index: inherit;
    top: 0px;
    margin: auto;
    transform: none;
    /* box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); */
}
.ferrySearch .home-search-bar.modify-search-bar.container .input.input--nao{
    border: 1px solid #ddd;
}
.ferrySearch .modify-search-bar.home-search-bar #ferrySearchForm .input__field--nao.origins {
    padding-left: 25px;
    z-index: 1;
}
.ferrySearch .modify-search-bar.home-search-bar #ferrySearchForm .form-group {
    margin-bottom: 20px;
}
.ferrySearch .modify-search-bar.home-search-bar .row.hw-psngr{
    /* display: flex;
    align-items: center; */
}
.ferrySearch .modify-search.busSearchModify .modifysr-close:before {
    color: #000;
    background:#ffd703;
    padding: 10px;
    border-radius: 50%;
}
.getFerryPassengerDetails .modify-search-holder.container .modify-on-ret {
    display: flex;
    flex-direction: row;
}
.getFerryPassengerDetails .ferryPdetailPge .bform-ferry-det > div > span {
    width: 98%;
}
.ferrySearch .modify-search-bar.home-search-bar #ferrySearchForm .input__field--nao.destinations{
    padding-left: 25px;
}




@media (max-width: 767px) {
    .home-ferry-search .exchngearrow {
        top: -8px;
    }
    .ferrySearch .modify-search.busSearchModify{
        position: relative !important;
    }
    .ferrySearch .modify-search-holder.container .row {
        display: block;
        align-items: center;
    }
    .modify-fromto>div>span strong {
        height: 38px;
    }
    .modify-fromto {
        display: flex;
        align-items: center;
    }
    #ferrySearchForm .form-group.col-sm-6.col-md-2.one-search-btn.bus-btn-mbl {
        /* right: 50px;  */
        position: relative;
        transform: none;
        left: -60%;
        bottom: 0;
        top: -15px;
    }
    body.bus .whatsapp-fly {
        position: fixed;
        right: 25px;
        bottom: 80px;
        z-index: inherit;
    }
}