.dealLength5 .cell-0{width: 40%}
.deal-box {margin: 0 0.5rem 1rem; border: 1px solid #ccc; border-radius: 5px; position: relative}
.cell-0 .deal-box{margin-left: 0}
.ads-spot--vt {right: -11rem; top: 2rem}
.travel-details .ond{font-size: 1rem}
.travel-details:hover{background: #eee}
.travel-details a{display: block; padding: 10px}
.travel-details a:hover{color: inherit}
.deal-box img{width: 100%; height: 8rem}
.deal-box figure{margin: 0}
.deal-box small{display: block}
.dealLength5 .cell-0 img{height: 23.4rem}
.saving {position: absolute; top: 10px; left: -0.5rem; background: #00ab53; border-radius: 5px 5px 5px 0; padding: 5px 10px; color: #fff; font-weight: 600; font-size: 1.3rem}
.saving:before {content: ""; height: 0; width: 0; bottom: -0.5rem; left: 0; border-top: 0.5rem solid #000; border-left: 0.5rem solid transparent; position: absolute}
.totalfare.discounted sup {font-size: .95rem}
.totalfare.discounted {font-size: 1.6rem; color: #313541}
.fare-actual {text-decoration: line-through; font-weight: 600; margin-right: 10px; font-size: 1rem; color: #73767f}
.fare-actual  sup{font-size: .6rem}
.smtxt, .deal-terms{font-size: 85%}
.deal-terms{clear:both}
.cell-0 .deal-box, .dealrow-2 .deal-box {margin-bottom: 0}

.dealLength2 img, .dealLength4 img{height: 18rem}
.dealLength1 .deal-box figure{width: 50% ; margin-right: 20px; float: left}
.dealLength1 .deal-box {height: 19.1rem}
.dealLength1 .deal-box img {width: 100%; height: 19rem}
.dealLength1 .travel-details .ond {font-size: 1.5rem}
.dealLength1 .travel-details {color: #51555E; font-family: arial}
.dealLength1 .travel-details{font-size: 130%;height: 19rem}
.dealLength1 .deal-search {float: left !important; width: 17%; margin-top: 15px; margin-right: 20rem}
.bookByHeader{font-size: 50%}
.mode-terms{margin-top: -3rem}
.city-mismatch{text-decoration: underline; color: #08c}
@media(max-width: 992px) {
	.deal-box{margin: 0 3px 6px}
	.travel-details .ond {font-size: .85rem;}
	.totalfare.discounted{font-size: 1rem}
	.totalfare.discounted sup {font-size: .7rem;}
	.deal-search{padding: .25rem !important; margin-top: 1px; font-size: .8rem;}
	.fare-actual{margin-right: 5px; font-size: 0.65rem;}
	.fare-actual  sup{font-size: .5rem}
	.dealLength5  .cell-0 img {height: 22rem;}
}

	.table.table-hover .deal-list{border-top: 0px solid #ddd; background: #ffffff; margin-bottom: 15px;float: left }
	.table.table-hover .deal-item{display: block; box-shadow: 1px 1px 3px 2px rgba(220, 220, 220, .9);}
    .table.table-hover .data-date{background: #f8f8f8; padding: 5px 15px; font-size:12px;}
    .table.table-hover .data-fromdate, .data-todate{margin-right:25px; font-size:12px !important; font-weight:600!important; line-height: 14px!important;}
    .table.table-hover .data-fromdate b, .data-todate b{font-size:12px !important; font-weight:600!important; line-height: 14px!important;}
    .table.table-hover .deal-itinerary{padding:10px 0px; font-size:14px;}
    .table.table-hover .deal-list span{font-size:.85em;  color:#666; line-height: 16px;}
	.table.table-hover .deal-list .fare-saving{color:#fff; line-height:26px;}
    .table.table-hover .deal-list b{font-size:22px; font-weight:500; line-height: 28px; color:#333;}
    .table.table-hover .deal-list small{font-size:.85em; font-weight:500; color:#666; line-height: 16px}
    .table.table-hover .geotncdate{float:left; clear: both}
    .table.table-hover .airImg{margin:15px 0 0 30px; height: 36px; max-width: 60px; background-position:center}
    .table.table-hover .deal-tt-rt span, .deal-tt-ow span{border:1px solid #ededed; height:2px; line-height: 2px; display: block; margin-top: 14px;}
    .table.table-hover .deal-tt-rt-ic{position: absolute; top: -1px; left: 38%; font-size: 20px; background: #fff; color: #757575; padding-top:12px; width: 30px;  border: 1px solid #ededed;  height: 30px; border-radius: 50%; text-align:center; font-weight: bold;}
    .table.table-hover .deal-list:hover, .table.table-hover .deal-list.active{background:#FFFFFF;}
    #UniqueID, #uniqueGeoCode{margin-right:0px;}
    .table.table-hover .featured-deal .smtxt{font-size:.88em;}
    .table.table-hover .deal-reference{font-size:.78em; text-align:right; color:#999;}
    .table.table-hover .deal-fare span{font-size: 32px!important; line-height: 37px; font-weight: 500; color:#118acb;}
	.table.table-hover .deal-fare sup{top:-12px;}
    .table.table-hover .deal-fare sup span{font-size: 16px!important; line-height:0px;}
    .table.table-hover .tab-content h2.blueHead{background:none;}
    @media(min-width:768px) and (max-width:1023px){
    h2.blueHead{font-size:18px;}
    .featured-deal .smtxt{font-size:.75em; display:block; clear: unset;}
    .airImg{max-width:70px;}
    .deal-tt-rt-ic, .deal-tt-ow:before{left:40%;}
    }
    @media(min-width:1024px) and (max-width:1024px){
    .featured-deal .smtxt{font-size:.70em; display:block; clear: unset;}
    .airImg{ max-width:70px;}
    .deal-tt-rt-ic, .deal-tt-ow:before{left:40%;}
    }
.dealSection .deal-tab{font-size:19px; font-weight:500;}
.dealSection .deal-tab .tab-item.active{color:#005282}
.dealSection .deal-tab .tab-item{border-color: #e9ecef #e9ecef #dee2e6; margin-left: 22px; background-color:#f5f5f5}
.dealSection .tab-content .active{animation:none}
.dealSection .tab-item {display: block;padding: 0.5rem 1rem;}
.dealSection .tab-item:hover,.tab-item:focus {text-decoration: none;}
.dealSection .tab-item.disabled {color: #6c757d;}
.deal-tab {border-bottom: 1px solid #dee2e6; display: flex !important; flex-wrap: wrap;padding-left: 0;margin-bottom: 10px; list-style: none}
.dealSection .deal-tab .tab-item {border: 1px solid transparent;border-top-left-radius: 0.25rem;border-top-right-radius: 0.25rem; margin-bottom: -1px; flex:inherit !important; cursor:pointer}
.dealSection .deal-tab .tab-item:hover,.deal-tab .tab-item:focus {border-color: #e9ecef #e9ecef #dee2e6;}
.dealSection .deal-tab .tab-item.disabled {color: #6c757d;background-color: transparent;border-color: transparent;}
.dealSection .deal-tab .tab-item.active {color: #495057;background-color: #fff; border-color: #dee2e6 #dee2e6 #fff}
.dealSection .deal-tab .dropdown-menu {margin-top: -1px; border-top-left-radius: 0;border-top-right-radius: 0}
.deal-tab.d-none{display:none !important}
.dealcontainer1.tab-content .table{width:auto}
.table.table-hover .fare-saving {background: #00ba01;font-size: 12px !important;font-weight: 500;margin-left: 10px;display: inline-block;position: absolute;right: -4px;color: #fff;padding: 0 10px 0 5px;top: -36px; line-height:25px}
.table.table-hover .avg-fare { color: #979797; font-size: 18px; font-weight: 500; text-decoration: line-through; margin-right: 10px;line-height: 18px;}
.table.table-hover .fare-saving:after {width: 0;height: 0;content: ''; border-left: 0px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #00ba01; position: absolute; right: 0; bottom: -10px}
.col-xl-6.deal-list{list-style:none; }
.table.table-hover .fare-actual{margin-right:0px; display:block !important; font-size:1rem !important; color:#8f9092}
.table.table-hover .cityName{white-space:nowrap}
.table.table-hover .deal-item {display: block; box-shadow: 1px 1px 3px 2px rgba(220, 220, 220, .9);}
.table.table-hover .deal-list{border-bottom:none !important}

@media(min-width:768px) and (max-width:992px){
.table.table-hover .fare-saving{right:-34px;}
.totalfare.discounted{font-size:1.6rem;}
.dealLength1 .deal-search{margin-right: 13.5rem !important;}
}
	
@media(min-width:993px) and (max-width:1024px){
    .table.table-hover .fare-saving{right:-68px}
    .totalfare.discounted{font-size:1.6rem}
    .dealLength1 .deal-search{margin-right: 13.5rem !important}
}
/* .explore-bg {background:url('//c.fareportal.com/gcms/portals/2/rweb/images/explore-bg.png') no-repeat center center/cover; display: block; height:132px; text-align: center; padding-top:50px; border:2px solid #018197;  border-radius:5px} */
.explore--button{background:#006EE3; color:#fff; padding:15px 30px 15px 45px; font-size:1.3rem; border-radius:5px; position: relative;}
.explore-bg:hover .explore--button{background:#066ad5; }
.exploreTab{display:none !important}

.alldealTab .dealSection .deal-tab{border:none}
.alldealTab .dealSection table{width:100%}
.alldealTab .dealSection .deal-tab .tab-item{border:1px solid #d8d9df; border-radius:4px; }
.alldealTab .dealSection .deal-tab .tab-item.active{border:1px solid #006ee3 !important; background:#e6f1fc; color:#006ee3 }
.alldealTab .dealLength5 .cell-0 img{height:23.9rem; object-fit:cover}
.alldealTab .dealcontainer2.tab-content.mt3 .four-cells-table.dealLength5{margin-left:-0.5rem}
.alldealTab .dealLength5 .cell-0{width:31.9rem;}
.alldealTab .dealSection .deal-tab .tab-item{margin-left:0; margin-right:22px;}
.alldealTab .dealSection .deal-tab{font-size:16px;}
.alldealTab .dealcontainer2 .deal-box{margin:0 0.5rem 1rem 0}
.alldealTab .dealSection .travel-details a{padding:13px}
.alldealTab .dealSection .dealcontainer2 .main-table tr:first-child {display: block; overflow: hidden; width: 100%;}
.alldealTab .dealSection .dealcontainer2 .main-table td {float: right; width: 50%;}
.alldealTab .dealcontainer1.tab-content{margin-bottom:1rem;}
.alldealTab .dealSection .dealLength1 .cell-0{width:100% !important}	
@media(max-width:1024px){
.alldealTab .dealLength5 .cell-0{width:21.9rem;}
.featured-deal .alldealTab  h2{padding-left:0}
}

.mapview-deals figure{max-width: 281px; max-height: 151px; overflow: hidden; margin-bottom: 0; padding: 0}
.mapview-deals figure img{width: 100%; border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; object-fit: cover}
.mapview-deals .ond{color: #313541; font-size: 1.25rem !important; line-height: 1.25rem;}
.mapview-deals .totalfare{color: #008A04 !important; position: relative; margin-right: 0.4rem; font-size: 1.25rem !important}
.mapview-deals .totalfare.discounted sup {font-size: 0.75rem !important; top: -6px;}
.mapview-deals .totalfare.discounted sup::after{bottom: 6px;}
.mapview-deals .travel-details p{height: 1rem;}
.mapview-deals .roundtrip-swap,.mapview-deals .icon-user{fill: #313541}
.dealHeading span{color: #008A04 !important;}
.dealHeading p{color: #51555E !important; font-size: 1rem !important; font-weight: 400; margin: 0;}
strong.totalfare.discounted:before {content: 'from'; color: #73767F; font-size: 14px; font-weight: 400; position: absolute; left: -2.25rem; top: 3%}
.dealcontainer1{border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.10);}
.dealcontainer2{border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; overflow: hidden; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.10);}
.roundtrip-swap{position: absolute; left: 0; top: 3px;}
.mapview-deal-ttype{position: relative; padding-left: 1.5rem;}
.mapview-deals{border-radius: 0.5rem !important; border-color: #DBDCE1;}
.mapview-deals:hover{color: inherit; background-color: #f7f7f7;}
.dealcontainer2 .explore-bg{background-color: #BAD4F4; background-image: url(//c.fareportal.com/gcms/portals/2/rweb/images/mapview-rightside.webp); border: 0; background-repeat: no-repeat; border-radius: unset; background-position: center; background-size: cover}
.explore-bg-top{background-color: #BAD4F4; background-image: url(//c.fareportal.com/gcms/portals/2/rweb/images/mapview-rightside.webp); height: 192px; border-top-left-radius: 8px; border-top-right-radius: 8px; background-position: center; background-size: 100% 550px}
.explore-bg-top .explore--button,.dealcontainer2 .explore-bg .explore--button{outline: 16px solid rgba(255, 255, 255, 0.30)}
.dealcontainer2 .explore-bg .explore--button{padding: 15px 84px 15px 83px!important; font-size: 1rem; border-radius: 8px}

.explore--button{border-radius: 8px;}
.dealcontainer1 .explore-bg-top, #exploremappos,span.ttext.text-md{display: none !important}
.explore--button:hover{color: #fff}
.featured-deal h2{padding: 0; line-height: 24px; margin: 0 0 10px; max-height: 24px; min-height: 24px}
.geodomestic li:first-child {font-size: 1rem; color: #51555E;}
.totalfare.discounted sup:after {content: '*'; font-size: 14px; position: absolute; bottom: 4px}
.btn-deals-explore{border-radius: 0.5rem; right: 0; bottom: 0; border-width: 2px !important; color: #006EE3; background-color: rgba(255, 255, 255, 0.60)}
.btn-deals-explore:hover{background: #fff}
.tnc-style{color: #51555E; font-size: 0.75rem;}

#setclsheight .deal-section.dealSection{padding-top: 0}
.travel-details:hover {background: transparent !important}

@media (min-width: 992px) and (max-width: 1024px){
.explore-bg-top{background-size: 100%}
}
@media (min-width: 768px) and (max-width: 1024px){
    .dealcontainer1{border-top-left-radius: 0; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem}
    }

.dealcontainer1:empty {
    min-height: 34rem;
    background-repeat: no-repeat;
    background-image: linear-gradient(#ddd 24px, transparent 0), linear-gradient(#ddd 148px, transparent 0), linear-gradient(#ddd 148px, transparent 0), linear-gradient(#ddd 148px, transparent 0);
    background-size: 100px 24px, 99% 148px, 99% 148px, 99% 148px;
    background-position: 15px 15px, 15px 50px, 15px 214px, 15px 380px;
}

.dealSection{background-color: transparent !important}